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.
Tags: Tutorials
David Hopkins says :
This is a really nice effect. I prefered it with just the orange colour though. Dugg.
Aug 31 , 2007 , 3:24 pmradina says :
RADINKA
Aug 31 , 2007 , 2:15 pmthangnm says :
Thank u !!!
Aug 31 , 2007 , 5:28 pmRevecca says :
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!!
Aug 31 , 2007 , 6:35 pmDarjan Panic says :
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.
Aug 31 , 2007 , 6:56 pmDudeZilla says :
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,
Aug 31 , 2007 , 9:06 amDudeZilla.
rai says :
looks great! thanks
Aug 31 , 2007 , 3:40 amAnselmo says :
Nice Tutorial. Thanks
Aug 31 , 2007 , 3:56 pmAbhi.. says :
Awesome effect to create magical effects, thanks!!!
Aug 31 , 2007 , 10:23 amEmily says :
hey omgg i love it soo much
Aug 31 , 2007 , 5:03 ami 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 says :
Hey Emily, you can find hoolander as brushes for photoshop, just try to search google for them.
Aug 31 , 2007 , 12:15 pmfirewalker says :
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 
Aug 31 , 2007 , 10:11 amibk says :
hey how i make the zoolander
Aug 31 , 2007 , 1:23 amFree Web Templates & Tutorial » Blog Archive » Photoshop Tutorial - Neon lights with Photoshop says :
[...] readmore… [...]
Aug 31 , 2007 , 2:54 pmchina8119 says :
very very nice,I like this tutorial,learn your soul
Aug 31 , 2007 , 2:18 pmBlinded by the Light - Create Energy Beams and Swirls in Photoshop says :
[...] Lights with Photoshop - by Darjan Panic There are different ways of making neon lites with Photoshop. It’s really easy and fun to make [...]
Aug 31 , 2007 , 10:47 pmAlisa says :
hi thanks for sharing this effects. . .^__^
Aug 31 , 2007 , 3:07 pmkeep it up!
Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects | Tutorials | Smashing Magazine says :
[...] Neon lights with PhotoshopTutorial on how to make glowing lights effects out of vector shapes and brushes. [...]
Aug 31 , 2007 , 3:09 pmAdobe Photoshop Tutorials - Rainbows, Glows and Light Effects at 企鹅集散 says :
[...] Neon lights with Photoshop Tutorial on how to make glowing lights effects out of vector shapes and brushes. [...]
Aug 31 , 2007 , 7:45 amAdobe Photoshop Tutorials - Rainbows, Glows and Light Effects | Freelancer Fire says :
[...] Neon lights with PhotoshopTutorial on how to make glowing lights effects out of vector shapes and brushes. [...]
Aug 31 , 2007 , 12:56 amPhotoshop Light Effects Tutorials « <title face=’m i r O N E’</title> says :
[...] Neon lights with Photoshop Tutorial on how to make glowing lights effects out of vector shapes and brushes. [...]
Aug 31 , 2007 , 6:47 pmwsgraphics : Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects says :
[...] Neon lights with Photoshop Tutorial on how to make glowing lights effects out of vector shapes and brushes. [...]
Aug 31 , 2007 , 9:43 amSo many photoshop tutorials! | Tadd Mencer says :
[...] Neon lights with Photoshop Tutorial on how to make glowing lights effects out of vector shapes and brushes. [...]
Aug 31 , 2007 , 1:00 pmSecret Syu says :
This is really interesting i thought it wasn’t possible.
Thanks
Aug 31 , 2007 , 6:58 pmVita says :
WOW! Impressed. Thanks.
Aug 31 , 2007 , 10:34 amRichie says :
The fade technique you used for the brush is awesome!!!! I never knew that existed… Good Job
Aug 31 , 2007 , 10:08 pmAdobe Photoshop Tutorials - Rainbows, Glows and Light Effects « exdez says :
[...] Neon lights with PhotoshopTutorial on how to make glowing lights effects out of vector shapes and brushes. [...]
Aug 31 , 2007 , 2:57 pmennaoje says :
Nice tutorial! It’s so pretty.
I wonder where I could download cool brushes for photoshop? I can’t find nice ones. HELP! Thanks a lot.
Aug 31 , 2007 , 9:04 am奋斗中的胖子 : photoshop发光线条教程集 says :
[...] Neon lights with Photoshop 霓虹灯光效果 [...]
Aug 31 , 2007 , 4:22 pmGrafik tasarım üzerine herşey » Günlük Arşivi » Photoshop Dersler says :
[...] Neon lights with Photoshop [...]
Aug 31 , 2007 , 5:38 pmSky Blog: Design Magazine » Adobe Photoshop Tutorials - Rainbows, Glows and Light Effects says :
[...] Neon lights with Photoshop Hướng dẫn cách để tạo ra hiệu ứng lóe sáng ra ngòai kiểu vector và cọ vẽ. [...]
Aug 31 , 2007 , 5:27 amalterpall says :
i’m your fans!!!!
Aug 31 , 2007 , 4:25 pmDreamy, Magical and Lighting Effects Photoshop Tutorials says :
[...] Neon Lights With Photoshop [...]
Aug 31 , 2007 , 11:55 pmHaberin Merkezi » Blog Archive » 50 büyüleyici photoshop dersi says :
[...] 9 sene önce yayına başlayan ve photoshop eklentilerini, seçtiği photoshop derslerini bizlerle paylaşan, Photoshop Roadmap sitesinden 50 özel photoshop dersi daha. Birleştirilen fotoğraflardan gerçeküstü manzara Dinamik aydınlatma Sallanan bir siluet Asla unutma Fotoğrafa Gölge efekti Rengarenk resim Esrarengiz yıldırım Karanlıkta dans etmek Küçük denizkızı Photoshop’la neon ışıkları [...]
Aug 31 , 2007 , 9:48 am50 büyüleyici photoshop dersi | MysticaL_DeviL # WebBoX says :
[...] 9 sene önce yayına başlayan ve photoshop eklentilerini, seçtiği photoshop derslerini bizlerle paylaşan, Photoshop Roadmap sitesinden 50 özel photoshop dersi daha. Birleştirilen fotoğraflardan gerçeküstü manzara Dinamik aydınlatma Sallanan bir siluet Asla unutma Fotoğrafa Gölge efekti Rengarenk resim Esrarengiz yıldırım Karanlıkta dans etmek Küçük denizkızı Photoshop’la neon ışıkları [...]
Aug 31 , 2007 , 4:17 pmTurkAtesi.oRg ~ Aradığınızın Daha Fazlası » Blog Archive » 50 büyüleyici photoshop dersi says :
[...] Birleştirilen fotoğraflardan gerçeküstü manzara Dinamik aydınlatma Sallanan bir siluet Asla unutma Fotoğrafa Gölge efekti Rengarenk resim Esrarengiz yıldırım Karanlıkta dans etmek Küçük denizkızı Photoshop’la neon ışıkları [...]
Aug 31 , 2007 , 5:51 pm50个Photoshop梦幻教程，神奇的灯光效果 | 精华之家|HIGHTHOUSE says :
[...] Neon Lights With Photoshop [...]
Aug 31 , 2007 , 10:46 am50个Photoshop梦幻教程，神奇的灯光效果 | BlueFox Blogs says :
[...] Neon Lights With Photoshop [...]
Aug 31 , 2007 , 1:24 pmPS Tutorials - Rainbows, Glows and Light Effects says :
[...] Neon lights with Photoshop 霓虹灯光效果 [...]
Aug 31 , 2007 , 4:42 amDaniela says :
i want to learn!!!
Aug 31 , 2007 , 2:57 amPhotoshopのチュートリアル集 « Happy Paint!! says :
[...] fantasy art create a space scene create a surreal night sky effect light beam lighting effects neon lights lighting effects royal interface a cool lighting effect create spectacular concept art chroma [...]
Aug 31 , 2007 , 3:22 pmWallace Rodrigues says :
I can’t see the images of the tutorial…
Aug 31 , 2007 , 10:42 amPhotoshop Light Effects (FX) Tutorials « JoshuaCreative says :
[...] Neon lights with Photoshop Tutorial on how to make glowing lights effects out of vector shapes and brushes. [...]
Aug 31 , 2007 , 8:21 pmbetina says :
hey, the images are broken ;(
Aug 31 , 2007 , 7:23 pm