fbpx

How To Type On A Path In Photoshop

Last Updated:

Typing text on a path in Photoshop enables you to create unique effects with your text. For example, you could curve text around a shape or subject in an image to emphasize the text. Text can be added to a path that takes on any shape, giving you unlimited creative options with this effect.

To type on a path in Photoshop, first, create a path using the Pen Tool or one of the Shape Tools in the “Path” mode. With your path created, select the Type Tool (T) and click on the line of your path. Now begin to type, and your text will follow the shape of the path!

While creating paths with the Pen Tool, the advantage is for creating wavy lines or basic shapes. However, for specific shapes, it’s often easier to use the Shape Tool to create your path instead. After typing text on a path, you can adjust its position to place it exactly where you want. 

Now, throughout this post, you’ll learn a few different ways to create and edit your paths, along with everything you need to know when working with text on a path in Photoshop. Let’s get started!

Video Tutorial

How To Type Text On A Path

Adding text to a path helps you seamlessly blend your text into a design. Here is how to type text on a path, move the text, and invert the text.

Step 1: Create A Path

To put text on a path, you need to draw a path first. There are various ways to draw a path, and you can explore the different ways in the last section of the article.

One easy way, which I will use to demonstrate, is by using the Pen Tool (P). Select the tool from the Toolbar.

Next, set the Pen Mode to Path using the drop-down menu in the Options Bar.

Then, click to add anchor points in the shape you want the path to be. You can click and drag an anchor point to create a curve in the path. Here, I created a path around the basketball in the image below.

Step 2: Activate the Type Tool (T)

Once the path is created, select the Type Tool from the toolbar (T).

Step 3: Click On The Path

Then, hover your mouse cursor over the path until your cursor looks like an I with a curved line crossing it, and click anywhere on the path. 

Step 4: Type The Text Onto The Path

Now, you can start typing on the path. The letters will automatically follow the path as you type.

How To Move Text Along A Path In Photoshop

If you zoom in on the text added to the path by pressing Control + + (Win) or Command + + (Mac), you will notice there is an x icon next to the text. That indicates the starting point of the text. 

At the end of the path, you can see a circle icon, which represents the endpoint of the text.

You can easily change where the text starts and where it ends. To change the text start point of your text, click the Path Selection Tool (A) in the Toolbar.

Next, hover over the start point of the text until your cursor turns into an I with an arrow pointing to the right. 

Then, drag the text towards the spot where you want the new start point to be. 

To change the text endpoint, hover over its endpoint until your cursor turns into an I with an arrow pointing to the left.

Then, you can drag the text to the new endpoint position.

Keep in mind that after changing the text endpoint, Photoshop might hide some of your text. To change the text endpoint while preserving your entire original text, you will need to reduce your text font size. 

How To Invert Text On A Path In Photoshop

After putting your text on a path, you may want the text on the other side of the line. To do this, type text on a path and position it where you want, as you learned in the previous sections.

Then, double-click the text to select it.

After that, go to Window > Character.

From the Character Panel, adjust the Baseline Shift value until your text is positioned on the side of the path you want.

In my case, I needed to set the baseline shift to a negative value (-38) so that my text looked like it was printed on the basketball. But if I wanted the text to be positioned outside the ball, I would have to increase the baseline shift.

You can also flip the text so it’s written upside down on the path, but I explain how to do that in my other tutorial on how to type text in a circle in Photoshop.

Ways To Create A Path In Photoshop

A path in Photoshop is a line segment containing an anchor point at each of its edges. It can also consist of multiple line segments joined by multiple anchor points.

Simple path with a single segment.
More complex path with multiple segments

A path can be straight or curved and open or closed.

Curved open path
Closed curved path

You can use paths to create custom shapes, brush strokes, and more. Isolated paths have no particular function. They don’t even appear on the Layers Panel but in a dedicated paths panel instead, which appears once you draw a path.

When you save a document where you created an isolated path, you need to convert the path into something else if you want to use it, such as a selection or a brushstroke. You can create a path with the pen tool or turn a shape into a path before adding text to the path to create uniquely shaped text elements.

Creating A Path Using The Pen Tool

With the Pen Tool, you can connect an anchor point to another anchor point to create a straight or curved path. This gives you endless possibilities to create customized paths. To create a path with the Pen Tool, select the tool in the toolbar (P).

Then, go to the Options Bar and change the tool Mode to Path.

Next, click anywhere on the canvas to create the first anchor point.

Now, you have two options: draw a straight or curved path. To draw a straight path, hold Shift and click anywhere on the canvas to create the second anchor point. 

To create a curved path, click on the canvas to create the first anchor point. Then, click on another part of the canvas and drag the mouse down.

To reduce the curvature angle, hold Alt (Win) or Option (Mac), click the control arm connected to the new anchor point, and drag the handle downward.

If you want to increase the curvature angle, drag the handle connected to the curve upward.

To continue making the path, click anywhere on the canvas. This will create a third anchor point.

The control handle connected to the curve controls the curve orientation. In my case, the handle connected to the new segment is pointing down. Then, when I clicked another part of the canvas, a convex curve was created.

To change the curve orientation, hold Alt (Win) or Option (Mac) and move the handle connected to the curve in the opposite direction.

Creating a straight path with the pen tool is pretty straightforward. On the other hand, creating a curved path requires a little more practice but is still quite simple.

Creating A Path Using The Shape Tool

Drawing a path with the Shape Tool is easier than using the Pen Tool, although you are limited to the available shapes.

To do this, select any of the shape tool options from the toolbar (U). You can choose the first shape available or hold the mouse down to cycle through the other shapes and pick the one you want

Next, go to the Options Bar and change the tool Mode to Path.

After that, click and drag on the canvas to create the path.

You can use either the basic shapes displayed in the toolbar or the shapes available in the Shapes panel. To open the Shapes Panel, go to Window > Shapes.

Once you choose a shape, click and drag on the canvas to create your path. Make sure the mode is set to Path before creating the shape.

Happy Editing!



Photo of author
I'm a Canadian photographer and photo retoucher turned founder of bwillcreative.com. Around here I help you to decode the mystery of photo editing with no-fluff videos and written guides to help you achieve your creative goals. Outside of shooting photos and my passion for educating, you'll find me mountain biking or on the trails with my dog, Sunny!

Continue Reading:

How To Use The Marquee Tool In Photoshop

Learn how to use the Marquee Tool in Photoshop to crop layers, create basic selections, add selective adjustments, and more with ease.

How To Crop A Layer In Photoshop (3 Simple Methods)

If you're struggling to figure out how to crop a layer in Photoshop, you're not alone. Fortunately, there are a few easy (not so obvious) methods to help you crop a single layer in Photoshop.

How To Fill A Selection In Photoshop (5 Best Ways)

Learn how to fill anything in Photoshop from selections, shapes, and text with solid color, gradients, and even images!

What Are Embedded Previews In Lightroom + How To Use Them

Use this guide to help you understand the use of embedded previews in Lightroom along with tips to help you use them in your workflow.

Adobe Lightroom System Requirements For Mac & PC

Here's a breakdown of the system requirements for Adobe Lightroom Classic and Lightroom CC to make sure it will run smoothly on your computer.

How To Add A Watermark In Lightroom Classic & CC

Learn how to add a text or graphic watermark to a photo in Lightroom Classic and Lightroom CC to protect your photos from theft.

How To Outline An Image In Canva

Learn how to outline anything in Canva from outlining images, shapes, text, designs, and more with a few easy steps.

How To Add A Border In Canva (To Images, Shapes & Text!)

Learn how to easily add a border to your designs, images, shapes, and text in Canva using these step by step techniques.

How To Make A Background Transparent In Canva

Learn how to create and export images with transparent backgrounds in Canva to open up more design options and creative styles.

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments