Twist and Twirl Text in Illustrator
● These are skills and tools you will use!
✓ 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.
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 -
• 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) …
✓ … when Font Book opens, click Install Font.
Step #4: Open Your Project in Illustrator ~
✓ Open YOUR PROJECT in Illustrator …
… (Remember: all these tutorials are intended to be
applied to YOUR PROJECT) …
✓ … get the Type Tool or hit the keyboard shortcut letter (t) …
✓ … 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) …
✓ … 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) …
✓ … and adjust the individual letters to rearrange them.
Step #8: Color Guides ~
✓ Go to: Window > Color Guide or click on the 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.
Step #10: Zoom in ~
✓ Get the Zoom Tool
✓ You can draw a square around the area to zoom in …
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.
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 …
✓ …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.
✓ 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!
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:
• 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.