Glowing Neon Effects
August 8th, 2009 by ART-D Posted in Adobe Photoshop, Designing
In this Photoshop tutorial, you will going to learn how to create a Glowing Neon Effects form a scratch.
Final Image Preview
Start working by creating a new file (File>New) of 1920x1200px/72dpi. Select after that the Paint Bucket Tool (G) to fill the new layer with black color.
Apply next the Rectangle Tool (U) to represent several rectangles on the bottom part of the file. Firstly we’ll draw just one, then make six copies of it and finally choose Free Transform option to situate the copies the same way as on the picture below. The color chosen for them is #B66F22
Combine all the rectangles in a single group (hold on Ctrl button to mark out the corresponding layers and then press the left mouse’s button when moving the marked layers on Create a new group option).
Select the group and then press CTRL+E. Select after that on the rasterized layer the solution from here: Filter>Blur>Motion Blur
Make a copy of the layer with the blurred rectangles. Place the copy the way from below by applying Free Transform option for this operation.
Put together both layers (press Ctrl button, mark out the layers and finally press CTRL+E).
Set the next indicated parameters on the layer we’ve got: Fill 41%
Next we’ll draw several lines on the picture. For the beginning draw their paths with the Pen Tool (P) (Path mode)
Next we’ll represent new layer (Create new layer) where we should apply a standard brush of white color (Diameter 2, Hardness 100%). Using the Direct Selection Tool (A), mark out the line and then change the tool with the Pen Tool (P) and make a right click on the marked line to select Stroke Path (Brush mode). This is what we have to do with each of the lines.
Each layer of those 5 lines should be copied several times, changing by turn the Fill parameter. One copy should have Fill – 100%, the next one – 50% and so on, creating the volume effect. Place the copies’ layers on the file the way from below:
Creating lot of copies of each line needs after that to be placed in a group (press Ctrl button when marking the appropriate layers and then hold on the left mouse’s button while taking the marked layers on Create a new group option). Do the same operations with the rest of the lines.
Next we’ll make two copies of the third line’s group.
Post Pages: 1 2
Tags: abstract, background, brushes, colorful, cs4, design, effect, free, glow, Illustration, line, neon, Photoshop, poster, psd, shape
nancho
19/08/2009
That is really cool, nice work
v6i6i6r
28/08/2009
nICE EFFECT
u r a professionel
lulu
29/08/2009
can i make the background a pic instead of black?
Kruger
14/09/2009
oh my god. awesome!
Randy Tan
19/09/2009
Very2 cool dude, great tutorial, i will try one.
Pushpendra Pal
30/09/2009
Awesome tutorial.
I am gonna to make a effect like this using your tips and with my own knowledge.
Most Interesting Ideas
06/10/2009
Useful tutorial. Thanks!
Simón
22/10/2009
Excellent tutorial!
Justin
26/10/2009
This is a cool effect but the tutorial is very badly worded. Can anyone explain this any better: Next we’ll represent (???) new layer (Create new layer) where we should apply a standard brush of white color (Diameter 2, Hardness 100%). Using the Direct Selection Tool (A), mark out the line and then change the tool with the Pen Tool (P) and make a right click on the marked line to select Stroke Path (Brush mode). This is what we have to do with each of the lines. ”
and this:
“Each layer of those 5 lines should be copied several times, changing by turn the Fill parameter. One copy should have Fill – 100%, the next one – 50% and so on, creating the volume effect. Place the copies’ layers on the file the way from below:”
banga
27/10/2009
Absolutely wicked. You are a genius!
anonimous
11/11/2009
I like this tutorial very much, but i’m dutch and i’m not understanding the whole tutorial.. it’s very hard for me to translate all the words you know, it’s very confusing. Incl. the fact that i’m .. well.. i’m not new but, i don’t have it for a longtime, photoshop.. you know! Please help me, because i want this sooooooooo bad :O
Alexander
12/11/2009
That’s great but I don’t understand what the point of those rectangles at the top and bottom is. Are they necessary? Please tell me soon because I want to use this effect for one of my school assignments.
Sam
04/12/2009
Thank you this is a great tutorial, tank’s again.
ankush
22/12/2009
Thank you this is a great tutorial, tank’s again.
Helo
24/12/2009
I wish I would have a similar idea:)
Cheers
Lukas T,
29/01/2010
Thank you, I will use this for my personal portfolio.
Marek
22/02/2010
To create a very cool folding effect to apply on your typography using photoshop, in very easy…
Professional effect bravo!!!
Bi Farhang
09/03/2010
Really Really Nice.
Thank You So Much
Xiong
10/03/2010
After this step:
“Create a new layer and apply here a standard brush to paint the lines. The brush is of the color #4118F2 (Opacity 40%)”
How does using the paint brush on the lines change it from White lines to Blue lines? I’m a bit confused. I think there’s a step missing.
federico
18/03/2010
i would like to know how to get the psd file……. i couldn’t understand nothing…..
Sergey
13/04/2010
Thank you, professional effect bravo!!!
Oh good!!!
KAI Team
05/06/2010
I wish I would have a similar !!!!
LUISA
27/07/2010
Realmente esta alucinante. FELICIDADES por colaborarnos de esta forma.
Marksten
16/09/2010
Gr8! tutorial. Thanks!
Kopikukaw
11/10/2010
Awesome
)
Wes_ter
01/11/2010
Thanks for sharing ^ ^
website development
12/12/2010
great tuts all around. 5Star
sina
12/12/2010
tank you. i am from iran
megkar
02/02/2011
awesome! great post
Mike
17/02/2011
is the PSD available for this?
saudi nice
21/02/2011
the lessons very goog because mines Smiley for steps
thank you at the sessons
Fotografia ślubna Łódź
04/04/2011
great ! thanks
neera
31/05/2011
give the full tutorial
boboski
25/07/2011
will need the tutor on how you applied the colors on the designed pen tool brush lines. thanks
manoel
02/08/2011
great tutorial!
J. Piller
26/03/2012
Nice!!!