fbpx

How To Type On A Path In Photoshop

Last Updated:

Knowing how to type 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.

In this post, you’ll learn several different ways to create and edit paths and everything you need to know about working with text on a path in Photoshop. Let’s get started!


Lesson Summary
Step 1: Activate The Pen Tool (P) And Add Anchor Points To Create A Path
Step 2: Activate the Type Tool (T) And Click Once On The Path
Step 3: Type The Text Onto The Path
Step 1: Activate The Pen Tool (P) And Add Anchor Points To Create A Path
Step 2: Activate the Type Tool (T) And Click Once On The Path
Step 3: Type The Text Onto The Path

Video Tutorial

How To Type Text On A Path In Photoshop

Step 1: Activate The Pen Tool (P) And Add Anchor Points To Create A Path

Select the Pen Tool (P) 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.

Note: There are various ways to draw a path, and the last section explores the different ways.

Step 2: Activate the Type Tool (T) And Click Once On The Path

Once the path is created, select the Type Tool from the toolbar (T). 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 3: 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 Customize Text On A Path In Photoshop

– 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.

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’s endpoint, hover over it 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. 

– 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

1. Creating A Path Using The Pen Tool

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. 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.

2. Creating A Path Using The Shape Tool

To do this, select any of the Shape Tools 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 wantNext, 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.

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 Create Adjustment Presets In Photoshop

Learn how to create adjustment presets in Photoshop in a few easy steps to speed up your work and create consistent edits across multiple images

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 Use Generative Remove In Lightroom – Complete Guide

Learn how to use the Generative Remove feature in Adobe Lightroom to seamlessly remove large objects from your photos with AI.

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 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