How To Do Neon Lights In Photoshop

This past Friday was the Abduzeedo meetup hither in my hometown of Porto Alegre. It was really cool, nosotros had a lot of fun and a lot of beers! When I was leaving I noticed the neon sign outside the pub and it really inspired me to create a tutorial on how to acheive that type of consequence in Photoshop.

In this tutorial I will testify you lot how to create a nice light effect in Photoshop. Nosotros will utilize Layer Styles and Blend Modes to simulate a neon text effect.

Stride 1

Open Photoshop and create a new certificate. I used 1920x1200 pixels. After that import a brick texture, the ane I used was a courtesy of Shutterstock and yous can download it here

Easy Neon Style in Photoshop

Step 2

With the texture layer selected go to Paradigm>Adjustments>Hue and Saturation. Use 0 for the Hue, 45 for the Saturation and -85 for the Lightness.

Footstep 3

Add a new layer and become to Filter>Render>Clouds. Make certain you had black and white for the foreground and background colors. With the Eraser Tool (East) delete the areas close to the border and leave but the middle of the image. Subsequently that modify the Alloy Manner to Color Contrivance.

Easy Neon Style in Photoshop

Stride four

Import the logo y'all desire to apply for the neon effect. I'one thousand using the ZEE logo I created a few weeks agone. Duplicate the layer and hide information technology because we will need to use a few copies later in this tutorial. Select the visible logo layer and go to Filter>Blur>Gaussian Mistiness. Use 15 pixels for the Radius.

Easy Neon Style in Photoshop

Step 5

Follow the images below for the settings of the Layer Mode. We will be using Drib Shadow, Inner Shadow, Outer Glow, Bevel and Emboss and Color Overlay.

Easy Neon Style in Photoshop

Step half-dozen

This volition be the result you will go later on the layer fashion.

Easy Neon Style in Photoshop

Step vii

Duplicate the layer with the layer styles to make the outcome a chip stronger, but reduce the opacity to 50%.

Easy Neon Style in Photoshop

Step viii

We volition need another layer with the logo without whatever layer manner applied to information technology. Put this new logo on top of the others and then go to Filter>Blur>Gaussian Mistiness. Utilize 100 pixels for the Radius. As well change the Blend Way to Color Dodge.

Easy Neon Style in Photoshop

Step 9

Now with the Brush Tool permit's create the base of operations part of the neon that volition be fixed on the wall. Apply black for the colour and put this behind the neon layers. After that go to Layer>Layer Fashion>Bevel and Emboss. Use the paradigm below for the values of the Bevel and Emboss. For the "E" base use -160º for the angle and for the "Z" base use 0º.

Easy Neon Style in Photoshop

Step ten

Again with the Brush Tool (B) and a very soft brush, using 0 for the hardness, add together a new layer behind the layers created in the previous step. And so just paint a very soft shadow.

Easy Neon Style in Photoshop

Conclusion

Light effects are always really cool for wallpapers, I'thousand really addicted to these types of effects and in this tutorial I showed y'all how to create a neon effect. Basically, the effect is all almost layer styles and alloy modes. Now, information technology's up to you. You tin endeavor different colors and backgrounds but the technique won't change that much from this one.