Glowing Neon Effects

August 8th, 2009 by ART-D Posted in Adobe Photoshop, Designing

Using the Free Transform option, it’s possible to turn over the copies the same way demonstrated below:

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

Click on the bottom part of the layers’ panel on each group containing by one line’s copies on Add a Mask selection and choose a standard brush of black color to erase the ends 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

Put together all the lines’ groups to have a rasterized layer (press Ctrl button, mark out the necessary layers and finally press CTRL+E). Next we’ll make a copy of the rasterized layer, applying on it Filter>Blur>Gaussian 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

Create a new layer and apply here a standard brush to paint the lines. The brush is of the color #4118F2 (Opacity 40%)

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

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

The layer’s parameters: Blending mode-Color

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

On the next layer we’ll use the same standard brush applied before with a different color this time - #BA00BA (Opacity 40%).

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

The layer’s parameters: Blending mode-Overlay

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

On the next new layer we’ll apply again the same standard brush with the color #E50101 (Opacity 40%).

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

The layer’s parameters: Blending mode-Color

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

Create a new layer and select here again the standard brush to paint the lines with the color #FFFD03

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

The layer’s parameters: Blending mode-Soft Light

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

Create a new layer and select the standard brush of white color. Change its diameter to represent several white dots on the lines of the ornament.

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

On the last stage we’ll create a new layer, using here the same standard brush of the color #FFFD03 (Opacity 15%) to give some volume to the lines.

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

The layer’s parameters: Blending mode-Overlay

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

The final result!

View full size here.

Post Pages: 1 2

  • 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…..