Neon Sign Effect Illustrator & Photoshop Tutorial

Поделиться
HTML-код
  • Опубликовано: 18 июн 2018
  • In today's tutorial we're going to create a bright neon sign effect using the powers of Adobe Illustrator and Adobe Photoshop. While it is possible to construct the entire artwork in Photoshop alone, Illustrator offers some useful tools for producing the initial layout with its vector shape building capabilities. Where Photoshop really shines is with its various layer style options that can be configured to create vibrant lighting effects, which are perfect for depicting a realistic, illuminated neon sign. Real neon signs are made out of glass tubes that a bent into shape, so to help with the realism of our neon sign artwork, the linework will be created in a way so there's a start and end point for each segment with no overlaps. Photographs of real neon signs show intense brightness from the tube that appears almost white, but with an ambient glow of a vibrant colour. This will be replicated using Photoshop's Inner Glow, Outer Glow and Drop Shadow effects.
    📺 WATCH THIS NEXT: Neon Sign Effect Photoshop Tutorial - • Neon Sign Effect Photo...
    ⭐️ Get Millions of Creative Asset Downloads from Envato Elements - spoon.graphics/envato
    📦 Join my mailing list and get a FREE design resources bundle! - spoon.graphics/freebundle
    🙏 I don’t have a Patreon, but if you want to support my work, consider becoming an Access All Areas member on Spoon Graphics - spoon.graphics/membership
    Deals & Discounts:
    ⭐ Get 20% off ANYTHING in my Spoon Graphics Shop with the code: 20OFF - spoon.graphics/shop
    ⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics/10freeimages
    ⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics/vintagefontsbu...
    ⭐️ Download this Month's FREE Files from Envato - spoon.graphics/free-files
    Tools & Resources I Use:
    ⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics/getadobe
    🛠️ Where I download the creative assets I need - spoon.graphics/envato
    ✍️ The graphics tablet I use: amzn.to/2GYNYEc
    🎙️ The microphone I use: amzn.to/3AdkJsp
    📢 The email newsletter service I use: spoon.graphics/aweber
    📈 The tool I use to help grow my channel: spoon.graphics/tubebuddy
    Watch more of my content:
    📺 See all my Photoshop tutorials - spoon.graphics/photoshoptutor...
    📺 See all my Illustrator tutorials - spoon.graphics/illustratortut...
    📺 Watch my most popular videos - spoon.graphics/popular
    #Photoshop #PhotoshopTutorial #AdobePhotoshop #Illustrator #AdobeIllustrator #IllustratorTutorial
    Adobe Photoshop & Adobe Illustrator design tutorials from Chris Spooner of Spoon Graphics. Subscribe to learn how to create stunning artwork as I share my tips and tricks in video format.
    Join my mailing list: blog.spoongraphics.co.uk/subsc...
    Visit my design blog: blog.spoongraphics.co.uk
    Follow me on Twitter: / chrisspooner
    Join me on Facebook: / spoongraphics

Комментарии • 139

  • @spoongraphics
    @spoongraphics  6 лет назад +8

    Join my mailing list at Spoon Graphics if you want to keep up with all my other content. Every subscriber gets a FREE design resources bundle! 📦 spoon.graphics/2ynU0eH

    • @___5q639
      @___5q639 5 лет назад

      Hi i have a question pls notice me 🙋🙋

    • @avibhardwaj9146
      @avibhardwaj9146 4 года назад

      Would you tell basic design of graphic

    • @bezibine3120
      @bezibine3120 3 года назад

      What the tool pen

    • @mosesivan9971
      @mosesivan9971 3 года назад

      A tip: watch movies at flixzone. Me and my gf have been using them for watching a lot of movies during the lockdown.

    • @ariesgregory1072
      @ariesgregory1072 3 года назад

      @Moses Ivan Yea, I've been watching on Flixzone} for since november myself :)

  • @nadoben21
    @nadoben21 6 лет назад +127

    The fact that this video is 9:58 instead of a little over 10:00 shows that this man cares more about the quality of his content then the Adsense the video will receive

    • @GavinHaughey
      @GavinHaughey 4 года назад +3

      Yeah, Chris gets straight to the point. (unlike others who love the sound of their own voices) Realy like the speed and pace of this video. Keeps me watching right to the end.
      Get work as well! Awesome technique, looks great. Thanks for the video

    • @SeteQuartos
      @SeteQuartos 3 года назад +1

      well.. Im gonna disagree with that just because money may be a concern for the creator, he's doing a high-level class here with this tutorial, we are getting it for free. I wouldn't mind if the video got 10min. Besides, we all know ADS isn't the main way to get money on youtube. Take the time you need to create a video! Wanting more for your life isn't a bad thing, as you certainly deserve it.

    • @maxhasacutedog7809
      @maxhasacutedog7809 2 года назад

      @@GavinHaughey He gets straight to the point but at least for me it's a little tough to follow along. He goes at a very fast clip.

  • @EthaSound
    @EthaSound 5 лет назад +5

    I love your tutorials. They are super quick, but don't leave any crucial information out, perfect for someone like me who already knows the basics, and doesn't need a lengthy explanation about the difference between the selection tool and the direct selection tool.

  • @westoncox9264
    @westoncox9264 5 лет назад +16

    Honestly. I've watched tutorials on RUclips on everything from tiny houses to cooking to futsal and web design, and I have to say, your tutorials are far and away the best, not just on the subjects you cover, but overall. If you could teach everything, the world would be amazing.

  • @gerrygarcia610
    @gerrygarcia610 3 года назад +1

    This was a true masterclass. I have learned more from Illustrator & Photoshop interaction with this video than anywhere else.

  • @crazeemango
    @crazeemango 5 лет назад +1

    This was sooo helpful!! very thorough, down to details! It is much appreciated, good sir!

  • @agambhasin
    @agambhasin 6 лет назад +8

    The best thing i saw today!

  • @loverrlee
    @loverrlee 2 года назад

    Perfect! Very easy to follow step by step instructions! Thank you so so much!! I’m going to be making so many neon signs! 😍

  • @sophiagraczyk7277
    @sophiagraczyk7277 2 года назад +2

    thanks for help. i was doing an assignment at school and didnt know shit about this. i love u

  • @SamuelPfleumerSami
    @SamuelPfleumerSami 6 лет назад +1

    Great tutorial. Thanks a lot. Will try it myself.

  • @christophertamer9079
    @christophertamer9079 3 года назад

    This was just a fun expirement for me as a new photoshoper, and i was a ton of fun and you helped a lot. Thanks!

  • @alejandroperez5368
    @alejandroperez5368 3 года назад

    Simply the best neon tutorial on PS.

  • @kpendurkar
    @kpendurkar 4 года назад

    Liked and subscribed because of how efficient this tutorial is. Great for people like me with years of basic PS experience, but still a noob in drawing.

  • @helly4006
    @helly4006 3 года назад +1

    great tutorial! this has helped me loads in my year 12 folio so far :)

  • @margaretgraham7521
    @margaretgraham7521 3 года назад

    Amazing tutorial. Super easy to follow. Will be checking out more of the channel!

  • @iel69burner
    @iel69burner 3 года назад

    I'm subscribing right now mate, you're a truly master of your craft. What a class! Thank you!

  • @Snaresandcymbals
    @Snaresandcymbals 4 года назад

    Brilliant tutorial Chirs thanks so much!

  • @Valsvnx
    @Valsvnx 6 лет назад

    Amazing tutorial as per usual.

  • @Luciano_mp
    @Luciano_mp 6 лет назад

    Espetacular. Obrigado.

  • @skintinka
    @skintinka 4 года назад

    FANTASTICO!!!Finalmente ho imparato ha fare l'effetto neon...Grazie mille

  • @judithangerman
    @judithangerman 4 года назад

    Best video on P.S. neon graphics! Thank you!

  • @merciaeri
    @merciaeri 3 года назад +1

    Demasiado bueno, desde la explicación a la edición

  • @coupchu2837
    @coupchu2837 4 года назад

    thank you for this amazing tutorial!

  • @kegi45
    @kegi45 5 лет назад

    thank you very much bro, I made one for me for my birthday. already done several tutorials from your blog thanks

  • @cyrupinta
    @cyrupinta 3 года назад

    This will be a great help for my project! Thank you!

  • @OsamaElgebaly
    @OsamaElgebaly 6 лет назад

    Thank you so much, really this is was so helpful

  • @nocontrol6220
    @nocontrol6220 4 года назад

    Amazing! Thank you so much!

  • @reynelysrodriguez8206
    @reynelysrodriguez8206 3 года назад

    Great tutorial! thank you very much, it was reallyyy helpful!

  • @2pointSummer
    @2pointSummer 6 лет назад

    this is insanely good holy damn. I love your videos man

  • @neveenfarajian8766
    @neveenfarajian8766 5 лет назад

    Thank you very much I've learned a lot from you

  • @saralivolsi2418
    @saralivolsi2418 5 лет назад

    So helpful!! Thanks a lot

  • @creativjourney5837
    @creativjourney5837 6 лет назад

    Nice. It's clear and useful.

  • @cmdzdre
    @cmdzdre 3 года назад

    this worked great for my project. thanks !

  • @jennyarotman9797
    @jennyarotman9797 5 лет назад

    Nice man good job , looks very real

  • @naitikkathiriya
    @naitikkathiriya 3 года назад +1

    Thank u so much for reaching this very simple but so attracting graphical artwork in my fav Illustrator!!!✔️✨... Well done bro..

  • @kailahbest2192
    @kailahbest2192 5 лет назад

    thankyou so much for this !!

  • @punkdisbalance
    @punkdisbalance 6 лет назад

    Very good and too simple tutorial, thanks

  • @JewelfactX
    @JewelfactX 5 лет назад

    salute sir, for outstanding tutorial...

  • @sanscosplay_
    @sanscosplay_ 4 года назад

    Thanks you very much for your tutorial, it help me a lot

  • @Alex1O_ADP
    @Alex1O_ADP 3 года назад

    I use Ps like a PRO from 2006, but this tutorial it's AMAZING for its simplicity.

  • @obv_design9310
    @obv_design9310 6 лет назад

    Cool! Thank you!

  • @filipagomes9982
    @filipagomes9982 6 лет назад

    Incredible tutorial! Explained very well! ps: i love your accent, god

  • @DizzyDtube
    @DizzyDtube 6 лет назад +61

    "produced by a cocktail of layer styles"...
    You discreetly slick pun legend

  • @samcastillo692
    @samcastillo692 10 месяцев назад

    This is the best neon Ai video. Thank you!

  • @thosesmallyesterdays
    @thosesmallyesterdays 6 лет назад

    You are the man!

  • @inspiredesignz
    @inspiredesignz 6 лет назад

    Nice video, love it.

  • @AJamieWalton
    @AJamieWalton 3 года назад

    Thanks for the tut.

  • @simonwilkosz7562
    @simonwilkosz7562 4 года назад

    very good tutorial, helped out a lot

  • @nate3373
    @nate3373 5 лет назад

    Thank you!

  • @BarefootMediaTV
    @BarefootMediaTV 6 лет назад +1

    thats radical

  • @Anoxonamoon
    @Anoxonamoon 6 лет назад

    you are the best !

  • @serkanyel9606
    @serkanyel9606 6 лет назад

    Nice tutorial...

  • @muhammadiqbalzainuddin7505
    @muhammadiqbalzainuddin7505 3 года назад

    thank you for tutorial

  • @hamzaamt5137
    @hamzaamt5137 5 лет назад

    thanks man

  • @iseldavs
    @iseldavs Год назад

    this is amazing

  • @spoongraphics
    @spoongraphics  Год назад

    📺 WATCH THIS NEXT: Neon Sign Effect Photoshop Tutorial - ruclips.net/video/nIqLXk9TFKo/видео.html

  • @user-dp3rp4fj4z
    @user-dp3rp4fj4z 5 лет назад

    Amazing

  • @BLAKEANTHONYROBSON
    @BLAKEANTHONYROBSON 3 года назад

    Great thanks.

  • @Zii73
    @Zii73 6 лет назад

    WOW!!

  • @spoongraphics
    @spoongraphics  Год назад

    If you love creating neon effects, check out The Neon Toolbox - spoon.graphics/3mAPHSM

  • @fancynanny8148
    @fancynanny8148 4 года назад

    I love you...so much!!!

  • @LupieStardust
    @LupieStardust 2 года назад

    I've used potatoshop since I were a wee 14 year old nipper when 7 came out and I literally still learned things from this 9.58 video now in 2021!!!! Incredible experience, what a morning

  • @MIMCKMedia
    @MIMCKMedia 5 лет назад

    Can you color the sign of the vektor in PS too?

  • @farhadbond7181
    @farhadbond7181 3 года назад

    Thank you

  • @PhuongPhuong-rp4vq
    @PhuongPhuong-rp4vq 3 года назад

    I love your voice so much!! Sub-ed

  • @abdelrahmanusama4510
    @abdelrahmanusama4510 4 года назад

    wow thanks :)

  • @rafael7425
    @rafael7425 4 года назад

    good job

  • @AdeelAtifk
    @AdeelAtifk 4 года назад +1

    Hey can anyone tell me how did he do that bevel and emboss thing? It is not working for me :( I tried it with Marquee tool and the elipse tool both :/

  • @blanche8696
    @blanche8696 3 года назад +1

    How do I reduce the spiral when I use a trackpad instead of a mouse?

  • @faissal71
    @faissal71 2 года назад

    Thank youuuuuuuuuuuuuuuuu

  •  4 года назад +4

    How do you fill it with color at 8:49 ?

  • @2STATES
    @2STATES 6 лет назад

    😍😍😍😍

  • @cms4Lena
    @cms4Lena 2 года назад

    Spoon is the best one! CMD is CTRL key in Window.

  • @ahmadali-xs3zr
    @ahmadali-xs3zr 4 года назад

    what if we want to change the text later ??

  • @PicBro1
    @PicBro1 3 года назад

    On 8:20 what u do with the brush and how it goes to the Background?

  • @rosario2195
    @rosario2195 3 года назад

    How come when I select soft light all the colours become invisible like I never drew on the layer even tho I see it in the little thumbnail???? Please help!!

  • @mohamedtarek3089
    @mohamedtarek3089 6 лет назад

    AWESOME ! .. could you please update the background at 6:10 ? it would help a lot thx again :)

  • @maxh.2422
    @maxh.2422 3 года назад

    How do I get rid of the curls in the spiral??

  • @RoaringPig
    @RoaringPig 5 лет назад +5

    In the final step 8:48 when you add the ellipse marquee tool, how do you blacken it? I tried to fill it but it didn't yield the same result

  • @idktuck72
    @idktuck72 6 лет назад

    So it wont let me use the brush tool to do the highlights reflected off the wall, any suggestions

    • @sanjanab19
      @sanjanab19 4 года назад

      make sure to create a new layer

  • @user-cm8xm1ox6c
    @user-cm8xm1ox6c 5 лет назад

    👍👍👍

  • @kennethanandasultan
    @kennethanandasultan 5 лет назад +23

    it's quite hard to follow for me because there are some shortcut i don't know how you do it

    • @michaelblue4658
      @michaelblue4658 5 лет назад

      kenneth ananda facts

    • @kennethanandasultan
      @kennethanandasultan 3 года назад

      @@michaelblue4658 what fact?

    • @kennethanandasultan
      @kennethanandasultan 3 года назад

      @Dacia Sandero guys i don't expect things to go smoothly or instant learning. But i want to understand fully how to do it because I'm new to this and i want to learn

    • @stephs8277
      @stephs8277 3 года назад

      You need to take basic classes of illustrator, adobe has video tutorials of the basics on their website. Try to learn the commands for basic controls, and learn to play with the arrows on the keyboard as well. Try to play with the program and see what happens. This guy is advanced and makes it look easy so don't worry if you don't understand. Baby steps!

  • @luny46
    @luny46 3 года назад

    After photoshop step, my logo is not vectorized, how can i Vectorize the logo after the photoshop step ??

  • @miguelsuarez5733
    @miguelsuarez5733 5 лет назад +2

    I know this video might be a little bit old , but how does he applies that really intense color? when he does the smooth brush thing? , can anyone help me?

    • @kwenisama
      @kwenisama 5 лет назад

      I'm having trouble with the brush tool as well. :(

  • @ACE2793
    @ACE2793 4 года назад +2

    When I choose soft light my brush strokes disappear, I don't get the glowing light effect. Anyone else run into this issue?

    • @rosario2195
      @rosario2195 3 года назад

      Omg same!! I’m so glad someone else had this issue! Have you figured out how to fix it yet??

  • @aguusto
    @aguusto 5 лет назад +1

    I didn´t notice what key to use 1.24 in the clip to simplify the spiral tool to make one cirkle?!

  • @becanava1054
    @becanava1054 3 года назад

    anybody else having trouble when changing the brush glow to "soft light" at 8:35 because mine doesn't show anything it goes back to "having no brush stroke" ...

  • @proventruths5413
    @proventruths5413 4 года назад

    tok me a min but thanks I actually had to spend a few days working the pen tool smh lol

  • @reimari11
    @reimari11 3 года назад +2

    My ps doesnt have the plus sign at the layer styles :((

  • @princeroni7447
    @princeroni7447 3 года назад +1

    1:23 you said use the cursor keys to reduse the number of curls i did not understand what did you mean by cursor keys

  • @angelapercaso
    @angelapercaso 6 лет назад

    peccato sia in inglese perchè sei molto bravo

  • @minecraftian6666
    @minecraftian6666 3 года назад

    Could you make a neon green Spotify logo?

  • @user-vk7lk3rr1c
    @user-vk7lk3rr1c 6 лет назад +3

    It's cool, man
    (I'm from Russia. Sorry for my english)

  • @valarmathi1721
    @valarmathi1721 3 года назад

    Pls do slowly then it will b easy to us for follow up the step by step

  • @AlexTube12
    @AlexTube12 6 лет назад

    Can you give me a template ? please! :D

  • @imyourmeii
    @imyourmeii 5 лет назад

    what is CMD keys?

  • @edmarrodrigo5142
    @edmarrodrigo5142 3 года назад

    can somebody tell me where the command key is in a Lenovo laptop? I use Windows and not a Mac. I can't move the start and end points of the spiral.

  • @valentinjoubrel
    @valentinjoubrel 4 года назад

    man ok cool video and stuff, good advices,
    but i'm sorry i'm french I work on illustrator and I don't know photoshop, in many times you just say "do this" "do that", but don't explain how to do it like put an inner glow or even put a black picture

  • @despi4619
    @despi4619 3 года назад

    6:45

  • @yugrise1286
    @yugrise1286 3 года назад

    1:28cant understand