How to Create Neon Text Effect in Photoshop Tutorial


You might have seen Neon sign boards with colorful glowing lights on restaurant boards, fashion stores etc. You can create the same neon sign effect in Photoshop. On the past we had written a lot of Photoshop tutorials such as Sepia tone effect, Unblur pictures in Photoshop etc. So that newbies can try out easily. All these tutorials have difficulty level – easy.

Today we are going to learn how to do neon text effect in Photoshop. If you follow the steps mentioned below, you get a decent neon sign effect using Photoshop.


To start, open Photoshop and create a new document. Mention the width and height of your choice.

The canvas can be filled with any dark colors. If you don’t want a plain canvas, then you can use any dark image. In this tutorial, I have used a black brick wall. You can download the texture.

Use the text tool to create text. You can type any text. Make sure you select the right color to the text. I chose parrot green to get the Neon effect look good.

Create a duplicate layer of the text by right clicking the layer and select duplicate layer.

Go to Filter > Blur > Gaussian blur. Select the radius between 16 to 24 pixels. It is again based on your text and feel of the image.

Now go to the blending options of the layer. Here we are going to add drop shadow, Inner shadow, Outer shadow, Bevel and Emboss and Color overlay.

Check the below Photoshop video tutorial of Neon Text Effect – In the below video, you can get the numbers to get the right effect of drop shadow, inner shadow etc.

Drop Shadow: Blend mode – multiply, opacity – 75, angle – -90 degree, distance – 5px, size – 8 px
Inner Shadow: Blend mode – color burn, opacity – 75, angle – -90 degree, distance – 2px, size – 7px
Outer glow: Blend mode – color dodge, opacity – 75. Under elements: Size – 52. Under Quality: range – 50%.
Bevel and Emboss: Style – Inner Bevel, Technique – Smooth, depth – 50%, Size – 1px, Software – 3 px.
Color overlay – linear dodge (add) and opacity – 33%.

That’s it. You get the Neon text effect!

For a limited time I'm sharing some select Tips and Tricks and How-To Guides for FREE.

Speak Your Mind