Photoshop CS6 Essentials - Type Tool - V

02 February, 2013

Point type and the Paragraph types are easily visible with the Type tool cursor. But, type on path is only visible when you place the cursor on a path or a shape. In this essential we will see how we can create type on path.


// Download the Exercise file to follow along with me >> Type on Path.zip

(The exercise file has different path to try it out with different options as we learn. If you don't want to download the file you can still create your own.)

The path (fig 1.0) is created with pen tool. If you keep the Type tool cursor on the path, it changes to an I-beam with an 'S' curve.

(fig 1.0)

Click on the path (do not type anything) you will see the Insertion point that sits perpendicular to the path. The placement of the insertion point is where the starting point of the type is (fig 1.1 - 1) . The path is the 'Baseline' for a text. And the ending point is marked by a small circle at the end of the path.

Wherever you click on path that'll be the starting point for the type and the ending point is always where the path ends.
In the bigger path (fig 1.1 - 2) i have placed the insertion point almost in the center, which marks as a starting point and notice the end (small circle). Since its an open path, the ending point is always at the last.

(fig 1.1)

(you can also adjust the starting point and the ending point after you have created, we'll cover that in 'Edit Type on Path' essential)

Once the cursor is on the path, click to start typing. Anything you type will flow on the path.

(fig 1.2)

The flow of the text is towards the direction of the path you have created with the anchor point.

In the image below (fig 1.3 - 1) i placed the first anchor point in the left (arrow) and i finished it on the right but for the second path (fig 1.3 - 2) the first anchor point is on the right and i finished it on the left.

[You can find this left to right and right to left path in the exercise file]

When i place the insertion point almost in the same position for both path, notice the end point (small circle).

(fig 1.3)

Noticed the flow of the type is completely flipped (fig 1.3 - 2). Because of the path direction.

If you want the flow of the type to be backward but on top of the path, use alignment from the options bar (fig 2.0). I have used a simple straight line path created from pen tool, and the placement of the insertion point is same for all the other paths. Only the alignment options are changed.

(we'll cover alignment options in the options bar essential)

(fig 2.0)

If the text is longer than the path, a Overflow icon appears inside the small circle. For closed path, the starting and the endings are in the same place.

You can adjust the path shape or extend the path with adding more anchor points to see all the text.

(fig 3.0)

Paths are resides in the paths panel, just like layers in the layers palette. I've used the Pen tool to create this simple curve (fig 4.0), the option from the options bar is set to 'path'.

When you create a new path, 'Work Path' layer automatically creates in the Paths panel.

(paths and shapes will be covered more in-depth in the path/shape essential)

(fig 4.0)

Here (fig 4.1 - 1) i've selected the Type tool from the tool bar and placing the cursor over the path, which displays the I-beam with a S curve.

As i click, notice on the paths panel, a new path layer creates (fig 4.1 - 2) along with the Type layer (Layer 1) in the layers palette. Both are linked together (the link symbol in the image below is just for illustration purpose).

The newly created 'Type Path' is a copy of the 'Work Path' and it carries the same Type layer name. Because the Type path is linked with Type layer, changing the shape of the path will adjusts the text flow automatically.

(fig 4.1)

The Type path is the baseline for the text. Since we have not created any type here (fig 4.2 - 1) and still in the edit mode, pressing the 'Esc' key will cancels this action and removes the Type path and Type layer.

If we create and commit the text (fig 4.2 - 2), notice the Type layer name and also the Type path name. You cannot rename the Type path individually, renaming the Type layer in the layers palette will change the Type path name.

(fig 4.2)

When you create a new path in the work area, Work Path is automatically selects in the paths panel.

(fig 5.0)

If we start to type on this new path, it creates a new Type layer in the layers palette along with the Type path (fig 5.1 - 1). The previous type path is not deleted, it'll be visible only if we select that Type layer.

After we commit the text (fig 5.1 - 2) the original path is preserved in the 'Work Path'. But if we create another new path without selecting the Work Path from the paths panel, it'll override the existing path.

(fig 5.1)

Here's the layer side by side (fig 6.0). Selecting the type layer, displays its own path in the paths panel.
Recently created path is in the Work Path.

(fig 6.0)

Type can be created on any path shape. I have created (fig 7.0) these shapes from the Custom Shape Picker with the Custom Shape Tool. These are all closed path and notice the smooth flow of the text on all the shapes.

(fig 7.0)

The path can be created outside or inside the path. You can use the direct tool or path selection tool to adjust the starting and the ending point of the type, you can also extend or change the shape of the path to alter the text flow.

Typing on the path is so much fun, and did you know you can also type inside the path.
Next essential >> Essential for Type tool 6

No comments:

Post a Comment