Tug and Twirl Text in Illustrator
There are thousands of wonderful typefaces, but sometimes nothing is just right. You don’t have to settle for someone else’s vision -- instead, modify letters in Adobe Illustrator to create exactly what you want.
When you outline text, Illustrator converts each letter to an object with paths and points, which you can select and adjust. You can also change colors and combine letters with other shapes.
There’s just one caveat: after you convert letters to outlines, you can’t edit it in a word processor. So this technique is better for short bits of text, such as a headline or a logo.
Open Adobe Illustrator and select the Text tool. Click somewhere on the artboard. Type the text you want to modify. Note: Clicking and dragging lets you set the text box area, but clicking and not dragging lets you use click and drag after typing to make your letters larger.
Change the font type to one that fits the message. I selected Palatino and resized it.
Using the Selection tool (the black arrow), click on your text and control-click (PC: Rright-click) on the text and mouse down to Create Outlines.
The text now consists of points and paths.
Click outside the letters, then select the Direct Selection tool (the white arrow).
Click and drag individual letters to rearrange them. To avoid selecting a path point instead, be sure to click on the fill area, not the edge.
When you use the Selection tool, you affect the entire text. To select a few letters, click and drag a selection around the area with the Direct Selection tool.
To resize a group of letters, select them with the Direct Selection tool, then click and drag with the Selection tool.
With the Direct Selection tool, click on the letters and go to Window > Swatches and click a color to change the letter to.
Use the Color Guide (Window > Color Guide) to get colors that are harmonious for the other letters. I used Right Complement.
Now you’ve taken your run-of-the-mill type in a new direction. But let’s go even further.
Zoom into the design by pressing Command and the plus key (PC: Control and the plus key).
Use the Direct Selection tool and click on the edge of a letter. Click-and-drag one of the points and drag it to change the shape of the letter. I moved two of the points on the lower left side of the “L” in Love.
Using the Pen tool, click and then click and drag in another area to draw a curved shape.
At the tip of the curve, hover over the point and click to reset the angle. Then click and click and drag to complete the shape.
Click and hold the Warp tool on the toolbar to bring out the Twirl tool option.
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; I used -40. Set the size to the settings here if you’re following along with a similar text example. Click OK.
Position the Twirl tool cursor over the shape to twirl, and make sure it’s selected with the selection tool, where you can see the path points.
Click for a second or two and the shape will twirl to get something like this.
Let’s create three more decorative designs on various letters. You can repeat steps 14 to 19, or just Option-click (PC: Alt-click) the shape you just twirled to duplicate it. Then rotate it by clicking-and-dragging near the corner or using the Rotate tool.
As you see, this example below doesn’t match up perfectly with the bottom of the “s” in “verses.”
To fix this, click and hold the Pen tool on the toolbar and then click the Delete Anchor Point tool.
Click on path points on the top of the s lower curve to remove them. The points will connect on either side of the path.
Duplicate the shapes and add them to the “e” and the “V” to create a more balanced design.
Chad Neuman is an internationally published freelance magazine writer, graphic designer, photographer, and educator from Florida. Subscribers to his mailing list receive very occasional updates and free vector art/graphics. Subscribe through his Web site at www.chadneuman.com.