Creating Basic Shapes - Illustrator CS6 - Adobe Creative Suite 6 Design and Web Premium All-in-One For Dummies (2012)

Adobe Creative Suite 6 Design and Web Premium All-in-One For Dummies (2012)

Book III

Illustrator CS6

Chapter 4: Creating Basic Shapes

In This Chapter

check.png Using rectangles, ellipses, stars, and polygons

check.png Resizing shapes after creation

check.png Creating shapes

Shapes, shapes, shapes — they’re everywhere in Illustrator. Basic shapes, such as squares, circles, polygons, and stars, are used in all types of illustrations. With the right know-how and the right shape tools, you can easily create these shapes exactly the way you want. In this chapter, you find out how to use these tools to control a shape’s outcome, create shapes based on precise measurements, and change the number of points a star has.

The Basic Shape Tools

The only visible shape tool in the Tools panel is, as a default, the Rectangle tool. If you click and hold down that tool, you can access the Rounded Rectangle, Ellipse, Polygon, and Star tools, shown in Figure 4-1. (Although you see the Flare tool, it isn’t a basic shape.)

Figure 4-1:Basic shape tools.

image

tip.epsYou can tear off this tool set so that you don’t have to find the hidden shapes later. Click and hold the Rectangle tool and drag to the arrow on the far right side, and then release the mouse button. These tools are now on a free-floating toolbar that you can drag to another location.

Creating rectangles and ellipses

Rectangles and ellipses are the most fundamental shapes you can create. (See Figure 4-2.) To create a rectangle shape freehand, select the Rectangle tool and simply click the page where you want the shape to appear. Then drag diagonally toward the opposite side, drag your mouse the distance you want the shape to be in size, and release the mouse button. You can drag up or down. You do the same to create a circle or oval by using the Ellipse tool.

Figure 4-2:Click and drag diagonally to create a shape.

image

imageAfter you create the shape, adjust its size and position by using the Selection tool. Reposition the shape by clicking the selected object and dragging. Resize the object by grabbing a handle and adjusting in or out. To adjust two sides together, grab a corner handle. To resize a shape proportionally, Shift+drag a corner handle.

Using the Rounded Rectangle tool

You can create a rounded rectangle by using one of two methods:

check.png Click and drag freehand to create the rounded rectangle shape.

check.png Click the artboard once to open the Rounded Rectangle dialog box, where you can enter values to define the shape.

The difference between these two methods is that when you open the Rounded Rectangle dialog box (see Figure 4-3), you can enter a value in the Corner Radius text field, which determines how much rounding is applied to the corners of the shape.

Figure 4-3:Customize the size of a rounded rectangle.

image

tip.epsChange the rounded corner visually by pressing the up and down keys on your keyboard while you’re dragging out the Rounded Rectangle shape on the artboard.

The smaller the value, the less rounded the corners; the higher the value, the more rounded the corners. Be careful: You can round a rectangle’s corners so much that it becomes an ellipse!

Using the Polygon tool

You create stars and polygons in much the same way as you create rectangles and ellipses. Select the Polygon tool and click and drag from one corner to another to create the default six-sided polygon shape. You can also select the Polygon tool and click once on the artboard to change the Polygon tool options in the Polygon dialog box.

You can change the polygon shape by entering new values in the Radius and Sides text fields, as shown in Figure 4-4. The radius is determined from the center to the edge of the polygon. The value for the number of sides can range from 3 (making triangles a breeze to create) to 1,000. Whoa — a polygon with 1,000 sides would look like a circle unless it was the size of Texas!

Figure 4-4:Creating a polygon shape.

image

Using the Star tool

To create a star shape, select the Star tool from the Tools panel. (Remember that it may hide under other shape tools.) If you click the artboard once to open the Star dialog box, you see three text fields in which you can enter values to customize your star shape:

check.png Radius 1: Distance from the outer points to the center of the star

check.png Radius 2: Distance from the inner points to the center of the star

check.png Points: Number of points that comprise the star

The closer together the Radius 1 and Radius 2 values are to each other, the shorter the points on your star. In other words, you can go from a starburst to a seal of approval by entering values that are close in the Radius 1 and Radius 2 text fields, as shown in Figure 4-5.

Figure 4-5:Radius 1 and Radius 2 are closer to each other in the star on the bottom.

image

Resizing Shapes

You often need a shape to be an exact size (for example, 2 x 3 inches). After you create a shape, the best way to resize it to exact measurements is to use the Transform panel, shown in Figure 4-6. Have the object selected and then choose Window⇒Transform to open the Transform panel. Note that on this panel you can enter values to place an object in the X and Y fields as well as enter values in the width (W) and height (H) text fields to determine the exact size of an object.

In many Adobe Illustrator panels, you may see measurement increments consisting of points, picas, millimeters, centimeters, or inches, which can be confusing and maybe even intimidating. But you can control which measurement increments to use.

Figure 4-6:Precisely set the size of a shape.

image

tip.epsShow rulers by choosing View⇒Rulers⇒Show Rulers or press Ctrl+R (Windows) or maccmd+R (Mac). Then right-click (Windows) or Control-click (Mac) the ruler to change the measurement increment to an increment you’re more familiar with. Using the contextual menu that appears, you can change the measurement increment directly on the document.

Alternatively, you can simply type the number followed by a measurement extension into the width and height text fields in the Transform panel (refer to Figure 4-6) and the measurement converts properly for you. Table 4-1 lists the extensions you can use.

Table 4-1 Measurement Extensions

Extension

Measurement Unit

in (or “)

Inch

Pt

Point

mm

Millimeter

pp

Pica

tip.epsIf you don’t want to bother creating a freehand shape and then changing its size, select the Shape tool and click the artboard. The Options dialog box specific to the shape you’re creating appears, and you can type values into the Width and Height text fields.

If you accidentally click and drag, you end up with a tiny shape on your page. Don’t fret. Simply get rid of the small shape by selecting it and pressing the Delete key, and then you can try again.

Tips for Creating Shapes

The following simple tips can improve your skills at creating basic shapes in Illustrator:

check.png Press and hold the Shift key while dragging with the Rectangle or Ellipse tool to create a perfect square or circle. This trick is also helpful when you’re using the Polygon and Star tools — holding down the Shift key constrains them so that they’re straight. (See Figure 4-7.)

check.png Create a shape from the center out by holding down the Alt (Windows) or Option (Mac) key while dragging. Hold down Alt+Shift (Windows) or Option+Shift (Mac) to pull a constrained shape out from the center.

Figure 4-7:Use the Shift key to constrain a shape while you create it.

image

check.png When entering values in a shape dialog box, you can click either the Width or Height text to match the other value. In Figure 4-8, we entered the value 4 in the Height text box and then clicked the word Width to make the values match.

Figure 4-8:Match values easily.

image

check.png When creating a star or polygon shape by clicking and dragging, if you keep the mouse button down, you can then press the up- or down-arrow key to interactively add points or sides to your shape.

Creating advanced shapes

At times, it may be wise to use advanced tools in Illustrator to create unique shapes. The Pathfinder panel is an incredible tool you can use to combine, knock out (eliminate one shape from another), and even create shapes from other intersected shapes.

You use the Pathfinder panel, shown in Figure 4-9, to combine objects into new shapes. To use the Pathfinder panel, choose Window⇒Pathfinder.

Figure 4-9:Combine objects into new shapes.

image

Across the top row of the Pathfinder panel are the Shape modes, which let you control the interaction between selected shapes. You can choose from the Shape modes listed in Table 4-2.

Table 4-2 Shape Modes

Button

Mode

What You Can Do with It

image

Add to Shape Area

Unite selected shapes into one shape.

image

Subtract from Shape Area

Cut out the topmost shape from the underlying shape.

image

Intersect Shape Areas

Use the area of the topmost shape to clip the underlying shape as a mask would.

image

Exclude Overlapping Shape Areas

Use the area of the shape to invert the underlying shape, turning filled regions into holes and vice versa.

tip.epsIf you like the result from using Exclude Overlapping Shapes mode, you can also create a similar effect by selecting several shapes and choosing Object⇒Compound Path⇒Make. This command “punches” the topmost shapes from the bottom shape.

tip.epsThe shapes remain separate so that you can still adjust them, which is helpful if you like to tweak your artwork (but it drives some people crazy). You can turn the result of using the Shape Mode buttons into one shape by either clicking the Expand button after selecting Shape mode or holding down the Alt key (Windows) or Option key (Mac) when clicking a Shape Mode button.

Using the Pathfinders

Pathfinders are the buttons at the bottom of the Pathfinder panel that let you create new shapes from overlapping objects. Table 4-3 summarizes what each Pathfinder does.

Table 4-3 The Pathfinders

Button

Mode

What You Can Do with It

image

Divide

Divide all shapes into their own individual shapes. This tool is quite useful when you’re trying to create custom shapes.

image

Trim

Remove the part of a filled object that’s hidden.

image

Merge

Remove the part of a filled object that’s hidden. Also, remove any strokes and merge any adjoining or overlapping objects filled with the same color.

image

Crop

Delete all parts of the artwork that fall outside the boundary of the topmost object. You can also remove any strokes. If you want strokes to remain when using this feature, select them and choose Object⇒Path⇒Outline Stroke.

image

Outline

Divide an object into its shape’s line segments, or edges. This tool is useful for preparing artwork that needs a trap for overprinting objects.

image

Minus Back

Delete an object that’s in the back of frontmost object.

Using the Shape Builder tool

New in Illustrator CS5, you can intuitively combine, edit, and fill shapes on your artboard. Follow these steps to create your own unique shape using the Shape Builder tool:

1. Create several overlapping shapes.

2. Select the shapes that you want to combine.

3. image Select the Shape Builder tool and then click and drag across the selected shapes, as shown on the left in Figure 4-10.

Figure 4-10:Create several shapes in order to use the Shape Builder tool.

image

The selected shapes are combined into one shape, as shown on the right in Figure 4-10.

The Shape Builder tool also enables merging objects, breaking overlapping shapes, subtracting areas, and more.

4. Create another shape that overlaps your new combined shape.

5. Using the Selection tool, select both shapes.

6. Select the Shape Builder tool again.

7. Hold down the Alt (Windows) or Option (Mac) key and click and drag across the newly added shape, as shown in Figure 4-11.

It’s subtracted from the underlying shape.

Figure 4-11:Use the Shape Builder tool to subtract from another shape.

image

imageColoring fills and strokes is easier now, too. When you’re finished making your shape, you can use the Live Paint Bucket tool that is hidden in the Shape Builder tool to intuitively fill your shape with