Neon Sign Effect Illustrator & Photoshop Tutorial

Поділитися
Вставка
  • Опубліковано 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.

  • @spoongraphics
    @spoongraphics  Рік тому

    📺 WATCH THIS NEXT: Neon Sign Effect Photoshop Tutorial - ua-cam.com/video/nIqLXk9TFKo/v-deo.html

  • @sophiagraczyk7277
    @sophiagraczyk7277 2 роки тому +2

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

  • @westoncox9264
    @westoncox9264 5 років тому +16

    Honestly. I've watched tutorials on UA-cam 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.

  • @spoongraphics
    @spoongraphics  Рік тому

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

  • @gerrygarcia610
    @gerrygarcia610 3 роки тому +1

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

  • @agambhasin
    @agambhasin 6 років тому +8

    The best thing i saw today!

  • @alejandroperez5368
    @alejandroperez5368 3 роки тому

    Simply the best neon tutorial on PS.

  • @crazeemango
    @crazeemango 5 років тому +1

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

  • @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! 😍

  • @SamuelPfleumerSami
    @SamuelPfleumerSami 6 років тому +1

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

  • @margaretgraham7521
    @margaretgraham7521 3 роки тому

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

  • @Valsvnx
    @Valsvnx 6 років тому

    Amazing tutorial as per usual.

  • @Snaresandcymbals
    @Snaresandcymbals 4 роки тому

    Brilliant tutorial Chirs thanks so much!

  • @nocontrol6220
    @nocontrol6220 4 роки тому

    Amazing! Thank you so much!

  • @coupchu2837
    @coupchu2837 4 роки тому

    thank you for this amazing tutorial!

  • @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 :)

  • @judithangerman
    @judithangerman 4 роки тому

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

  • @cyrupinta
    @cyrupinta 3 роки тому

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

  • @iel69burner
    @iel69burner 3 роки тому

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

  • @creativjourney5837
    @creativjourney5837 6 років тому

    Nice. It's clear and useful.

  • @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!

  • @OsamaElgebaly
    @OsamaElgebaly 6 років тому

    Thank you so much, really this is was so helpful

  • @saralivolsi2418
    @saralivolsi2418 4 роки тому

    So helpful!! Thanks a lot

  • @2pointSummer
    @2pointSummer 6 років тому

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

  • @obv_design9310
    @obv_design9310 6 років тому

    Cool! Thank you!

  • @kailahbest2192
    @kailahbest2192 5 років тому

    thankyou so much for this !!

  • @jennyarotman9797
    @jennyarotman9797 5 років тому

    Nice man good job , looks very real

  • @kegi45
    @kegi45 5 років тому

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

  • @reynelysrodriguez8206
    @reynelysrodriguez8206 3 роки тому

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

  • @cmdzdre
    @cmdzdre 3 роки тому

    this worked great for my project. thanks !

  • @inspiredesignz
    @inspiredesignz 6 років тому

    Nice video, love it.

  • @neveenfarajian8766
    @neveenfarajian8766 5 років тому

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

  • @thosesmallyesterdays
    @thosesmallyesterdays 6 років тому

    You are the man!

  • @JewelfactX
    @JewelfactX 5 років тому

    salute sir, for outstanding tutorial...

  • @skintinka
    @skintinka 4 роки тому

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

  • @samcastillo692
    @samcastillo692 9 місяців тому

    This is the best neon Ai video. Thank you!

  • @punkdisbalance
    @punkdisbalance 6 років тому

    Very good and too simple tutorial, thanks

  • @AJamieWalton
    @AJamieWalton 3 роки тому

    Thanks for the tut.

  • @Luciano_mp
    @Luciano_mp 6 років тому

    Espetacular. Obrigado.

  • @nate3373
    @nate3373 5 років тому

    Thank you!

  • @BarefootMediaTV
    @BarefootMediaTV 6 років тому +1

    thats radical

  • @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..

  • @simonwilkosz7562
    @simonwilkosz7562 4 роки тому

    very good tutorial, helped out a lot

  • @Alex1O_ADP
    @Alex1O_ADP 3 роки тому

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

  • @Anoxonamoon
    @Anoxonamoon 6 років тому

    you are the best !

  • @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

  • @sanscosplay_
    @sanscosplay_ 4 роки тому

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

  • @serkanyel9606
    @serkanyel9606 6 років тому

    Nice tutorial...

  • @merciaeri
    @merciaeri 3 роки тому +1

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

  • @user-dp3rp4fj4z
    @user-dp3rp4fj4z 4 роки тому

    Amazing

  • @hamzaamt5137
    @hamzaamt5137 5 років тому

    thanks man

  • @muhammadiqbalzainuddin7505
    @muhammadiqbalzainuddin7505 3 роки тому

    thank you for tutorial

  • @iseldavs
    @iseldavs Рік тому

    this is amazing

  • @Zii73
    @Zii73 6 років тому

    WOW!!

  • @BLAKEANTHONYROBSON
    @BLAKEANTHONYROBSON 3 роки тому

    Great thanks.

  • @fancynanny8148
    @fancynanny8148 4 роки тому

    I love you...so much!!!

  • @PhuongPhuong-rp4vq
    @PhuongPhuong-rp4vq 2 роки тому

    I love your voice so much!! Sub-ed

  • @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

  • @cms4Lena
    @cms4Lena 2 роки тому

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

  • @abdelrahmanusama4510
    @abdelrahmanusama4510 3 роки тому

    wow thanks :)

  • @rafael7425
    @rafael7425 4 роки тому

    good job

  • @farhadbond7181
    @farhadbond7181 3 роки тому

    Thank you

  • @2STATES
    @2STATES 6 років тому

    😍😍😍😍

  • @faissal71
    @faissal71 2 роки тому

    Thank youuuuuuuuuuuuuuuuu

  • @user-cm8xm1ox6c
    @user-cm8xm1ox6c 4 роки тому

    👍👍👍

  • @mohamedtarek3089
    @mohamedtarek3089 6 років тому

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

  • @user-vk7lk3rr1c
    @user-vk7lk3rr1c 5 років тому +3

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

  • @MIMCKMedia
    @MIMCKMedia 5 років тому

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

  • @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 :/

  •  4 роки тому +4

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

  • @proventruths5413
    @proventruths5413 4 роки тому

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

  • @blanche8696
    @blanche8696 3 роки тому +1

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

  • @RoaringPig
    @RoaringPig 4 роки тому +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

  • @angelapercaso
    @angelapercaso 6 років тому

    peccato sia in inglese perchè sei molto bravo

  • @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!

  • @PicBro1
    @PicBro1 3 роки тому

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

  • @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. :(

  • @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!!

  • @minecraftian6666
    @minecraftian6666 3 роки тому

    Could you make a neon green Spotify logo?

  • @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

  • @ahmadali-xs3zr
    @ahmadali-xs3zr 4 роки тому

    what if we want to change the text later ??

  • @reimari11
    @reimari11 3 роки тому +2

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

  • @Hambxne
    @Hambxne 3 роки тому

    who knew god used the adobe suite

  • @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??

  • @maxh.2422
    @maxh.2422 3 роки тому

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

  • @valarmathi1721
    @valarmathi1721 3 роки тому

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

  • @luny46
    @luny46 3 роки тому

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

  • @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?!

    • @michaelblue4658
      @michaelblue4658 5 років тому

      Anders Gustavsson I’m trying to figure that out to

    • @aptitudez7639
      @aptitudez7639 5 років тому +2

      It's the arrow keys

  • @princeroni7447
    @princeroni7447 2 роки тому +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

  • @despi4619
    @despi4619 3 роки тому

    6:45

  • @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" ...

  • @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

  • @dsraied9021
    @dsraied9021 3 роки тому

    HIGH SPEED TUTORIAL

  • @Ottoplemeniti
    @Ottoplemeniti 4 роки тому

    Neon choobes.

  • @AlexTube12
    @AlexTube12 6 років тому

    Can you give me a template ? please! :D