Advertise    Write for Us


Create Neon Text Effect with Stylism and Adobe Illustrator

posted by: Iaroslav Lazunov, in Illustrator Tutorials / Text Effect/ Comments: 0

Today you will learn how to quickly create a neon text effect using Inner Glow, Outer Glow, Transform effects and Appearance panel. Thanks to Stylism the control over effect parameters became much easier; I hope that you have already experienced it if not, download 14 day free trial now!

Step 1

Take the Type Tool (T) and type the word “NEON”. I used Arial Rounded font for this

Open the Appearance panel (Window > Appearance). Double-click on the Characters in the panel, then remove the black fill.

Now double-click on Type: No Appearance.

Add new stroke in the Appearance panel.

Step 2

Increase the width of the stroke, select the Round Cap and Dashed Line options in the Stroke panel. Pick these values for the dash and gap, to get the result as shown in the picture below.

Recolor stroke into blue color, then place the text on a dark background.

Step 3

To create the neon effect, we will be using the Stylism. Open the plug-in panel (Window > Stylism > Stylism panel). Now click on the Inner Glow Effect button.

An annotation appears on the object, which allows to control the effect parameters without opening the dialog box. Set the Multiply blending mode, reduce the Blur radius and swap the white color with dark blue color.

You can read full version of this tutorial on

Total comments: 0
Only registered users can add comments.
[ Registration | Login ]
Subscribe Now!
RSS feed twitter
Recent Consultations
Job in the Astute Graphics - Graphics Software Developer and Web Designer
Euro 2012 Infographic
How to Create the Discreet Charm in Illustrator
Tutorials that Show You How to Create Awesome Text Effects in Illustrator, Photoshop and CSS Step by Step
Vary Width Markers Feature in WidthScribe Plug-in