Latest tutorial: Premium Flash Files | Ask Tutorial5! | Subscribe to RSS Register Login Find Hobbies
Advertisement

Text On a Path

(8 votes)
Written by Daniel H   
Step one

 

Begin by creating a new document, say 400x400 . You can chose any background you want. For the purpose of this tutorial i will be using a white background with black text.

Now by using the text tool type the text you want to attach to the path.

Step two

Next draw out a path using either the pen tool, pencil tool, rectangle, or circular tool.

text-path-1.gif

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step three

Now select both the text and the path (hold down SHIFT and click both a shape and a text).

With the text and shape selected go to the main menu, TEXT and and chose ATTACH TO PATH.

text-path-2.gif

And now it should look like the picture below :

text-path-3.gif

 

 

 

 

 

Step four

In this next section you will be show they ways you can change the color, size, position and more of the text.
You can still edit your text once it's attached to the path, all you need to do is just double click the text and go into the text editor.

You can also adjust the position of the text on the path by changing the alignment of the text. Right, left, center, justify.

text-path-4.gif

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

In the next tutorial i will show you how you can use this tehnique in Flash, creating animated text, spinning around shapes.



Subscribe now via RSS feed and get all the new tutorials

written by Trina , July 08, 2007

ok,but how to save it cause i am using adobefireworkcs3 and everytime i save it it goes into png how to i change it to gif so i can upload it..will you tell me more info.please.thank you..
written by Administrator , August 07, 2007

You can save the image in any format you wish by using the EXPORT option CTRL SHIFT X regardless of your version of Fireworks.
written by soniya , October 30, 2007

This tutorial is very good
But i am using the flash 8
then i am not having the "Attach to path" button

What i have to do???
Please help me..
written by elie asswad , November 26, 2007

I'm using photoshop version 8 and it's not working do you any other solution? I will appreciate your help.
written by Thomas , January 09, 2008

I have CS3 and I can't find the "Attach to Path" selection under the Text menu?
Is there any plug-in I need to install?
Please let me know.
Thanks
written by Manoj , January 17, 2008

good for biggeners
written by Cecilia , January 30, 2008

when I attached path the text when upside down. Will greatly appreciate for yr adv.

Tks so much
written by unhitched , February 09, 2008

is it possible to do this in Flash cs3?

Do you need more help? Ask now!
 

busy
Last Updated ( Tuesday, 10 April 2007 )