Join Julieanne Kost for an in-depth discussion in this video Adding type along a path, part of Photoshop CC 2018 Essential Training: Design.
- [Instructor] Another creative way of adding type to an image is to have it follow a path. So, first we need to select the type that we're going to use. I'm going to double click on the Note icon here in order to open the Notes panel. If you can't see the whole note, you can use the grabber handle at the bottom to extend the panel. And then I need to select all and copy this text. So, by default, it's all selected, but if you're isn't, you can swipe over the text, and then use Command + C to copy it, and then we can collapse that panel.
Now, before we draw our path, I want to set up some guides. So, under the View menu I'll choose New Guide Layout. All I need is a .5 inch margin on the left and the right hand side, and I'll click OK. Then, from the toolbar, I'll select the Curvature Pen tool. I'll click once on the left hand side, click again on the right hand side, and then just click in the middle and drag up in order to create our curved path.
Alright, let's tap the T key in order to select the Text tool, and I'll right click on the T icon in the Options bar, and just reset the tool so that we're all starting in the same point. Now when I position my cursor over the path, the icon changes to the Type on a Path icon. I'll click on the path, and then use the keyboard shortcut Command + V in order to paste my text. Now, we can't see the entire block of text here, so I want to select all of the text.
But if I click in the text area, even if I triple click, it's only going to select what I can see on screen. So, as long as I have my text insertion point in the text here, I can do a Command + A in order to select all the the text. And it will select not only the visible text here, but the rest of the text that goes beyond the length of the path. Now, I'm getting an odd preview here where I can't see the text, so I'm going to use a keyboard shortcut, Command + H, in order to hide the text selection.
If it's the first time you've used the keyboard shortcut Command + H in Photoshop, Photoshop's going to ask you, on the Mac, if you want to hide Photoshop or hide extras, so just choose to hide extras. So the type is selected, so in the Options bar, I can select the size, and then just use my down arrow keys in order to decrease the size of the text. Well, I want it about eight points, but we can notice that the text doesn't start at the beginning of the path.
So in order to reposition the text along the path, I'm going to switch to my Path Selection tool. Then there's a very light white X at the beginning of the text, and when I position my cursor over it, I get the icon that has the little triangle. I can then click and drag the text. But just one word of caution, if you drag too far, like, on the other side of the path, Photoshop will actually flip the text for you.
And that's a feature, but I don't actually want it to happen, so I'm going to make sure that I stay kind of to the left of the path here, and then just drag the text start to the start of the path. Alright, so the text looks good, except that it doesn't quite reach all the way across. So let's select the Type tool again, click anywhere in the text to set the insertion point, do a quick Command + A to select all, and then Command + H to hide that.
And then I'll expand the Character panel, and I want to increase the tracking, so I'll select the value, and then just use my up arrow until my type is going all the way along the path. Alright, I'll click on the check mark in order to apply that. Then I can use the View menu, select Show, and hide those guides. If I wanted to reposition the text, I could select the Move tool, and reposition it anywhere in the image area.
If I wanted to change the type, say there was a typo, I could select the type tool and then re-edit the type. I'll tap Escape in order to escape out of that. And, if I wanted to change the actual path, then I could select the direct selection tool, click on the path, and then select one of the anchor points and reposition it. I'll tap Enter in order to hide the path, and there you have it. An introduction to Type on a Path in Photoshop.
Photoshop CC boasts tools and features for making tonal and color adjustments, applying effects and treatments to type and graphics, and distorting, filtering, and layering elements—all while maintaining the highest-quality output. In this course, Julieanne demonstrates how to efficiently perform common design tasks, including editing images, drawing shapes, and working with type and fonts. Along the way, she shares the secrets of nondestructive editing using Smart Objects, and helps you master features such as layers, filters, blending modes, typography, custom brushes, vector masks, and much more—increasing your productivity every step of the way.
- Working with Smart Objects
- Linked vs. embedded Smart Objects
- Creative transformations and warping
- Essential filters for designers
- Emulating traditional drawing techniques
- Working with shape and fill layers
- Pen tool basics
- Applying layer effects and styles
- Type essentials
- Creative brush techniques
- Working with libraries and artboards
- Exporting files and sharing images