Follow us:

 

Skip Navigation Linkstext_effect_illustrator

New Tutorials >> Adobe Illustrator text effects tutorial

Neon Illustrator Text Effects 

In this Illustrator text tutorial, you will learn how to create cool neon text. Text effects in Illustrator are easy once you learn the basics. Here is a bullet list of the steps you will take:

* Download the cool font we will use to create the Illustrator text:

Download NeonFont
 * Learn to use the following Illustrator effects:
- Outline Stroke, the Direct Selection Tool, and Rounded Corners.

- The Pathfinder tool,  the Blur effect, and Outer Glow.

 

Watch the video or written tutorial:

 

Creating a Neon style text using Adobe Illustrator

1. Create a rectangle with Black fill color and make your text. Use my font to make the text like neon light. I used Neon Regular. This font is available free to download.

 

 

2. Make another rectangle with no fill color and white stroke. Make stroke width fit with the font. I used 3.2 pt when my font size is 48 pt.

 

 

3. Create outlines of the font by Type > Create Outlines.

 

 

4. Make sure each character’s start and ending point join together. Zoom in to every joining point and use Direct Selection Tool to move the anchor points.

 

 

5. Cut the rectangle with white stroke so that it connects the starting and ending point of the texts. Select the rectangle and open Appearance toolbar (Window > Appearance). Click on Add a new Filter > Stylize > Rounded Corners. Use 0.125 in.

 

 

 

 

6. Make the rectangle fit with the text. Move the anchor points to fit better. Use direct selection tool to move the anchor points. After scaling the rectangle, make outline by Object > Path > Outline Stroke.

 

 

7. Open the pathfinder toolbar from Window > Pathfinder. Now select both text and the rectangle shape and the click Unite from the pathfinder toolbar. Now they are a single shape.

 

 

8. Now make another rectangle and use same stroke with white and create outlines for that.

 

 

9. Now select the text and add inner glow from Effect > Stylize > Outer Glow. Use Blend mode : Normal; Color : #44b7e9; Opacity : 100%; Blur : 0.01 in; Edge.

 

 

10. Same way, add outer glow from Effect > Stylize > Outer Glow. Blend mode : Normal; color : #44b7e9; Opacity : 100%; Blur : 0.01in. Then add another Outer glow with opacity 50% and all other values same. Add a stroke from appearance toolbar with 0.5 in and black color.

 

 

11. Same way, stylize the other rectangle shape with red color or anything you want.

Congratulation! Your neon style text is complete in Adobe Illustrator.

 

 

If you liked this tutorial, please share with your friends:


You might also be interested in more Illustrator tutorials:

 3D Smiley

 

Red Angry Bird

 

Vector Flower

 

Seamless Pattern

 

Landscape Tutorial

 

 

Add your Comments:

SharePoint Help  
Looking for recommendations...

How to

There is no recommended article for this page. Try searching help and community.
This shouldn't take long.

Community

Can't find what you are looking for? Post your question to the Office 365 Community
Sorry, we couldn't find an answer. Post your question to the Office 365 Community
Sorry, the help service is down, but you can find answers at Office support