example

Summary:

Twist and Twirl Text in Illustrator

    ●  These are skills and tools you will use!


Learn About:

Creating Outlines of Text in Illustrator Warp Tools in Illustrator Color Guides Swatches

  •   This tutorial is part of the CD Design project.

Other People's Work:

Here are examples of work inspired by this tutorial.

twist-twirl-text-example6.jpg twist-twirl-text-example7.jpg twist-twirl-text-example

Step #1: Find a Font that Matches your Project ~

Go to http://www.dafont.com/ and search for a font that fits your project theme -

  •   For instance, if you want a text or font that looks Old, search for that at dafont.com.

OR

  •   If you want something that looks like Money, search for that. Get it?


Step #2: Download the Font ~

When you find a font that matches your project, Right-Click and save the file to your desktop, or somewhere you can find it …


Step #3: Open Font Book ~

Go to where you downloaded the font, open it, and double-click on the .tff file(s) …

ttf file

… when Font Book opens, click Install Font.

font book install


Step #4: Open Your Project in Illustrator ~

Open YOUR PROJECT in Illustrator

cd-cover-example5.jpg

 

 

 

… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …

 

… get the Type Tool or hit the keyboard shortcut letter (t) …

text tool

… drag a box and type SOMETHING YOU CAN USE IN YOUR PROJCT!


Step#5: Select your Font ~

Select your text and then click on the Font Family in the menu bar to find your new font.


Step #6: Create Outlines ~

Get the Selection Tool or hit the keyboard shortcut letter (v) …

selection tool

Right-Click on the text and hit Create Outlines.


Step #7: Selection Tool ~

Get the Direct Selection Tool or hit the keyboard shortcut letter (a) …

… select one of the letters with the Direct Selection Tool

… then get the Selection Tool or hit the keyboard shortcut letter (v) …

selection tool

… and adjust the individual letters to rearrange them.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #8: Color Guides ~

Go to: Window > Color Guide or click on the icon …

color guide icon

… and choose a color harmony that suits your project.

Once you pick a color group, save it to your Swatches panel.

Now you can find the colors you picked in the Swatches panel.


Step #9: Color Your Letters ~

Each letter can now be changed using your color Swatches.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #10: Zoom in ~

Get the Zoom Tool

zoom tool

You can draw a square around the area to zoom in …

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #11: Grab a Corner ~

Again with the Direct Selection Tool, click on the edge of a letter, and drag one of the points to change the shape of the letter.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Step #12: Or, use the Warp Tool ~

Get the Warp Tool or hit the keyboard shortcut letters (Shift⇧+r)

… now Double-Click on the Warp Tool to bring out the tool options.

 

 

 

 

You'll probably want to lower the height and width of the brush …

 

… and use the Warp Tool to push shapes around.


Step #13: Twirl Tool ~

Pull down the Warp Tool to reveal the other tools behind …

twirl tool

Double-Click the Twirl tool on the toolbar to bring up options. For the twirl to move clockwise, set the Twirl Rate to a negative number. Set the size here if necessary.


Position the Twirl Tool cursor over the shape to twirl, making sure it’s selected with the selection tool, where you can see the path points.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player


Try the other warp tools and anything else you want! Be Creative!


Step #14: Drop Shadow ~

Select the text and go to: Effect > Stylize > Drop Shadow - and Outer Glow, plus any other Effects you want!

star effects


Last Step: Save and Attach ~

Save your work as - FIRST_NAME_LAST_NAME_PROJECT_NAME.ai]

Attach it!

  •   ALWAYS save your projects using the following naming convention:
FIRST_NAME_LAST_NAME_PROJECT_NAME

  •   DO NOT name your project any other way - Improperly named projects will not receive credit and you will be sad.

  •   NEVER leave your work on the desktop or depend on a flash drive - instead, save your work in a folder you can find later - preferably on a virtual drive where it can be backed up.


Other Resources: http://www.creativepro.com/article/tug-and-twirl-text-illustrator and http://www.youtube.com/watch?v=8CHo6_lu0qo