Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Text Pathing - Text on a Path

Text Pathing - Text on a Path


In this tutorial you will learn how to have text follow a path in Adobe Photoshop!  This technique will allow you to create text that follows a path you specify rather than a straight line.

This tutorial is only for Photoshop CS+. Any version prior to this does not have the easy capabilities for doing this. So make sure you have the right version before starting.

In this tutorial you will learn the basics for Text Pathing. It's a concept used allover and it's very easy to do.

Alright, now that that's said, let's begin.

Step 1. Start out by opening up Photoshop and making a new image. Any settings will work but I used these.

New Document

Blank

Step 2. Find or make yourself a picture or image of anything to begin this tutorial. I used the greycobra logo for this tutorial.

Image to Place Path In

Step 3. Select the "Pen" tool  Pen Tool and begin clicking the image to make points for the path we are making. Make Sure that the Pen Path option is selected!

Select Pen Path

Example Path

Don't worry if you mess up, it is possible to delete points.

Point

To delete a point, just right click the point you do not want, and select "Delete Anchor Point".

And if you accidentally delete a point that you needed, you can always add another one by clicking the end of the path's circle point  and clicking somewhere else to make the extra point.

Step 4. Select the "Text" tool  Text Tool and highlight the cursor over the path like so:

Place Text Tool Over Path

See the sideways line under the cursor icon? That indicates that the text will be warped along a path. In this case, warped is a good thing. So now, with the "Text" tool still selected, click the path (doesn't matter where).

Click The Path With Text Tool

The text-writing line will appear and start to flash. Now begin typing! Your text will follow along the path until it reaches the end. Like so:

Start Writing

Fixing Size Errors

Oops! The path is too small and I don't want to shrink my font size! Luckily Photoshop has put their self in my shoes and made a magic "Direct Selection" Tool.
To select it, right click the "Path Selection" Tool, and then from the menu, select the "Direct Selection" Tool.

Direct Selection Tool

Now all you have to do is click the path so that the points will appear, then just drag and drop the points to somewhere else as needed.

Text On Path

Now doesn't that look better?

Some More Creations

I've added a few of my own little effects, and this is the final result:

Text Pathing - Text on a Path Tutorial: Final Result

image 15

And that's it! The end. Hopefully you'll now be able to make text on paths. This style of writing text can be used for many things like even outlining images with text.
Enjoy Text Pathing!



Author's URL: GreyCobra.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Text Pathing - Text on a Path"

Only registered users can write comment

Reader's comments