fbpx

How To Type On A Path In Photoshop


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!

Article By

Brendan Williams

Hey, I'm Brendan! I'm a professional photographer and photo retoucher who has spent the majority of his career shooting or retouching outdoor lifestyle and social media campaigns for brands like G-Adventures, xoxo Bella, P&G, Fitbit, Chevy, Tourism California, and more. You can view my photography portfolio here.

These days I primarily focus my efforts on this site, creating guides and tutorials that I wish I had earlier in my career. Each week I publish new tutorials on Photography, Photoshop, Lightroom, and Canva to help you unlock new skills and bring your creativity to new levels! Everything you learn here is backed by real experience, so you can finally skip the fluff and focus only on what matters.

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

Continue Reading:

How To Whiten Teeth In Photoshop (2 Easy Ways)

Discover two surprisingly easy ways to whiten teeth in Photoshop with the help of a few beginner-friendly sliders.

How To Use Gradient Maps In Photoshop

Learn the ins and outs of how to use gradient maps in Photoshop to color grade your photos and transform your images for the better.

How To Make A Silhouette In Photoshop (2 Best Ways)

Here are two easy ways to make a silhouette in Photoshop. The first method creates a silhouette graphic, while the second in more realistic.

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 Use Dehaze In Lightroom

Learn how to use dehaze in Lightroom along with five different ways you can use the dehaze tool to improve your images in Lightroom.

35+ Best Fonts For Logos In Canva

Here's a list of the best fonts for logos in Canva to help give you inspiration in your next logo design!

How To Create Curved Text In Canva

Learn how to quickly create curved text in Canva desktop and mobile with just a few clicks to spruce up any design!

35 Best Fonts For Teachers In Canva

Discover the best fonts for teachers in Canva to help with your next worksheet or presentation for your class!

The 9 Best SD Cards For Sony

Discover the best SD cards for Sony to find the most reliable and best valued memory cards for your photo and video needs.

The Best Canon Lens For Low Light (10 Top Picks)

Get a complete view of the best Canon lenses for low light photography and video along with tips to make the right buying decision.

Affinity Photo VS Photoshop – Which Should You Choose?

Let's take a deep look at the similarities and differences between Affinity Photo and Photoshop to see which program you should pick.