If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
There are different ways of making neon lites with Photoshop. It’s really easy and fun to make them. So today post is a nice tutorial on how to make neon lights and how to use them in different ways to make nice effects. Before we start we need a thing or two things.
Before i start, you may also want to see the last two tutorials i made, one is how to make Neon Lights with your digital camera, and the second is how to make a Wallpaper with this neon light.
The most important thing is to have a good picture to start your creativity running. I will be using a free one from iStockPhoto.com. All of the great talents use images from this service, you can even sell your own there. Take some time and check out their database of images that will really help you to make the best out of your ideas… There are even some free weekly images and i used one of those.
This is the image i’m gonna start with.
Work with it and add elements you like, apply your own personal style to make it nice. I will use my own skills ideas and inspiration for this. Try not to copy it step by step, work on your own idea and see how it work out for you, this way you will learn more than i can teach you with this tutorial. You can also put work when it’s finished in the comments, i’d love to see it.
I’ve added a hoolander under the lens of the camera. The color is #FDBA63. Different colors make different results so you should play with it. I used this one since it felt good. On the right you see how it looks like when you set the layer blending to “color dodge”.
Now duplicate the layer and use this or similar settings for the glow. Again, settings defer from resolution etc. First set the FILL OPACITY to 0%FIL. Then apply this Outer glow settings
When applied here is the result at 100% zoom/crop.
I’ve added a circle where the lens is and applied glow to it. It now looks like the magic is coming from it.
Now for the next step we’ll be using a nice brush setup. Since a tutorial for it would be a bit time consuming i’ve saved it for you so you can download it. Here is the preview and you can click here to download my brush #001.
I started drawing with it from the lens glow outside, and applied these settings for the glow effect. I choose the color white for the brush.
I really like this effect now, it looks like the girls is having a magical camera 
Feel free to add more colors to it, just make a new layer, choose your new color and start drawing. Get crazy with it if you want!
You can also apply this effects to other elements like lines etc. What ever you want.
And here is my final result. Click it for full view.
David Hopkins has made a Comment
This is a really nice effect. I prefered it with just the orange colour though. Dugg.
radina has made a Comment
RADINKA
thangnm has made a Comment
Thank u !!!
Revecca has made a Comment
Oh, this looks amazing.
How did you get her shirt to look like that?
I’m sure it’s quite simple, but I’d love to know.
This is a wonderful effect. I love it!
Thanks for sharing!!
Darjan Panic has made a Comment
Hey Revecca glad you liked it. The shirt was made pretty simple, i used one of the layer blendings for it and then a mask where i used a gradient from white to black for it. Then i applied the right opacity too.
DudeZilla has made a Comment
You are the man!!! Man…these are awesome and simply stunning! !! ! !! !
I would like yo let you know that I am a noob at PS. So, when noobs like me enter your site, we know what the result is going to be like but when in steps like, ”
I’ve added a hoolander under the lens of the camera. The color is #FDBA63. Different colors make different results so you should play with it. I used this one since it felt good. On the right you see how it looks like when you set the layer blending to “color dodge”.
….we don’t even know what to apply i.e is it a gradient colour or ordinary colour fill. So we will appreciate it if you detail your tutorials a bit more.
P.S-Noobs like to copy what first in the tutorial and then try to learn on their own.
Yours sincerely,
DudeZilla.
rai has made a Comment
looks great! thanks
Anselmo has made a Comment
Nice Tutorial. Thanks
Abhi.. has made a Comment
Awesome effect to create magical effects, thanks!!!
Emily has made a Comment
hey omgg i love it soo much
i used this tutorial to
creat a layout to
a banner for a web =P
but wait..like when you said
hoolander.. . were can i make
that, i didnt understand it ahha well great work though
Darjan Panic has made a Comment
Hey Emily, you can find hoolander as brushes for photoshop, just try to search google for them.
firewalker has made a Comment
Hmm… nice tutorial, it’s simple but you make it more beautiful. Eventually it involves your sense of art and creativity
Looking forward for your other tutorials
ibk has made a Comment
hey how i make the zoolander
Free Web Templates & Tutorial » Blog Archive » Photoshop Tutorial - Neon lights with Photoshop has made a Pingback
[…] readmore… […]
china8119 has made a Comment
very very nice,I like this tutorial,learn your soul
Blinded by the Light - Create Energy Beams and Swirls in Photoshop has made a Pingback
[…] Lights with Photoshop - by Darjan Panic There are different ways of making neon lites with Photoshop. It’s really easy and fun to make […]
Alisa has made a Comment
hi thanks for sharing this effects. . .^__^
keep it up!
Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects | Tutorials | Smashing Magazine has made a Pingback
[…] Neon lights with PhotoshopTutorial on how to make glowing lights effects out of vector shapes and brushes. […]
Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects at 企鹅集散 has made a Pingback
[…] Neon lights with Photoshop Tutorial on how to make glowing lights effects out of vector shapes and brushes. […]
Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects | Freelancer Fire has made a Pingback
[…] Neon lights with PhotoshopTutorial on how to make glowing lights effects out of vector shapes and brushes. […]
Photoshop Light Effects Tutorials « <title face=’m i r O N E’</title> has made a Pingback
[…] Neon lights with Photoshop Tutorial on how to make glowing lights effects out of vector shapes and brushes. […]
wsgraphics : Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects has made a Pingback
[…] Neon lights with Photoshop Tutorial on how to make glowing lights effects out of vector shapes and brushes. […]
So many photoshop tutorials! | Tadd Mencer has made a Pingback
[…] Neon lights with Photoshop Tutorial on how to make glowing lights effects out of vector shapes and brushes. […]
Secret Syu has made a Comment
This is really interesting i thought it wasn’t possible.
Thanks
Vita has made a Comment
WOW! Impressed. Thanks.
Richie has made a Comment
The fade technique you used for the brush is awesome!!!! I never knew that existed… Good Job