- Shopping Bag ( 0 items )
|The Illustrator Work Area||14|
|Creating Basic Shapes||46|
|Drawing Straight Lines||90|
|Tracing Over a Placed Image||120|
|Creating Symmetrical Drawings||130|
|Working with Type||138|
|Working with Layers||162|
|Transparent Paint Effects||176|
|Creating Type Masks||202|
|Distributing Objects Around a Circle||208|
|Drawing in Perspective||220|
|Constructing Isometric Boxes||242|
|Creating and Editing a Gradient Fill||254|
|Printing Artwork and Producing Color Separations||288|
|Preparing Images for Web Publication||312|
[Figures are not included in this sample chapter]
Many objects in Adobe Illustrator can be created by starting with basic shapes
and then editing them to create new shapes. For example, you can use tools to create
polygons, stars, and spirals, and then combine these shapes to build more complex
objects. In this lesson, you will create some shapes and then modify them to create
portions of the television artwork.
In this lesson, you'll learn how to do the following:
To begin working, you'll create a new document. When you start Adobe Illustrator,
the program automatically opens a new document. You can also create a new document
at any time once Illustrator is running.
(To see a sample of the finished artwork, open the Shapes2.ai file in the Lesson03
folder, inside the Samples folder in the AICIB folder on your hard drive.)
The new document appears with the name "Untitled art" in its title bar,
and the toolbox appears on the left side of the screen. You'll begin creating artwork
using a tool in the toolbox.
2 In the toolbox, click the Default Fill and Stroke button to set the paint
attributes to their defaults. In Adobe Illustrator, you control the thickness and
color of lines that you draw by setting "stroke attributes. A stroke is the
paint characteristics of a line. A fill is the paint characteristics of an object.
The default settings will let you see the objects you draw in white with a black
3 Position the pointer on the ellipse tool in the toolbox, and drag to
the right to select the star tool.
NOTE The star, spiral, and polygon tools are optional tools that
come with the Adobe Illustrator program. If the star tool doesn't appear in the toolbox,
use the Custom option of the Adobe Illustrator Installer to select and install the
The star creates a star-shaped object with a given number of points and size.
You can create a star by dragging, or you can specify its dimensions. "
4 Drag in the artwork window to draw a star. By default, the star tool
draws a 5-pointed star.
5 Press Delete to delete your drawing.
You'll draw the star again and use some keystrokes to control its shape.
6 Drag in the artwork window again to draw another star, but do not release
the mouse button.
As you drag, choose any of the following options to control the star's shape:
8 Drag to draw a polygon, pressing Shift to constrain its sides.
By default, the polygon tool draws an octagon. As with the star tool, you can
use similar keystrokes with the polygon tool to control the shape of the polygon.
Next, you'll display a center point for use when aligning objects.
9 Choose Window > Show Attributes to display the Attributes palette.
Select the Show Center Point button to display the polygon's center point. All objects
created with one of the shape tools have a center point. The center point is visible
as long as the object is selected. You can use this point to drag the object or to
align the object with other elements in your artwork. You can make the center point
visible or invisible, but you cannot delete it.
10 Position the pointer on the polygon tool in the toolbox, and drag to
the right to select the centered-ellipse tool (Q).
11 Position the pointer over the center point of the polygon.
12 Hold down Shift; then drag outward from the center point of the polygon
to draw a circle. As you begin dragging, the pointer becomes hollow, indicating that
the pointer is aligned with the center of the polygon. Holding down Shift as you
drag with an ellipse tool constrains the shape of the object to a circle. Holding
down Shift as you drag with a rectangle tool constrains the shape of the object to
Now you'll combine the basic shapes that you just created, using a Pathfinder
command. The circle should still be selected.
2 Hold down Shift, and then click the polygon to add it to the selection
of the circle. Shift-clicking an unselected object with a selection tool adds the
object to a selection. Next, you'll paint the shapes.
3 Click the Fill box in the toolbox.
4 Choose Window > Show Swatches if the Swatches palette is not visible.
You use the Swatches palette to select and store colors.
5 Click a blue swatch in the Swatches palette to fill both objects with
Now you'll use the Pathfinder > Exclude command to create a new shape by deleting
areas that the two shapes have in common. The Pathfinder commands combine, isolate,
and subdivide objects, as well as build new objects formed by the intersection of
6 Choose Object > Pathfinder > Exclude to delete areas that are common
to the selection.
The Exclude command traces all nonoverlapping areas of the selected objects, making
the overlapping areas transparent.
7 Drag the polygon over another object to see that it has a hole in the
center. Choose Edit > Undo to undo the move.
8 Click away from the artwork to deselect it.
Another way to create shapes is to combine them into a single shape using the
Pathfinder > Unite option.
9 In the toolbox, click the Default Fill and Stroke button (or press D)
to return the paint settings to their defaults.
10 Click the centered-ellipse tool (Q) in the toolbox.
11 Position the pointer in the window, hold down Shift, and drag outward
to draw the bottom of the vase.
12 Click the rectangle tool (j) in the toolbox to select it, and position
the pointer above the shape you just drew.
13 Drag downward to draw a tall, rectangular shape for the neck of the
If necessary, use the selection tool to drag the shape into position. If you make
a mistake, choose Edit > Undo and repeat the step.
14 Click the selection tool (a), and Shift-click the circle to select both
15 Now choose Object > Pathfinder > Unite to combine the shapes into
a single shape. The Unite command traces the outline of all selected objects as if
they were a single, merged object. Any objects inside the selected objects are deleted.
16 In the Swatches palette, click a radial gradient to fill the vase. A gradient
fill is a graduated blend between two or more colors or tints of the same color.
A radial gradient changes colors starting from the center point of the fill and radiating
outward to the endpoint. (For more information on gradients, see Lesson 19, "Creating
and Editing a Gradient Fill.")
17 Deselect the shape by clicking away from the artwork.
Illustrator lets you draw lines in many ways. You'll start by setting a color
to paint just the line.
2 Select the pen tool (e) in the toolbox.
3 Move the pointer to the window, and click it to create a starting point.
Clicking with the pen tool sets an anchor point and indicates that you are about
to draw a straight line.
4 Shift-click a point about 3 inches from the starting point.
To draw straight lines with the pen tool, you click to create a starting point
and an ending point. Shift-clicking constrains the line to multiples of 45[infinity]
angles. In Illustrator, points on paths are called anchor points. As their name implies,
anchor points set the position of line segments. The line is painted with the current
paint attributes--in this case, a stroke of black.
5 Command-click (Macintosh) or Ctrl-click (Windows) the line to select
The Command/Ctrl key activates the current selection tool, and clicking the path
Next, you'll make the line a zigzag.
6 Choose Filter > Distort > Zig Zag.
7 In the Zig Zag dialog box, turn on the Preview option so that you can
see the effect of your settings.
8 Enter 8 for the Amount and 5 for Ridges/inch. Select the Smooth Points
option, and click OK.
NOTE If the Zig Zag filter produces straight, jagged lines instead
of wavy zigzags, you can use the Round Corners filter to convert them to continuous
Another way to create shapes is by duplicating existing objects. Now you'll try
out various ways to copy objects, using the Transform palette and menu commands.
3 In the Transform palette, position the pointer in the Y text box after
the current value. The Y text box specifies the location of the reference point in
relation to the y (vertical) axis. You can use the Transform palette to move, rotate,
scale, skew, and resize selected objects. You can control where the transformation
begins by clicking one of the boxes in the upper left of the palette that represent
the object's bounding box. (The bounding box defines the selected artwork's boundaries.)
Now you'll move the line down 1/2-inch by performing a subtraction operation in
the Transform palette.
4 Make sure that the pointer is inserted after the existing value; then
type -0.5 in. Hold down Option (Macintosh) or Alt (Windows) and press Return or Enter
to apply the value to the object. A copy of the line moves down 1/2-inch. Holding
down Option/Alt as you press Return or Enter in the Transform palette creates a copy
of the transformed object.
In Adobe Illustrator, you can enter values in text boxes in other than the preset
unit. You can also add, subtract, multiply, divide, define percentages, and perform
other mathematical operations in any Illustrator text box that accepts numeric values.
Illustrator converts the values to the set unit, performs the calculation, and uses
the result. For more information, see "Automatically converting unit values
in text boxes" in Chapter 3 of the Adobe Illustrator User Guide or in online
5 To repeat the move-and-copy operation, choose Object > Transform >
Transform Again (Command+D on the Macintosh, or Ctrl+D in Windows). Continue pressing
Command/Ctrl+D until you have created eight lines. The Transform Again command lets
you repeat a move, scale, rotate, reflect, or shear operation as many times as you
want. You must choose the command immediately after you perform the operation.
Now you will create the outline for the TV screen. You'll divide overlapping shapes
so that you can paint them individually.
The rounded-rectangle tool draws squares and rectangles with rounded corners;
you can set the size of the curve.
2 Drag to the right to select the rounded-rectangle tool (J).
3 Position the pointer at the top left of the wavy lines, and drag to create
the screen. If necessary, use the selection tool (a) to drag the rounded rectangle
to reposition it.
4 Click the selection tool (a) in the toolbox, and drag to select all of the
objects. Notice that any line partially enclosed by the marquee becomes selected.
(For more information about selecting, see the "Making Selections" lesson
and the "Drawing and Selecting" movie on the Adobe Illustrator Tour and
Now you'll use the Divide command to create the TV screen from the zigzag lines
5 Choose Object > Pathfinder > Divide to divide the selection of
overlapping objects into discrete, closed shapes and eliminate stray artwork.
Notice how the shapes outside of the selection have been deleted.
The Divide command divides a piece of artwork into its component filled faces
(a face is an area undivided by a line segment). The resulting faces can then be
ungrouped and manipulated independently of each other.
NOTE You can have the Divide command remove unpainted artwork.
For more information, see "Setting Pathfinder preferences" in Chapter 7
of the Adobe Illustrator User Guide or in online Help.
6 Click away from the artwork to deselect it.
To complete the artwork, you'll select individual waves and paint them. Applying
the Divide command grouped the waves. Grouping combines objects into a group so that
the objects are treated as a single unit.
3 Click any wave outline to select it.
4 Specify a new color by doing one of the following:
6 Choose File > Close. If desired, name the file and save your changes.
You've completed the basic shapes lesson and created the television artwork.
For more information about selecting a fill or stroke color, see Lesson 4, "Painting,"
or see "Painting" (Chapter 9) in the Adobe Illustrator User Guide or in