Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Another way of displaying Type in Photoshop is to have it follow a path. Now there are many tools in Photoshop that create paths including the Pen tool. However in this video we're going to use the Ellipse Shape tool. Again for the sake of time we're going to use the text that I created and saved in this note, Cmd+C to copy that on the Mac or Ctrl+C to copy it on Windows. From the Toolbar, we will click and hold on the Rectangle tool and then choose Ellipse.
And at the top in the options bar, we need to change the setting in here for shape. I don't actually want to actually create a shape layer. Instead, I want to create a path. So I'll select that from the list. And then in the upper left-hand corner I'm going to click and start dragging down to the lower right. When I release the cursor, the Properties panel will automatically expand, but we can collapse that. And before I add my type to this path I'm actually going to make a change to it because Photoshop treats a closed path and an open path differently.
Right now after drawing this, this is a closed path and they can be a little trickier to work with. So from the Toolbr, I'm going to select my Direct Selection tool. And I'm going to click at the bottom of the path. It might be a little difficult to see what we're doing right now so I'm going to hide the visibility of the Background Layer. Unfortunately, I can't just toggle it off, I need to convert it to a layer first. So I'll hold down the Option key on the Mac, or the Alt key on windows, and then double click on the word background. Once Photoshop turns the background into a layer, now I can hide it. If you're seeing transparency as the background, the checkerboard, as opposed to solid white, then you just need to change a preference. On Mac go into the Photoshop menu, on Windows go to the Edit menu. And then choose Preferences and then Transparency and Gamut. If you set the grid size to none the checkerboard will turn to solid white. That's why I'm seeing the solid white background.
This just makes it a little bit easier to see what it is that we're doing with this Direct Selection tool. I need to click on the anchor point here in order to select it. And as soon as I do, it will turn solid black. Now I can tap the Delete key in order to delete that portion of the path. An that's converted this from a closed path, to an open path which is going to be easier to work with. So now we'll select the Type tool by tapping on the T key. But I want to make sure that we're all working with the same settings, so we'll use the contact sensitive menus.
On Mac, we'll Ctrl+Click on the T icon in the upper left. On Windows, you can just right mouse click and choose to Reset the Tool. Now, when I position the Type tool in the image area, I get the Regular Point type icon. But, if I position the Type tool over the path, it changes to the Type On A Path icon. So now, if I click, I will change that Regular path into a Text path. Now, we can use the keyboard shortcut, Cmd+V or Ctrl+V, in order to paste that text.
But the text is going to start wherever we clicked initially to set the type on the path. In order to change that I can position my cursor right over the X at the beginning of the text and hold down the Cmd key on Mac or the Ctrl key on Windows. And then I can click and drag in order to drag the beginning of my text down to the start of the path. The problem is that I can't see all of my text.
So I'll use Cmd + A on the Mac to select all or Ctrl+A on Windows. And I'm going to change the size of my type down to 8 points. Now, I can see the entire line of text. If we wanted to make sure that the text was centered, we could click on the center alignment and now I know that it's going to be balanced on either side. To commit to this text, let's click on the check mark and now we'll toggle on the visibility of our photograph underneath it. But black text on this busy background is really hard to read so as long as the Type layer is still selected in the Layers, I can click in the color swatch in the options bar, select white as my foreground color. And Photoshop will automatically change all of the text to that color. Because text is vector based in Photoshop, I could go in at any point in time and use the edit menu and select free transform path. And I could make this path larger or smaller.
In this case, I'm going to hold down the Option key and the Shift key or Alt key on Windows in order to make the pass smaller, and then I'll tap Enter or Return in order to apply that. In order to make sure it's right in the center, I'll switch to the move tool by tapping the v key and then I'll just use my arrow keys in order to move this over. If I wanted to add a slight glow around it in order to separate it from the background, we can use the effects icon, I'll choose Outer Glow. In this case, I want a darker glow.
So I'll click on the Color icon, change the color to black, but it disappears and that's because the blend mode is set to screen, so I need to change that to normal. We'll make this a little bit larger and maybe more opaque, maybe up to 100%. Click OK. We can toggle that on and off to see what that looks like without the outer glow and with the outer glow. I realized that I cannot, in fact, see all of my type so what I'll do is I will swap back to the Text tool by typing the t key.
I'll put my text insertion marker anywhere in the text, and use the keyboard shortcut Cmd+A or Ctrl+A to select all this text. And let's decrease the point size down to 6 point. There we go. I needed to see that your attention part. So now we'll click on the check mark in order to apply that. It's looking a wee bit small right now. So let's go ahead an use Cmd+T or Ctrl+T, just so that we can transform this, make it a little bit larger.
We're transforming the path right now, but when I tap Enter or Return, you can see that the text then redraws itself to follow that path. When I save this file as a psd file, or as a tiff file, I can always re-edit the type at any time. Excellent. That wraps up this introduction to type on a path in Photoshop.
Get unlimited access to all courses for just $25/month.Become a member
180 Video lessons · 60742 Viewers
64 Video lessons · 88613 Viewers
148 Video lessons · 95211 Viewers
86 Video lessons · 57519 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.
Your file was successfully uploaded.