DesignTips > > How to Insert Text along Path

How to Insert Text along Path

How to Insert Text along Path

In this section we will introduce you how to insert texts along paths. You can arrange texts along different kind of paths such as straight/curved open paths and shape paths.

This time we will use open paths like straight and curved lines.

Step01 Draw a Line

Draw a line with Pen Tool like above. This is a curved line but can be any kind as long as it is an open path.

When you are done drawing, select either “Text Tool” or “Superscript Path Tool” and click on the path.

Step02 Insert Text

When you click on the path, a cursor appears above the path. The curved line disappears and turns into a guide.

The text is arranged along the path when you insert text at this stage.

You call this type of text [Path Superscript].

Step03 How to adjust Text Placement

Drag the three <brackets> above and adjust the placement of the text.

You can adjust the placement by moving <Starting Point Bracket>/<Ending Point Bracket> to the sides or flip the text by moving <Middle Point Bracket> to the sides or up and down.

Step04 Adjust Text Placement 1

The text is arranged to the left so move it to the middle.

Display the arrow by placing the pointer at <Starting Point Bracket> and drag it to the right like the example above.

Step05 Adjust Text Placement 2

You can flip the text by dragging <Middle Point Bracket> to the other side. You can adjust the placement of the text similarly when it is arranged to the other side.

Step06 In Case Text Is Hidden

The red square icon above appears when the text is hidden. The text is overflowing from the path because the length of the path is shorter than the text.

The text appears in between <Starting Point Bracket> and <Ending Point Bracket>. When the length of the two brackets is shorter than the text, the text would appear hidden. Adjust the length with the brackets.

If the original path is shorter than the original text, you cannot flip it with the brackets.

Step07 Display the Rest of the Text with another Path

You can display the rest of the text with another path similarly.

Click the red square icon and the pointer shape changes. Click where you want to show the text. You can adjust the place of the text later.

The rest of the text shows on another path.

Steo08 Adjust Text 1

Use <Text Panel> to adjust the text size or fonts. You can adjust even when the text is hidden.

Step09 Adjust Text 2

If you do not want to change the text size, you can adjust the spacing and show the hidden parts.

Since we do not want to change the size this time, we adjusted the [Tracking] value without changing the font size.

Step10 Apply Effect on Path Superscript 1

Select the path superscript and open <Superscript Path Option> by double clicking the text tool.

The text is arranged like above when each effect is applied. You can adjust the placement similarly with them.

Step11 Apply Effect on Path Superscript 2

Apply <Placement on Path> and the text appears like above. You can adjust it similarly like <Effect>.

 Customize

I arranged the text along <Spiral Tool>. I adjust the spacing of the text caused by the curve using <Text Panel>.

You can arrange texts anyway you like as long as you use paths.

You might find this technique difficult if you are not familiar with paths but even a simple path can make a nice design.

この投稿文は次の言語で読めます: Chinese (Simplified), Japanese

How to Create Halloween Jack O’ Lantern Illustration (Illustrator)
How to Create Halloween Ghost Illustration (Illustrator)
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to Create Retro Photo in Photoshop
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white in Photoshop 1
How to Create Retro Picture in Photoshop