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

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Start working by creating a new file (File>New) of 1920×1200px/72dpi. Select after that the Paint Bucket Tool (G) to fill the new layer with black color.

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

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

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

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

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

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.

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

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%

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Next we’ll draw several lines on the picture. For the beginning draw their paths with the Pen Tool (P) (Path mode)

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

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.

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

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:

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

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.

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Next we’ll make two copies of the third line’s group.

Create a Glowing Neon Effects form a scratch in Adobe Photoshop CS3

Post Pages: 1 2

  • nancho

    08.08.09

    That is really cool, nice work ;)

  • v6i6i6r

    08.08.09

    nICE EFFECT
    u r a professionel

  • lulu

    08.08.09

    can i make the background a pic instead of black?

  • Kruger

    08.08.09

    oh my god. awesome!

  • Randy Tan

    08.08.09

    Very2 cool dude, great tutorial, i will try one.

  • Pushpendra Pal

    08.08.09

    Awesome tutorial.
    I am gonna to make a effect like this using your tips and with my own knowledge.

  • Most Interesting Ideas

    08.08.09

    Useful tutorial. Thanks!

  • Simón

    08.08.09

    Excellent tutorial!

  • Justin

    08.08.09

    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

    08.08.09

    Absolutely wicked. You are a genius!

  • anonimous

    08.08.09

    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

    08.08.09

    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

    08.08.09

    Thank you this is a great tutorial, tank’s again.

  • ankush

    08.08.09

    Thank you this is a great tutorial, tank’s again.

  • Helo

    08.08.09

    I wish I would have a similar idea:)
    Cheers

  • Lukas T,

    08.08.09

    Thank you, I will use this for my personal portfolio.