Put Text On A Path Or In A Shape In Adobe Photoshop CC

Let Your Text Follow a Path or Fill a Shape in Photoshop CC

Image shows text sitting on a circle over the image.
Text on a path is an often-overlooked technique.

Putting text on path is a very common technique in Illustrator but one that is commonly overlooked when it comes to working with Photoshop. Yet, this technique has been around since Photoshop CS when Adobe added a feature to put type on a path or into a shape within Photoshop.

Besides being a handy technique to add to your skill set,  putting text on path around an object is a great way of drawing the viewer's attention to the object surrounded by text.

The best part of this technique is you aren't limited to shapes. You can create the paths for the text using just the Pen tool.

Here's how to put text on a path:

  1. Select the Pen tool or one of the Shape Tools - Rectangle, Ellipse, Polygon or Custom Shapes in the Tools. In the above image I started with the Ellipse Tool and, holding down the Option/Alt-Shift keys I dragged out a perfect circle over the rocks.
  2. In the Properties Panel I set the Fill color to None and the Stroke Color to Black.
  3. Select the Text Tool and place it on the shape or path. The Text cursor will change slightly. Click on the path and the text cursor will appear on the path.
  4. Select a font, a size, color and set the text to Align Left. In the case of this image, The above image uses a font named Big John. The size was 48 points and the colour was white.
  5. Input your text.
  6. To re-position the text on the path, select the Paths selection tool - the Black Arrow under the Text Tool - and move the tool over the text. The cursor will change to an i-beam with an arrow pointing left or right. Click and drag the text along the path to get it into position.
  1. As you drag you may notice the text is cut off. This is because you are moving the text outside of the visible area. To fix this, look for a small circle on the path, When you locate it, drag the circle farther along the path.
  2. If the text flips inside the circle and looks upside down, drag the cursor above the path.
  1. If you want to move the text above the Path, open the Character panel and enter a Baseline Shift value. In the case of this image, a value of 20 points was used.
  2. When everything is where it is supposed to be , switch to the Path Selection tool, click on the path and, in the properties panel, set the Stroke colour to None.

it doesn't stop there. Here are a couple of other things you can do:

  • you can create a path using the Pen Tool.
  • You can use the path selection tool or the move tool to move the whole path with type attached.
  • Use the direct selection tool to change the shape of the path.
  • If you have created a closed shape such as a circle or a square,, you can also have your type wrap inside the shape to conform to its shape. The process is essentially the same as creating type on a path but instead of clicking the cursor on the outside of the path, you will move the cursor inside the path and click when it changes to an I-beam with a dotted circle around it.
  • All of the type tools work with type on a path or type in a shape. You text is fully editable and though it may appear jagged on-screen, it will print just fine. To edit your text, double click the T icon for the type layer in the layers palette and use any of the editing functions in the option bar, character palette or paragraph palette. You can even warp text on a path or in a shape, but both the type and the path will be warped.
  • If you need to change the text, simply select the Text Layer, switch to the Type Tool, select the text and enter the change.

Updated by Tom Green