Unlimited Downloads • 15% off Marketplace Purchases • Exclusive Software Access • Unlimited Downloads
• 15% off Marketplace Purchases
• Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
Neon Text Effect in Illustrator
  • By Design Bundles
  • 2 Mins
  • Illustrator Tutorials

Neon Text Effect in Illustrator

1 - In Illustrator, create a New Document or Open an existing one. Select the “Rectangle Tool” then click and drag to draw a rectangle that covers your entire artboard. Set the Fill color to black and the Stroke color to none.

2 -  Select the “Type Tool” (T) type your text and apply to it the font of your liking. In this case we used Zipper from Fontbundles.net (150 pt.).

3 - Fill the text with a color you like. We chose “CMYK Cyan” from the “Colors Palette”. Go to Type > Create Outlines or click Shift + Command/Control + O start convert your text into a vector shape.


4 - Select your text and go to Object > Offset Path and give it an Offset of 1 mm, Joins: Round, and a Miter Limit of 4.


5 – Select the outside path (you may have to ungroup your text to do it) give it a darker color. We chose one of the shades in the “Color Palette”.

6 – Now go to Effect > Blur > Gaussian Blur and give it a 3 pixels Radius.


7 – Next, select the inner (lighter) text and go to Effect > Apply Gaussian Blur or click Shift + Command/Control + E to apply the same effect. This will make the color transition a bit smoother

8 – Your text should look like this.

by @lornacane

6 Related Illustrator Tutorials

How to Create a Neon Text Effect in Procreate

In this tutorial, we will show you how to create a neon text effect in Procreate. This is a fun way to make your text stand out for your creative projects. We will be adding the effect to a background to create a retro style design.We will be using ...

How to Create a Neon Text Effect in Inkscape

Inkscape is a great free open source vector program offering many tools for creating and editing designs. One such tool is the Bezier Tool, which is designed for more precise drawing of curves and straight lines. You can also use the Bezier Tool to further edit fonts and shapes.In ...

How to Create a Neon Text Effect in Affinity Designer

In this tutorial, we will create a Neon Effect by combining layer effects, blend modes, and a few tweaks. We will be using the TwentyOne font. Choosing a monoline font makes it easier to achieve the desired results.Step 1: Add the backgroundCreate a New Document and use the Rectangle Tool (...

Neon Text Effect in Photoshop

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 Fontbundles.net for ours. Make its color Cyan or ...

Overlapping Shaded Text Effect in Illustrator

For this tutorial, we will use “Pricedown” Free Font by “Typodermic”.1 - In Illustrator, create a “New Document”.2 - Select the “Type Tool” (T), choose your font (we used “Pricedown”) and type your text.3 - Right-click on top of your text and choose “Create Outlines”. Then, right-click on top again ...

Repeating Outline Text Effect in Illustrator

For this tutorial we are using the Free Font “Wask New” from Vasilis Skandalos.1 - In Illustrator, create a “New Document”.2 - Select the “Type Tool” (T), choose your font (we used “Wask New”) and type your text. Use Black as “Fill” color.3 - Right-click on top of it and ...

You may also like