Developing Webs logo
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Remember to book mark this site!

Request a Tutorial

Creating Curved Type along a path

Photoshop CS and higher

1. Open a new document that is 

  • 600 pixels wide 
  • 600 pixels high
  • white background

2. Select your Pen tool. You will want to create a path that is the shape you want your text to go. Set the Pen Tool options to path. 

3. Draw the path of your choice. I drew a sine curve by clicking in point1 and dragging up towards 12:30, and clicking in point 2 and dragging up again towards 12:30. Control click your canvas to end the path. We now have the base of where we want to place the bottoms of our letters.


4. With your path visible, Select the type tool. Set the type tool to Times New Roman, 30 pt, left align and black. 

The type tool will have a dotted rectangle around the I beam when it is away from the path. 

When you move the cursor over the line the cursor becomes an ibeam with a bent line on it. This is the point you can type on a path. 

Click on the path when your cursor has the trailing or bent line going through it. Type in your message "This is text along a path".


5. Select your Direct Select Tool. (white arrow) to adjust the length and curve of the path. Notice the cross hair at the beginning of your text, just before the T. You can grab this with your direct select tool and move the text along the line until it positions exactly where you want it. You can even move it to the under side of the path. Remember, the path will not show in your final image.



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2019 All Rights Reserved
Privacy and Legal