Chapter 9
IN THIS CHAPTER
Discovering transformation methods
Putting the Transform tools to work
Becoming familiar with the Liquify tools
Distorting, warping, and otherwise reshaping objects
You can apply transformations to objects in Illustrator that include scaling, rotating, skewing, and distorting. In this chapter, you discover how to use the general transform tools as well as some of the interesting liquify and envelope distort features available in Illustrator.
Using just the Selection tool, you can scale and rotate a selected object. Drag the bounding box handles to resize the object, shown in Figure 9-1, or move outside a handle and then, when the cursor changes to a flippy arrow (a curved arrow with arrowheads on both ends), drag to rotate the object.
When you use the bounding box to rotate a selection, the bounding box rotates with the object, but its handles show the object’s original orientation, as shown in Figure 9-2. The orientation can help you keep track of the original placement but can also interfere when you’re building additional artwork. To reset the bounding box so that it’s straight at the new orientation, choose Object ⇒ Transform ⇒ Reset Bounding Box.
The Rotate, Reflect, Scale, and Shear tools all use the same basic steps to perform transformations. Read on for those basic steps and then follow some individual examples of the most often used Transform tools. The following sections show five ways to transform an object: one for an arbitrary transformation and four others for exact transformations based on a numeric amount you enter.
Because this transformation method is arbitrary, you’re eyeballing the transformation of an object — in other words, you don’t have an exact percentage or angle in mind, and you want to freely transform the object until it looks right. Just follow these steps:
Click the artboard once.
Be careful where you click because the click determines the point of reference, or axis point, for the transformation. In Figure 9-3, the click put the axis point above the right ear. The image is rotated on the axis created at that point.
Drag in one smooth movement.
Just drag until you create the transformation you want.
In the methods in this section, you discover how to perform transformations using specific numeric information:
Exact transformation method 1 — using the tool’s dialog box:
Double-click the Transform tool that you selected in the Tools panel.
A dialog box specific to your chosen tool appears, as shown in Figure 9-4. In this example, the Rotate tool was selected to open the Rotate dialog box.
Type an angle, a scaled amount, or a percentage in the appropriate text field.
In Figure 9-4, 45 degrees is entered.
Exact transformation method 2 — using the reference point:
In the Transform tool dialog box that appears, enter values and click OK or click the Copy button to apply the transformation.
This method is the best one to use if you need to rotate an object an exact amount on a defined axis.
Exact transformation method 3 — using the Transform menu:
Select an object and then choose a transform option from the Object ⇒ Transform menu.
The appropriate transform dialog box appears.
Exact transformation method 4 — using the Transform panel:
Though using the Transform panel is probably the easiest way to change values, it doesn’t offer you the capability to specify an exact reference point or other options that apply to the individual Transform tools. Keep in mind that by using the square grid on the left side of the transform panel you can select a point of reference for your object. By using this grid, you can measure from the corners or center point of an object.
In the following sections, you discover how to use some of the most popular Transform tools to create transformations.
Nothing in life is perfectly symmetrical, right? Maybe not, but objects not created symmetrically in Illustrator can look off-kilter. Using the Reflect tool, you can reflect an object to create an exact mirrored shape of it; just follow these steps:
Open a new document in Illustrator and type some text or create an object.
If you want to reflect text, make sure that you use at least 60-point type so that you can easily see it.
Select the Reflect tool (hidden under the Rotate tool) and click the object; if you’re using text, click in the middle of the text baseline.
This step sets the reference point for the reflection.
Alt+Shift+drag (Windows) or Option+Shift+drag (Mac) and release when the object or text is reflecting itself, as shown in Figure 9-6.
This step not only clones the reflected object or text, but also snaps it to 45-degree angles.
Using the Scale tool, you can scale an object proportionally or non-uniformly. Most people like to be scaled non-uniformly — maybe a little taller, a little thinner — but on with the topic. Follow these steps to see the Scale tool in action:
Create a shape and give it no fill and a 5-point black stroke.
For this example, we created a circle. See Chapter 3 of this minibook if you need a reminder on how to do it.
Select the shape and double-click the Scale tool.
The Scale dialog box appears.
Type a number in the Scale text field (in the Uniform section) and click the Copy button.
We entered 125 in the Scale text field to increase the size of the object by 125 percent.
Press Ctrl+D (Windows) or ⌘ +D (Mac) to repeat the transformation as many times as you want.
Every time you press Ctrl+D (Windows) or ⌘ +D (Mac), the shape is copied and sized by the percentage you entered in the Scale text field. This trick, especially handy with circles, creates an instant bull’s-eye!
To experiment with the Scale tool, create different shapes in Step 1 and enter different values in Step 3. Remember that if you type 50% in the Scale text field, the object is made smaller; surpass 100 percent — say, to 150 percent — to make the object larger. Leaving the Scale text field at 100 percent has no effect on the object.
The Shear tool lets you shear an object by selecting an axis and dragging to set a shear angle, as shown in Figure 9-7.
The axis is always the center of the object unless you use method 1 or 2 from the earlier section “Exact transformation methods.” Use the Shear tool in combination with the Rotate tool to give an object perspective.
The Reshape tool lets you select anchor points and sections of paths and adjust them in one direction. You determine that direction by dragging an anchor point with the Reshape tool selected.
The Reshape tool works differently from the other Transform tools. To use it, follow these steps:
Select the Reshape tool (hidden under the Scale tool) and position the cursor over the anchor point you want to modify; click the anchor point.
If you click a path segment, a highlighted anchor point with a square around it is added to the path.
Shift-click more anchor points or path segments to act as selection points.
You can highlight an unlimited number of anchor points or path segments.
You use the Free Transform tool in much the same way as you use the bounding box. (See the earlier section “Working with Transformations.”) This tool is necessary only if you choose View ⇒ Hide Bounding Box but want free transform capabilities.
You can bend objects — make them wavy, gooey, or spiky — by creating simple to complex distortions with the Liquify tools and the Envelope Distort features.
The Liquify tools can accomplish all sorts of creative or wacky (depending on how you look at it) distortions to your objects.
You can choose from eight Liquify tools. You should experiment with these tools to understand their full capabilities. Here are some tips:
Using the Width tool, cross over a selected path. When a hollow square appears, click and drag outward (or inward), and the stroke width at that location is adjusted. See Figure 9-8.
If you want a little more accuracy, you can double-click the stroke by using the Width tool and create, modify, or delete the width point by using the Width Point Edit dialog box, shown in Figure 9-9.
TABLE 9-1 Width Tool Keyboard Shortcuts
Width Tool Function |
Windows |
Mac OS |
Create non-uniform widths |
Alt-drag |
Opt-drag |
Create a copy of the width point |
Alt-drag the width point |
Opt-drag the width point |
Copy and move all the points along the path |
Alt+Shift+drag |
Opt+Shift+drag |
Change the position of multiple width points |
Shift-drag |
Shift-drag |
Select multiple width points |
Shift-click |
Shift-click |
Delete selected width points |
Delete |
Delete |
Deselect a width point |
Esc |
Esc |
TABLE 9-2 The Liquify Tools
Icon |
Tool Name |
What It Does to an Object |
|
Width |
Increases the stroke width or height when you click and drag a path. |
|
Warp |
Molds it with the movement of the cursor. (Pretend that you’re pushing through dough with this tool.) |
|
Twirl |
Creates swirling distortions within it. |
|
Pucker |
Deflates it. |
|
Bloat |
Inflates it. |
|
Scallop |
Adds curved details to its outline. (Think of a seashell with scalloped edges.) |
|
Crystallize |
Adds many spiked details to the outline of an object, such as crystals on a rock. |
|
Wrinkle |
Adds wrinklelike details to the outline of an object. |
Use the Envelope Distort command to arch text and apply other creative distortions to an Illustrator object. To use the Envelope Distort command, you can use a preset warp (the easiest method), a grid, or a top object to determine the amount and type of distortion. In this section, we discuss all three methods.
Experimenting with warp presets is a little more interesting if you have a word or an object selected before trying out the warp options. To warp an object or some text to a preset style, follow these steps:
Select the text or object that you want to distort and then choose Object ⇒ Envelope Distort ⇒ Make with Warp.
The Warp Options dialog box appears.
You can assign a grid to an object so that you can drag different points and create your own, custom distortion, as shown in Figure 9-10.
Follow these steps to apply a mesh grid:
Using the Selection tool, select the text or object that you want to distort and then choose Object ⇒ Envelope Distort ⇒ Make with Mesh.
The Envelope Mesh dialog box appears.
You can also use the Mesh tool to edit and delete points when using a mesh grid on objects.
To form letters into the shape of an oval or to distort selected objects into another object, use this technique:
The underlying object is distorted to fit the shape of the top (envelope) object.
18.190.160.221