Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

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 ---
Amazing Font Pack!

Featured Tutorialsmore

Whispy Smoke
Whispy Smoke
- Adobe Photoshop -
Clipping Masks
Clipping Masks
- Adobe Photoshop -
SubSurf Modelling ...
SubSurf Modelling ...
- Blender 3D -
Creating An Apple ...
Creating An Apple ...
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 867 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1037 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1042 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1919 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1816 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14417 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2712 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2752 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3427 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2344 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2482 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2792 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673