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.

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)

translucent text flatten 550x307 Create Unique Neon Text Effect in Photoshop

PSD File Download

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

vip sign up 250 Create Unique Neon Text Effect in Photoshop

OK Let’s get started!

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

Font

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 550x555 Create Unique Neon Text Effect in Photoshop

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 Create Unique Neon Text Effect in Photoshop

Set the layer opacity to around 60%:

1 blend 550x447 Create Unique Neon Text Effect in Photoshop

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

1 mask 550x308 Create Unique Neon Text Effect in Photoshop

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

1 col bal Create Unique Neon Text Effect in Photoshop

1 col mid Create Unique Neon Text Effect in Photoshop

1 col high Create Unique Neon Text Effect in Photoshop

and you will have the following effect so far:

1 effect 550x298 Create Unique Neon Text Effect in Photoshop

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 550x184 Create Unique Neon Text Effect in Photoshop

Apply the following layer blending options to this text layer:

Bevel and Emboss

2 bevel 550x394 Create Unique Neon Text Effect in Photoshop

Stroke

2 stroke 550x394 Create Unique Neon Text Effect in Photoshop

Inner Shadow

2 inner shadow 550x394 Create Unique Neon Text Effect in Photoshop

Satin

2 satin 550x394 Create Unique Neon Text Effect in Photoshop

Color Overlay

2 overlay 550x394 Create Unique Neon Text Effect in Photoshop

Gradient Overlay

2 grad overlay 550x394 Create Unique Neon Text Effect in Photoshop

Outer Glow

2 outer glow 550x394 Create Unique Neon Text Effect in Photoshop

Drop Shadow

2 drop shadow 550x394 Create Unique Neon Text Effect in Photoshop

and you will have the following effect so far:

2 effect 550x234 Create Unique Neon Text Effect in Photoshop

 

Step 3

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

3 dup 550x210 Create Unique Neon Text Effect in Photoshop

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

3 dup2 550x198 Create Unique Neon Text Effect in Photoshop

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

3 dup mer 550x323 Create Unique Neon Text Effect in Photoshop

and here is the effect so far:

3 effect 550x225 Create Unique Neon Text Effect in Photoshop

Step 4

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

4 brush Create Unique Neon Text Effect in Photoshop

Set the brush to have the following colour:

4 brush color 550x387 Create Unique Neon Text Effect in Photoshop

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 550x200 Create Unique Neon Text Effect in Photoshop

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

4 cloud 550x219 Create Unique Neon Text Effect in Photoshop

and here is the effect so far:

4 effect 550x268 Create Unique Neon Text Effect in Photoshop

 

Step 5

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

5 path 550x442 Create Unique Neon Text Effect in Photoshop

Use 5px, hard brush, stroke this path:

5 sroke 550x317 Create Unique Neon Text Effect in Photoshop

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

5 bevel 550x394 Create Unique Neon Text Effect in Photoshop

And you will see the following effect:

5 after bevel 550x326 Create Unique Neon Text Effect in Photoshop

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 550x294 Create Unique Neon Text Effect in Photoshop

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 Create Unique Neon Text Effect in Photoshop

6 blacks Create Unique Neon Text Effect in Photoshop

Curves

6 curves Create Unique Neon Text Effect in Photoshop

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

translucent text flatten 550x307 Create Unique Neon Text Effect in Photoshop

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!