Adobe Illustrator Design

Adobe Illustrator Tutorial – How to Create Text on a Path in Adobe Illustrator

How to Create Text on a Path in Adobe Illustrator

1.) Draw a straight line using the Pen Tool (P) from the Tools Panel. Then, select the Convert Anchor Point Tool (Shift + C) and drag the handles of one anchor point to a 45 degree angle. This will create a small arc.

illustrator pen tool

2.) Next, hold the mouse down on the Type Tool (T) in the Tools Panel to view the flyout menu. Select the Type on a Path Tool and click on the top of the arc in the artboard.

text-on-a-path

3.) From the top menu, choose Window > Type > Paragraph. In the Paragraph Menu, select Align Left. Type a phrase and the text will begin on the left side of the arc and follow the path.

type on a path

4.) To move the text on the path, select the Direct Selection Tool (A) from the Tools Panel and click on the left bracket (near the anchor point). A small perpendicular icon will appear.

type on a path

5.) Hold Cmd (Mac) or Ctrl (Windows) and drag the bracket to move the text along the path. To flip the text to the opposite side of the path, drag the perpendicular icon to the other side of the path. This time, don’t hold down the Cmd (Mac) or Ctrl (Windows) keys.

type on a path

6.) The alignment of the text on the path can also be changed. Choose Type > Type on a Path > Type on a Path Options. In the Type on a Path Options window, there is a drop down menu for Align to Path that includes: Ascender, Descender, Center, and Baseline. The Ascender (1) option moves the text below the path and aligned with the top of the text. The Descender (2) option moves the text above the path and aligned with the bottom of the text. The Center (3) option has the path running through the halfway point of the text. The Baseline (4) option is the default and aligns the text to the base path.

type on a path

[box] You an play around with the different settings to get your desired effect. You can also type on shapes as well.[/box]

Button

  Adobe Illustrator Suggested Products

Did you enjoy this article?
Share
the
Love
Get Free Updates
You may also like
Photoshop CS6 Tutorial: Basic Rundown Of Design Tools and Overview
Photoshop Tutorial – Neon Text Effect
1 Comment
  • Shumi Jan 3,2015 at 6:18 am

    The tutorial is good enough to know about the path creation in adobe illustrator but images used here little bit blurry! More clear pictures may be good for all learners I guess so.

Leave a Reply

%d bloggers like this: