Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this movie, I'll show you how to create text along a path. And this could be any path outline, a circle or any other shape you can draw on the side of Photoshop. For our part, we're going to be creating text along a slightly arcing line. We're looking at the final version of the composition, and I'm zoomed into the lower left corner along the model's glove. And you can see the words are arcing ever so slightly, that is, the baseline is arcing. So lets see how that works, I'll go ahead and switch to our composition in progress and I'll zoom in to that lower left corner of the image like so.
Then I'll switch over to the Paz panel and you can see that I have a second path called down left. Go ahead and click on it to select it. Its a little hard to see here but its this arcing line set between two anchor points and that's it. So its pretty simple to draw, as we'll see when we take a look at the Pen tool. In the advanced course, but for now we'll just take this path outline for granted. Now, before you set about creating text on a path which is somewhat of a precarious proposition inside of Photoshop. You have to create the text along the path directly.
You'll want to go ahead and establish a few base line formatting attributes. So I've got my Type tool selected, I'll press the enter key to select the font. And I'll go ahead and type in MINI which gets me Minion Pro which is exactly what I want. Then I'll tab over to the style and I'll enter semi which gets me semi bold. And then I'll press the down arrow key to switch to semi bold italic, even though the name is truncated, that's the style that I've selected. And then I'll tab over to the type size. And I'll change it to 12 points. And then finally you want to click on the left align text icon right there in order to make sure that the text aligns to the left.
And we want the text to be white so click on the color swatch and go ahead and drag the circle to the upper left corner of the field. And then click OK. All right. Those are our formatting attributes. Now, let's create the text. And you do so by clicking with the Type tool on the path outline. Notice when I hover my cursor, it changes to an eye beam with a little dotted line going through it. And so whether we're working with a closed path outline or an open path like this one, the closed path would be a circle. That is it has no endpoints, it's continuous, whereas an open path has endpoints, it begins at one locations and ends at another.
Anytime you hover a path outline with the type tool you'll see this cursor and what you want to do is click and enter the text. Well we want our text to start up here and then go down but it's anyone's guess what the direction this path outline actually goes in. Photoshop knows the direction but if we've got the direction wrong it can mess things up. So rather than clicking at an endpoint you're better off clicking someplace sort of in the middle of the path outline just to hedge your bets. So I'm going to click right about there.
And you can see we've got a blinking insertion marker and everything looks to be good. Because the tallest portion of the insertion marker is on the top of the path which is what we want. That indicates the X height and the ascender. And the smaller portion of the insertion marker's along the bottom, that indicates the descenders. Alright then go ahead and type in The words September 2026 like so and you can see that 2026 just fell off the edge. If I press the backspace key a couple of times, in my case I happen to have room for 20 but as soon as I try to enter 26, the text falls off.
Which is great, because I want to show you how to modify the placement here. There's a couple of ways to do it. One is to use the Arrow tool which is the more surefire method. The other way is to press and hold the Control key or the Command key on the Mac. But that only works by the way, as long as you're. In the process of actually creating the text object. Later when you're editing it, this technique fails. But anyway, if you press the Control key or Command key on a Mac and hover over that X right there, you'll see your cursor changes to an I-beam with an arrowhead. Then you can go ahead and drag the text upward along the path like so.
In order to move it to a different location or, if that fails you just go ahead and press the enter key on the numerical key pad in order to accept your new text object and then switch to the Arrow tool and it doesn't matter which one it is. It could be the Direct Selection tool, it could be the Past Selection tool, either one. And then hover your cursor over the path out line and you'll see that I-beam with the arrow head and you can go ahead and drag the front of that text, the x which indicates the point of alignment there to whatever location you like.
Right about here is probably going to serve our purpose for now. One thing to bear in mind however, is you want to drag along the path, if you drag along the other side you'll flip the text like so, and that's not what we want. So I'll go ahead and drag back to the right side, to flip it where it needs to be. All right, now I'm going to press the T key to switch back to the Type tool. And I'm going to click inside the text, in order to set the blinking insertion marker, and then I'll press Ctrl+A, or Cmd+A on a Mac, to select all the type. Press Ctrl+H or Cmd+H on a Mac so I can see what I'm doing without the highlight there and I'll press Ctrl+T or Cmd+T on a Mac to bring up the Character panel.
I want this text to be all caps and you might ask me, well if you wanted it all caps why didn't you press the caps lock key and just enter the text that way. Because if you do that you limit your flexibility, whereas if you apply it as a formatting attribute. You can always change my in layer. So notice that you've got that little icon there that says 'all caps', you also have a keyboard shortcut as long as the text is selected Control Shift K or Command Shift K on the Mac. I'll go ahead and click on that icon in order to set my text in all caps like so and then I'll go ahead and hide the Character panel and finally I'll press the Enter key on the numerical key pad in order to accept my changes.
Once again notice here in the Paths panel that we have a new temporary path, we'll only see it as long as this specific layer is selected. And somehow I've ended up with the Work path, if you do as well you can tidy things up by just dragging that thing to the trash can. that may make you worry because our path outline just disappeared, however if you click on that temporary item once again, it comes back, and sure enough, that is the text object that we just created. Alright. We'll press escape this time since we just highlighted the text, so that's how you create text along a path inside Photoshop.
In the next movie I'll show you how to adjust the vertical alignment of the text along that path using Baseline shift.
Get unlimited access to all courses for just $25/month.Become a member
120 Video lessons · 63520 Viewers
119 Video lessons · 71139 Viewers
125 Video lessons · 32034 Viewers
84 Video lessons · 18660 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.