Neon Light Effect Photoshop Tutorial

Поділитися
Вставка
  • Опубліковано 25 вер 2024
  • In today's Photoshop tutorial I'm going to show you how to create a vibrant visual effect by adding neon lights to a photo. This popular art style often incorporates simple shapes or text for the neon lights, which are illuminated in bright colours. I'll explain how to use Photoshop to draw a custom shape and give it a vibrant glow with the help of Photoshop's Layer Style options, then we'll use a clever technique to apply a colourful ambience to the original photo as if it is being illuminated by the new light source. As a finishing touch, we'll also add some smoke and particle effects to create a neat cyberpunk art piece with a futuristic vaporwave style.
    📺 WATCH NEXT: How to Add a Neon Light Effect to Your Photos in Photoshop - • How to Add a Neon Ligh...
    📦 Join my mailing list and get a FREE design resources bundle! spoon.graphics...
    🙏 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...
    ► Portrait photo by Harsh Kushwaha - spoon.graphics...
    ► Krist's Smoke Brushes - spoon.graphics...
    ► Download my Free Grain Textures - spoon.graphics/...
    ⭐️ Get up to 30% off The Neon Toolbox - spoon.graphics...
    Deals & Discounts:
    ⭐ Get 20% off ANYTHING in my Spoon Graphics Shop - spoon.graphics...
    ⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics...
    ⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics...
    ⭐️ Download this Month's FREE Files from Envato - spoon.graphics...
    Tools & Resources I Use:
    ⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics...
    🛠️ Where I download the creative assets I need - spoon.graphics...
    ✍️ The graphics tablet I use: amzn.to/2GYNYEc
    🎙️ The microphone I use: amzn.to/3AdkJsp
    📢 The email newsletter service I use: spoon.graphics...
    📈 The tool I use to help grow my channel: spoon.graphics...
    Watch more of my content:
    📺 See all my Photoshop tutorials - spoon.graphics...
    📺 See all my Illustrator tutorials - spoon.graphics...
    📺 Watch my most popular videos - spoon.graphics...
    #Photoshop #PhotoshopTutorial #AdobePhotoshop
    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.spoongrap...
    Visit my design blog: blog.spoongrap...
    Follow me on Twitter: / chrisspooner
    Join me on Facebook: / spoongraphics

КОМЕНТАРІ • 754

  • @spoongraphics
    @spoongraphics  2 роки тому +16

    📺 WATCH THIS NEXT: How to Add a Neon Light Effect to Your Photos in Photoshop - ua-cam.com/video/ZKdeUzQoDOA/v-deo.html

    • @user-viralvideos-trend
      @user-viralvideos-trend Рік тому +3

      Good

    • @historicabibliotheca
      @historicabibliotheca 3 місяці тому

      Great tutorial but I got stuck after adding the second layer as stroke path is no longer an option, there is stroke subpath which envelopes the entire area. Any help?

  • @JohnMoore-r6j
    @JohnMoore-r6j 2 місяці тому +1318

    If you want to create work like this and don't know where to start, I would suggest an ebook/tutorial on graphic design and Photoshop, 'Design Evolution: Unlocking Adobe Photoshop's Secrets.' It helped me tremendously.

  • @Katie-w9
    @Katie-w9 3 роки тому +299

    Quick, to the point, and I love that you explain every step and why you're doing it... master of masterclasses, mr spoon

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

      ua-cam.com/video/XprXC1ka7N0/v-deo.html

    • @dragonballz0
      @dragonballz0 3 роки тому +3

      He's great on almost every step.
      I believe a beginner would be stuck between stoking the path and "free transform" steps, since he doesn't state you have to "delete" the path first, prior to "free transform" step.
      A minor thing, I still give it 5 stars. :)

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

      ua-cam.com/video/hu5TbQ00Opk/v-deo.html

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

      Guys, my marker was so thick. Help me to let the tube more thin!

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

      no problem man!

  • @jwhite3389
    @jwhite3389 3 роки тому +26

    Out of all the tutorials I've seen on adding glow, this is by far the best one. Thank you so much

  • @maryu8328
    @maryu8328 Рік тому +8

    so perfect and straightforward! I love that you add text for the described shortcuts and that you quickly will say "why" something is being done ex: "this will cancel out the color reflection from your shadows for a better color spectrum" brilliant!

  • @toffylikesgames
    @toffylikesgames 3 роки тому +51

    Wow, I've already learnt so much from this tutorial! Can't wait to play around with some photos :)

  • @SimonH4
    @SimonH4 3 роки тому +58

    Chris, I learned some neat tricks in that one. The "blend if" specifically. I would love to for you to also add tips/tricks/techniques that make the workflow less destructive (sticking to smart objects, etc.). Really neat non the less.

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

      That "blend if" feature is a gold mine. There's a channel that has a ton of tricks similar in usefulness that you should check out, the channel's called TextureLabs

  • @itslegend4ry
    @itslegend4ry 3 роки тому +284

    remember people: your photo will look this good only if the lighting is perfect in the original photo

    • @Rahul.kr.
      @Rahul.kr. 3 роки тому +8

      And sadly mine is not looking like the video one😕

    • @dragonballz0
      @dragonballz0 3 роки тому +4

      @@Rahul.kr. try darkening the image you're using, prior to following these steps
      (and make sure you're using a similar version of PhotoShop as in this tutorial). :)

    • @Rahul.kr.
      @Rahul.kr. 3 роки тому +1

      @@dragonballz0 what's the version of the photoshop in this video?

    • @Immortal_BP
      @Immortal_BP 3 роки тому +4

      you can use a brush tool to "paint" highlights and shadows where the neon lights would appear on the subject. This is relatively high PS skill level though and even requires knowledge on how to paint.

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

      @@Immortal_BP yeah, that's why probably no one will do that, so it wouldn't look as good :)

  • @Tranhuythinh
    @Tranhuythinh 3 роки тому +15

    i think your action is so meaningful that you have allowed everyone to download your own sources just for free and you have created a bunch of helpful tutorial. Best wishes for you!

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

      Easy Tutorial ua-cam.com/video/zRf-FoDP2AA/v-deo.html

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

      its easy for him he can make more this is a peace of cake so its okk for him ig

  • @OmaroPlays
    @OmaroPlays 3 роки тому +23

    This is one of the best editing tutorial i have seen in my life

  • @spoongraphics
    @spoongraphics  3 роки тому +117

    Everyone who subscribes to my mailing list gets a FREE design resources bundle. 📦 Get yours here: spoon.graphics/freebundle

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

    ► Portrait photo by Harsh Kushwaha - spoon.graphics/2Q8w0Ws
    ► Krist's Smoke Brushes - spoon.graphics/2GeYjw7
    ► Download my Free Grain Textures - spoon.graphics/1kEqt49
    ⭐ Get up to 30% off The Neon Toolbox - spoon.graphics/3mAPHSM

  • @_augustux_
    @_augustux_ 3 роки тому +55

    Love your tutorials! Sometimes feel hard to do the same with different pictures. Thanks for teaching us!

  • @pawn5253
    @pawn5253 3 роки тому +8

    loved how quick this was.

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

      ua-cam.com/video/XprXC1ka7N0/v-deo.html

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

      Easy Tutorial ua-cam.com/video/zRf-FoDP2AA/v-deo.html

  • @atayakordi
    @atayakordi 2 роки тому +1

    this is the best add-glow tutorial so far

  • @tianxiangxiong8223
    @tianxiangxiong8223 2 роки тому +7

    Fantastic tutorial! Not only did I learn how individual PS features work, but how to use them together to create a finished product. Your walkthrough has been exceedingly educational--thank you!

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

    TNice tutorials is the channel that made start actually creating instead of being intimidated by the software. Thanks for a new form of therapy

  • @c0ry357
    @c0ry357 3 роки тому +6

    I don't know about neon effects, but u just got a like for all the shortcuts I just learned. Couldn't invert the mask layer for the life of me so I had to do it manually, thank you for this .

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

      you should subscribe to Benny Productions
      and Piximperfect for tutorials

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

      @@roldancatalonia93 BLTV is also awesome! He is the master of Ps.

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

    So far the only tutorial I've seen that takes it slow and doesn't require prior experience to soft design.

  • @tkurisuu
    @tkurisuu 2 роки тому +4

    There are PLENTY of methods to do this kind of thing, but this seems to be plentiful simple and to the point. Great vid!

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

    Just in case someone stumbles upon this; I am a GIMP user, and I found this helpful as well. Although they don't have the same QOL tools, the skills are transferable. Thank you, Spoon Graphics for this video.

  • @sergioZI
    @sergioZI Рік тому +2

    The brushes are insane

  • @misstashxox
    @misstashxox 4 місяці тому

    Incredible tutorial for a really creative look! Easy to follow and not over-complicated. Thanks so much!

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

    Obviously, it can't be generated by a novice designer, but Mr. Spoon is definitely a pro designer. Man, please make a full playlist of this type of video.

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

    This video makes me to subscribe this channel👏🏻

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

    pretty good tutorial

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

    Thank you so much

  • @jscreatedesign
    @jscreatedesign 2 місяці тому

    Thank you so much for sharing this neon glow effect. It is brilliant and you have a very clear and easy to follow style.

  • @Uravity05
    @Uravity05 2 роки тому +6

    This video was so helpful! I had to use a tutorial like this for a school assignment, and I love the results! It was so easy to follow along with. Thanks for taking time to make this video.

  • @dan1984842
    @dan1984842 Рік тому +5

    Excellent video, and not just for neon, but it helps me with layer masks too. Thank you.

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

    This tutorial is for advanced users as it is very fast and requires a familiarity of tools. Having said that, it is awesome in its application of tools. Really awesome.

  • @zenology9863
    @zenology9863 3 роки тому +7

    Such a great tutorial. I don't understand why people would give it a thumbs down.

  • @dayreez
    @dayreez 3 роки тому +35

    Thank you mate for this tutorial, I've started learning photoshop just a while ago and tried to do this with the same stock photo you used and it came pretty well, although I did while that watching your video, it gave me motivation to do more, so now ill be doing it without any help, or trying to :/

  • @Universe-do5kl
    @Universe-do5kl Рік тому

    Thanks for the video, but my version of photoshop doesn't have the Neon option, what should I do?

  • @nyph7955
    @nyph7955 9 днів тому

    easy to follow. thank you so much

  • @britbiker5432
    @britbiker5432 3 роки тому +7

    I have used this tutorial a good few times now and it is so good!

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

    so much to learn

  • @anthonye.2553
    @anthonye.2553 3 роки тому +6

    This is a FANTASTIC tutorial! I've been using PS for many years and didn't realize you could do that with the pen selection.

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

      Easy Tutorial ua-cam.com/video/zRf-FoDP2AA/v-deo.html

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

      How can I use another tool to draw the lines and achieve this without using the pen tool, thanks

  • @andyir___
    @andyir___ 10 місяців тому +1

    Thank you! This was great for neon light effects, cant wait to use this on my pics, maybe will check out your store later, cheers meanwhile!

  • @someguy8914
    @someguy8914 Рік тому +1

    I think it’s cool that Piers Morgan is taking time from his busy schedule to teach photoshop tutorials

  • @punitrz
    @punitrz 2 роки тому +1

    Brother You are just osm ❤️❤️

  • @fabulousshades7723
    @fabulousshades7723 2 роки тому +1

    very nice tutorial

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

    the guidebook did, and now I finally understand the chanics!

  • @weidchar1646
    @weidchar1646 Місяць тому

    This is a great tutorial. Thank you for your work!

  • @ryancantcook
    @ryancantcook Рік тому +12

    how do you apply the smoke effect into photoshop?

    • @mmmdawe
      @mmmdawe 8 місяців тому +1

      download the brush

    • @Hanantalks
      @Hanantalks 7 місяців тому

      🤣@@mmmdawe

    • @mmmdawe
      @mmmdawe 7 місяців тому +1

      ?@@Hanantalks

    • @seaotter458
      @seaotter458 7 місяців тому

      @@mmmdawe and then?

  • @f2pnomore
    @f2pnomore 2 роки тому +1

    thankss so much

  • @DeltaPJ
    @DeltaPJ 2 роки тому +1

    Wow, this video is AWESOME. I was desperately searching for free neon borders for my UA-cam thumbnails, and decided to give a crack at one of my own when nothing turned up. This was SUPER helpful and I got the exact result I needed!

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

    thank you, this tutorial is the best photoshop tutorial i found

  • @jabe7910
    @jabe7910 Рік тому +1

    Beautiful tutorial ! Tkx a lot

  • @SamAl-Hakimi
    @SamAl-Hakimi Рік тому

    I CANNOT THANK YOU ENOUGH FOR THIS TUTORIAL

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

    Photoshop really is an amazing piece of software.. Thank you so much for sharing this Master Spoon!

  • @donjoel6754
    @donjoel6754 7 місяців тому

    Thanks for the tutorial and video Spoon Graphics. been watching your videos since my first year of Graphic Design and they are still relevant today. Thank you so much.

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

    Thank you brother, you are the best

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

    Best tutorial ever

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

    yes its the best. im watcNice tutorialng all Nice tutorials tutorials now

  • @epicmindflow6938
    @epicmindflow6938 Рік тому +1

    Very simplified and helpful this, you've just taken me to the next level of photoshop. Thank you very much, great, video

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

    Awesome Turotial

  • @osvaldoferreira1
    @osvaldoferreira1 3 роки тому +4

    Great job. Thank you for sharing your knowledge.

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

    thankyou, this is the only one tutorial that i got for the thing i was searching for

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

    You are a very good teacher 👍

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

    dude that's very interesting and simple

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

    MAAAAAAN! THIS WAS THE FIRST TUTORIAL I WATCHED LOL!

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

    you just made me love design

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

    the reflection in the glasses of the neon bar would be cool i think

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

    I love soft soft so so so so much!

  • @MattBozman
    @MattBozman 3 роки тому +4

    Thanks for the tutorial Chris!

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

    man this is gold , thanks

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

    this was very useful... you da man

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

    Smart work bro your are jenoius 🔥🔥

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

    Fantastic video bro, legend.

  • @PSDburger
    @PSDburger 5 місяців тому

    Thanks a lot for this amazing video. The important information shared in it was very useful to me.

  • @leonbound7197
    @leonbound7197 3 роки тому +9

    Amazing video quick and to the point, while still going into great detail on shortcuts and extra tips thank you muchly appreciated

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

    nice sir amazing glow effects great I like it

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

    👏👏👏 this smoke brushes are great

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

    hi good jobs Neon Light Effect Photoshop thank you sharring

  • @disenografico-cc7ry
    @disenografico-cc7ry Рік тому

    hello. I watched a video in Spanish but I didn't understand it, but I watched yours and it turned out fine, thank you very much

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

    this is easier than i though,this is why im downloading Photoshop rn

  • @AA-qt1hi
    @AA-qt1hi 3 роки тому +8

    Wow... this is a great tutorial. It has everything! Easy to follow clear video so I can see everywhere you're pressing as well as pause the video to backtrack. Shortcuts. Straight to the point instruction. I'm a fan! Now to practice this.

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

    I have just watched this video and will use it regularly! Thanks for the freebies too!

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

    good job, reviews help my work!, thanks

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

    you are an expert. Had fun learning this new Photoshop with his relaxing tutorial.

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

    Wooooow! @5:45 So good.

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

    Even though you speak rapidly, your instruction is precise. Can't wait to try it..

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

    The best neon tutorial! Thanks!

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

    This was so Sick and so Quick!!!

  • @Chickboom34
    @Chickboom34 5 місяців тому

    Great technique! Thanks for sharing!

  • @CFeatherlight
    @CFeatherlight 3 роки тому +4

    Nice little tutorial. Cool result!

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

    Thank you so much for this video... Always do creative editing which is helpful to learn more tips...

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

    I feel really happy when I watch a content so good like that one 100% free on internet.
    Thank you Spoon Graphics! Your work is making difference in the world!

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

    i very like your video. thanks so much

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

    Now that was fun. Thanks for the great tutorial.

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

    amazing way of teaching. thanks and well done

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

    This is gold

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

    very nice mr spoon

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

    I do enjoy it 😊😊

  • @flynx22
    @flynx22 3 роки тому +3

    Thanks for this! Pretty cool!

  • @Aresmusic.official
    @Aresmusic.official 2 роки тому

    awesome man, awesome!

  • @instantss
    @instantss 2 роки тому +1

    exelent video bro

  • @str1der-gaming954
    @str1der-gaming954 2 роки тому

    Thx you saved my lote of time ❤️

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

    I took two months to learn Adobe After Effects and Premier Pro. Now I am learning soft soft to make soft so I can have more verity