Welcome, Guest

Please login or register

TUTORIALS SUBMENU ---->

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING

Related Links

Type Along A Path


IMPORTANT:  Please note that this tutorial is designed for features present in Photoshop CS
and later.  It is doubtful any of the techniques mentioned here will work with earlier versions!

Although Photoshop has had typographical warping features since version 6.0, it wasn't until Photoshop CS that Adobe finally added several greatly anticipated abilities to allow flowing of text along user-definable paths.  This may sound relatively minor, but the creative capabilities it opens up are well worth it, and reduce the need to rely on Adobe Illustrator even further.  Read on to learn how you can use paths to make text follow paths, shapes, and even complex curves with relative ease!


Step 1: Open up a stock image or illustration in Photoshop of any size and/or format.  The best results for this tutorial usually involve large images and/or objects around which text can flow relatively easily.  It is, of course, always possible to get your text to flow around very complex shapes... but this is fraught with problems that will become apparent very soon, and probably not for the faint hearted!

Step 2: Using the Pen Tool, click and drag several times to create a smooth path with as few anchor points as possible.  You should also take as much time as possible to make sure that the control points of each anchor (i.e. the little 'arms' that are present on each anchor) are as small as possible. This may seem overly pedantic, but the text tool will follow the path exactly, and any sudden changes in the path may present themselves in unpleasant ways later!

NB.   For the sake of text flow, you do NOT need to close/terminate your paths.  Furthermore, you can use the shapes tool with paths output to create valid paths if that is your preference!

Step 3: When you have finished working on your path, select the Type Tool and hold it over your path object at the point where you would like to start your text.  A new icon should appear to indicate that you're able to add type along the path - .  Just click and type away!   Text on the path can be fully adjusted with the Character Palette (Window > Character).  The 'Baseline Shift' parameter is particularly useful and can be used to adjust the type position above/below the path.

Note: The original path is retained separately in the paths palette from the path used to flow the text.  If you need to alter the text path at a later time, just use the Path Selection Tool to manipulate the anchor points of the appropriate path, and the text will automatically adjust - no need to operate multiple path copies!

Step 4: When you have finished editing your type, press CTRL+ENTER (Mac: OPT+RETURN) on your keyboard to accept the type editing, and again to hide the underlying path.   And that's all there is to it!   It should be remembered, of course, that pathed text is rarely complete in itself and often needs further personalisation before it looks professional. Layer effects are particularly good additions, as the example to the left shows.  Have fun!

- Tutorial written by Man1c M0g

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  Tamlin (#56192)
Date: Sat Mar 07, 2009. 18:27:02

Post #6 of 6

Quote from mickeblue;56191:
This might work with later versions, but not with PS7 ( call me a dinosaur :) ).

It does say, right at the beginning of the tutorial:
Quote: IMPORTANT: Please note that this tutorial is designed for features present in Photoshop CS and later. It is doubtful any of the techniques mentioned here will work with earlier versions!

Reply to this post


User:  mickeblue (#56191)
Date: Sat Mar 07, 2009. 12:14:21

Post #5 of 6

This might work with later versions, but not with PS7 ( call me a dinosaur :) ). It's the same method as that used in Paint Shop Pro though.

Reply to this post


User:  aglaiawar (#37002)
Date: Thu Jan 25, 2007. 02:12:52

Post #4 of 6

I've tried this before and it never worked. Thanks for the tutorial!!:D

Reply to this post


User:  JMA (#34382)
Date: Wed Nov 15, 2006. 08:45:56

Post #3 of 6

I always wanted to know how to do that! thanks.....I'm learning as I go along:)

Reply to this post


User:  Shynet (#33304)
Date: Thu Oct 26, 2006. 19:44:32

Post #2 of 6

Thank you like above it's helpped me a lot.

Shy :think1:

Reply to this post


--- View Entire Thread ---
Featured Content

Warps & Vortexes
Warps & Vortexes
- Adobe Photoshop -
Planetary Masses
Planetary Masses
- Adobe Photoshop -
Simple Shape Tween...
Simple Shape Tween...
- Macromedia Flash -
Realistic Gears
Realistic Gears
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Special Options
Printer Friendly Version
Forum Threads

Competition Discussion - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:48pm
Activity: 0 replies, 54 views
 Competition - Brushes
Author: Man1c M0g
Posted: Feb 07th, 5:46pm
Activity: 0 replies, 56 views
 PM Spamming
Author: Tamlin
Posted: Feb 06th, 1:24pm
Activity: 7 replies, 119 views
Vector Clipart Bank
Author: Crapoun
Posted: Feb 06th, 11:29am
Activity: 2 replies, 94 views
How did ...
Author: MoodsR4Cattle
Posted: Feb 05th, 6:09pm
Activity: 6 replies, 28 views
Tips and trick for Texturing/Materials
Author: noorjan
Posted: Feb 05th, 4:59am
Activity: 2 replies, 112 views
 A Billion Styles - Please Help Me!!
Author: Angelz
Posted: Feb 03rd, 6:36pm
Activity: 2 replies, 137 views
101 Things you didnt know in 3DS Max ...in fact...
Author: noorjan
Posted: Jan 31st, 6:04pm
Activity: 0 replies, 163 views
Pee Wee get's an IPad
Author: MoodsR4Cattle
Posted: Jan 30th, 4:25pm
Activity: 2 replies, 164 views
Spam :: Online hotel reservations for Hotels in...
Author: kieulinh
Posted: Jan 28th, 6:39am
Activity: 0 replies, 205 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 3 replies, 17 views
New Design
Author: unleash
Posted: Jan 23rd, 12:39am
Activity: 27 replies, 727 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    415