Create Unique Neon Text Effect in Photoshop

In this tutorial, I will show you the processes used to created this unique neon text effect in Photoshop. We will be using a number of Photoshop techniques such as layer masking, selection, blending options, pen tool and adjustment layers.

The PSD file of this tutorial is available to buy on PSD Vault Shop, or via the PSD Vault VIP members area.

This is an intermediate level tutorial and some steps can be tricky.

Note: The Photoshop tutorial is done in CS6 – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)


PSD Vault VIP Membership

You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas

OK Let’s get started!

To complete this tutorial, you will need the following stocks:


Brick texture

Step 1

Create a new document sized 1400px * 782px with black background. Load the brick texture into Photoshop and select a portion of it with the Rectangular Marquee tool, we will use this as our background:

1 sel

Copy and paste the selection over to our document and re-size it to fit our canvas. Apply the following Gaussian Blur filter to this layer:

1 gaussian blur

Set the layer opacity to around 60%:

1 blend

Apply the following layer mask to this brick layer to hide parts of it:

1 mask

Apply the following color balance adjustment layer to add a bit of colour to the brick layer:

1 col bal

1 col mid

1 col high

and you will have the following effect so far:

1 effect

Step 2

We will start working on the text in this step. Use the font we downloaded and type some texts using the colour shown below:

2 type

Apply the following layer blending options to this text layer:

Bevel and Emboss

2 bevel


2 stroke

Inner Shadow

2 inner shadow


2 satin

Color Overlay

2 overlay

Gradient Overlay

2 grad overlay

Outer Glow

2 outer glow

Drop Shadow

2 drop shadow

and you will have the following effect so far:

2 effect


Step 3

Duplicate this text layer once and move it slightly to the angle shown below:

3 dup

Repeat the above process and duplicate more text layers, until you form the following effect:

3 dup2

On the last layer you duplicated, apply the following Hue/Saturation adjustment and darken the layer as shown below:

3 dup mer

and here is the effect so far:

3 effect

Step 4

We will add some highlights around the text with a 6px, 90% hardness brush:

4 brush

Set the brush to have the following colour:

4 brush color

Create a new layer above all previous layers and set its blending mode to “overlay”, and use the brush to paint over the following areas:

4 paint

We can also add some smoke/cloud effect to the following positions, with a cloud brush or smoke brush:

4 cloud

and here is the effect so far:

4 effect


Step 5

We will add some wires around text. Use the Pen Tool to draw a path as shown below:

5 path

Use 5px, hard brush, stroke this path:

5 sroke

Apply the following Bevel and Emboss layer blending option to this line:

5 bevel

And you will see the following effect:

5 after bevel

Duplicate this wire layer a few times, adjust the size and shape of each duplicated layer, and attach them to each of the letters as shown below:

5 effect

Step 6

We’re almost done! To fine-tune this text effect, we can add the following adjustment layers on top:

Selective Color

6 sel color

6 blacks


6 curves

and this is my final effect: (click to enlarge)


That’s it for this tutorial! Hope you enjoy going through it and find it useful. Drop me a comment below if you have any question.

Till next time, have a great day!


  • My name is James and I have been using Photoshop since version 5.0 (long time ago!). PSD Vault is my spare time hobby and I write majority of the Photoshop tutorials and articles here. I hope you enjoy my blog, and feel free to leave a comment or contact me if you have any questions.

  • Show Comments

You May Also Like

Create Typography Using Simple Geometric Shapes in Photoshop

In this Photoshop tutorial, I will show you how to Create Typography Using Simple ...

Create Electrified Metal Text Effect in Photoshop

In this tutorial, I will show you the steps to Create Electrified Metal Text ...