In this tutorial, we’ll learn how to create a neon text effect in Photoshop by using just a couple of layer styles and a texture.
To create a neon text effect, you’ll need:
- A recent version of Photoshop
- Brick wall
Create a new 1200 x 600px document and place the brick wall picture in the document.
Go to Image > Adjustments > Levels and make the image darker.
Write your text with the Impact font, white color and the settings shown below.
Double-click on the text layer to open the Layer Style dialog box and use the settings shown below.
We will now make the grill texture. To do so, create a new 10 x 10px document and enlarge the document to 3200%. Using a 1px hard brush, make 2 black lines as shown below. Now, go to Edit > Define Pattern and save it with the name “Grill Pattern”.
Go back to your original document and duplicate the text layer. Then, right-click on the duplicate text layer and select Clear Layer Styles. Double-click on the duplicate text layer and use the settings shown below.
To give a 3D effect, grab the Move Tool and move the second text layer 5px up.
Now, we will make the neon effect. Again, duplicate the text layer, right-click on it and select Clear Layer Styles. Then, double-click on the layer and use the settings shown below.
After applying the Stroke, right-click on the fx of this text layer and select Create Layer.
Then, delete the text layer.
Double-click on the layer we just created and use the settings shown below.
Grab the Eraser Tool and erase some parts of the text to give a realistic look. You can also use a hard brush to create some curves.
Follow this step if you want to draw some wires too. Create a new layer and place it below the neon layer. Then, use a 7px and 4px hard brush to draw the wires and use the settings shown below.
Double-click on the brick wall layer and use the settings shown below.
And we’re done with the neon text effect!