June 18, 2024

Create a Neon Text Effect in Illustrator

In this tutorial, we’re going to learn how to create a neon text effect in Adobe Illustrator.

The Steps (1-8)

1. Create a New Document.

2. Select the Rectangle Tool, Left-click and Drag to draw a four-sided shape that covers the entire Width and Height of the artboard. Set the colour of this shape to black #000000.


3. Select the Text Tool, Left-click anywhere on the artboard, type your text, and select a font of your choice.

4. Ensure that the text has a Fill colour of pink #E6007E, and go to Type > Create Outlines to convert the text into a shape.


5. With the text selected, go to Object > Path > Offset Path, and set a minus/negative offset value (-5 for this tutorial) and click OK. The aim here is to create a copy of the text that is actually thinner, and fits inside of the original letters.

6. Give these thinner letters a lighter pink colour #EC8CC8.


7. Next, select the darker pink letters and go to Effect > Blur > Gaussian Blur, and specify a value that gives a pink glow around each of the letters. Adjust the blur value depending on how much of a glow you would like around your letters.

8. You can also add a small amount of blur to the thinner light pink text too, in order to help it blend together with the other blurred letters more effectively (optional).


Download Adobe Illustrator.


Daniel White is a designer who loves to share his experience, and help aspiring creatives to develop their skills. For more videos like this, Subscribe to his Youtube channel. You can also find him on Twitter and Facebook.


Leave a Reply

Your email address will not be published. Required fields are marked *