🎉 Introducing Slides with Friends, a new remote tool from Medialoot! Try it free →
How to Make a Neon Glow Effect in Illustrator

How to Make a Neon Glow Effect in Illustrator

Illustrator Effects

Emulating a neon effect in Illustrator can be easily accomplished by using a versatile panel called Appearance. With this panel, you can create a wide range of effects, from a simple drop shadow to a 3d effect while keeping your original design intact. Today, I'll show you how easily you can emulate a basic neon glow effect in Illustrator using only this panel. Best part, you'll learn how to have this effect available on your toolbox to be used an unlimited number of times on any other text or graphic, without having to do the whole process all over again.​

But before we begin, and if you want to follow this tutorial exactly as described, please download the Neon Tubes font designed by Tony Thomas right here at Medialoot: Download

Step 1

Open Illustrator and make a new file at any size you want. In this case i will make mine at 1800 x 1200 px.

Step 2

Select the Rectangle Tool (M) and draw a rectangle covering the whole artboard with any color you want. In this case, i will set the color to #f5cbd7.

Step 3

Draw your graphic or using the Type Tool (T) type your text. In this case, i will be using the Neon Tubes font at 350 pt but you can use any font you want.

Step 4

In the Tools Panel, set the fill and stroke to none.

Step 5

With your graphic or text selected go to Window > Appearance.

Step 6

Add 2 new strokes by clicking on the "Add New Stroke" icon.

Step 7

Select the first stroke and set the Stroke Weight to 8 with a White color.

Step 8

Click on the "Add New Effect" icon and from the dropdown menu select Blur > Gaussian Blur.

Step 9

In the Gaussian Blur window set the Radius to 4 and click OK.

Step 10

Select the second stroke and set the Stroke Weight to 4 with a White color.

Step 11

With the second stroke still selected, click on the "Add New Effect" icon and from the dropdown menu select Stylize > Drop Shadow.

Step 12

In the Drop Shadow window apply the following settings and click OK.

Step 13

With the second stroke still selected, click again on the "Add New Effect" icon and from the dropdown menu select Stylize > Outer Glow.

Step 14

In the Outer Glow window, set the Mode to "Screen" using a white color, the Opacity to 70% the Blur to 20 px and click OK.

Step 15

To have this style available to be used on any other graphic, go to Window > Graphic Styles and (with your graphic or text still selected) click on the "New Graphic Style" icon.

Step 16

To test the new graphic style, select the Rounded Rectangle Tool and draw a rectangle around your text as shown.

Step 17

With the Rectangle selected, simply click on the new style in the Graphic Style window.


Comments

X

You've successfully logged in!