1. Home
  2. Design School
  3. Neon Text Effect in Photoshop

Neon Text Effect in Photoshop

Posted on 7th October 2017
1 – In Photoshop create a New Document or Open an existing one.

2 – Choose the “Paint Bucket Tool” (G) from your Toolbox and fill your background with black.

3 – Choose the “Type Tool” (T) and type your text. We chose the font Zipper from for ours. Make its color Cyan or a light shade of blue.

4 – Select your text and convert it to a “Smart Object”. This is important if you want to make corrections or modify your text later. Right click your layer and choose “Duplicate Layer” or go to Layer > Duplicate Layer. Then hide the duplicate for later use.

5 – Go to Filter > Blur > Gaussian Blur and give it a Radius of 15.0 pixels.

6 – Go to Layer > Layer Style > Blending Options or double click on your layer and apply the following values:

7 – We decided to reduce the amount of Gaussian Blur. To do this, double click on the smart filter and reduce the Radius to 5.0 pixels.

8 – Duplicate this layer and give it an Opacity of 50%.

9 – Select your first duplicate (The one you did at the beginning) move it to the top and make it visible and set its “Blending Mode” to “Color Dodge”. Then apply a Gaussian Blur of 100 px.

10 – The result should look like this.

by @lornacane

Share this Tutorial

Have a question? Contact our Support for assistance.
$180 of design goods for JUST $1. Join Plus today for your discounted first month! VIEW OFFER
ol image