vividesigning.com is an E-learning website. We are making things easier for you to understand and learn in a fast and effective way.

How to create a Neon Text Effect in Adobe Illustrator?


Neon Text Effect in Adobe Illustrator

Neon Text Effect is the most striking and realistic effect. Today you will learn to create a glowing Neon Text Effect in Adobe Illustrator.

This effect is easy to create and is really very attractive as well as.

Neon Text Effect in Adobe Illustrator



Step 1

Create a document with RGB color mode. Select the Rectangle Tool to create a background of black color. Double click on the black color swatch and mark R, G and B as 0.

Neon Text Effect in Adobe Illustrator

Select the Type Tool and click on the artboard and type your text. Select white color fill for your text. Choose a suitable font style for your text.

Neon Text Effect in Adobe Illustrator

In Properties Panel you will see a Create Outline Button at the bottom under Quick Actions. Select your text and click on Create Outlines to make your text an editable text.

Alternatively, you can select the text and right click on your mouse. A dialogue box will appear. From that select Create Outlines.

Neon Text Effect in Adobe Illustrator

Step 2

Now go to Menu Bar and click on Object. Place the cursor on Path and select Offset Path.

Neon Text Effect in Adobe Illustrator

Offset Path dialogue box will appear when you will click on Offset Path. Now select a negative value for the Offset may be -5 pt or less depending upon your font. Before clicking OK, put a checkmark on Preview to see the result of the value entered.

Neon Text Effect in Adobe Illustrator

Now Ungroup and whole selection and make two separate groups; one of the offset path and one of the original path.

Neon Text Effect in Adobe Illustrator

Now fill the offset path; i.e.; the inner text with a lighter shade of a color. You can choose the color shade from the Color Guide. Fill the outer text with a brighter shade of the color filled in the inner text.

Neon Text Effect in Adobe Illustrator

Step 3

After filling the text layers with lighter and brighter shade, a kind of Neon Effect can be seen. We are here to create a perfect Neon Effect and for that we will apply Gaussian Blur Effect.

Select the brighter shade text group and click on Effect. Place the cursor on Blur and select Gaussian Blur. Select the radius of blur between 4 to 5 pixels.

Neon Text Effect in Adobe Illustrator

Neon Text Effect in Adobe Illustrator



Again select the text group of brighter shade and create its copy by hitting Ctrl + C and then Paste it at the Back by pressing Ctrl + B. Go to the Appearance Panel and click on Gaussian Blur and set the radius between 40 to 50 pixels. Check the Preview before clicking OK.

Neon Text Effect in Adobe Illustrator

Your Neon Effect is ready 😊. If you want you can create a boundary outside your text with the help of Rectangle tool. Fill the strokes with light color shade and increase the strokes size. Now apply the Gaussian Blur effect and you can see a Neon Effect boundary outside your text.

If you liked this Neon Effect Tutorial then share your views in the comment section and share this tutorial with others.





Share:

No comments:

Post a Comment

Follow by Email

Search This Blog

Translate