Teach Yourself Illustrator 7 in 24 Hours

Previous chapterNext chapterContents


- Hour 4 -
Working with Selections

Besides actually drawing your illustration, the most important things to master in Illustrator are the selection tools. Please allow me to explain. Illustrator can do lots of things, but it has to know where and when to do them. Let's say you have a picture of a face. If you want to make the eyes smaller, you have to select the eyes before you perform the transformation, or Illustrator will scale the whole face. By selecting only certain objects, or even just certain parts of an object, we can tell Illustrator exactly what we want it to do and, more importantly, have complete control over our file (see Figure 4.1). In this chapter we talk all about selecting objects, including:

Figure 4.1.

The image on the left is the original. The middle is what happens when you scale the entire illustration, and the image on the right had just the eyes reduced.

The Selection Tools

There are three selection tools: the Selection tool, the Direct Selection tool, and the Group Selection tool. We'll discuss each of them in detail, as well as learn to use each of them effectively.

The Selection Tool

The Selection tool (or the black arrow, as it is most commonly called because of its appearance) is used to select entire objects (see Figure 4.2). You select an object simply by clicking it (see the section "Area Select," later in this chapter). After an object is selected, you can move it by clicking the mouse button and dragging the object.

Figure 4.2.

The Selection tool, also referred to as the black arrow.

Let's give the Selection tool a whirl, shall we? Make sure you have Illustrator open, and if you don't already have an empty file opened, select New (Command-N)[Control-N] from the File menu (see Figure 4.3).

Figure 4.3.

Creating a new document.

1. Press D to set your colors to the default setting of a white fill and a black stroke. Don't worry, we'll go into detail about fills and strokes in Hours 10, "Fills," and 11, "Strokes."

2.
Draw several rectangles on your page (see Figure 4.4).

Figure 4.4.

Your screen should look something like this.

3. After you have drawn the last rectangle, choose the Selection tool from the Toolbox.

4. Click any rectangle. Notice that the object has become selected (see Figure 4.5). You can see the four anchor points of the rectangle, and its Bézier path has become highlighted in light blue (when we discuss Layers in the next hour, we'll talk more about what color selected objects are).

Figure 4.5.

The selected rectangle.

5. Now that the rectangle is selected, click and drag the rectangle to move it to a new position (see Figure 4.6). Release the mouse button when you have moved the rectangle to its new home.

Figure 4.6.

Dragging the rectangle to move it.

6. Deselect the rectangle by clicking any blank space on the page.

Now let's select and move more than one object at a time.

1. Click any rectangle to select it.

2. Press and hold down the Shift key.

3. Click another rectangle to add it to your selection (see Figure 4.7).

Figure 4.7.

With the first rectangle still selected, clicking the second rectangle while pressing the Shift key will add the second rectangle to your selection.

4. Now click and drag one of the rectangles, and both selected rectangles move together (see Figure 4.8).

Figure 4.8.

Moving both rectangles simultaneously.

5. Deselect the rectangles by pressing (Command-Shift-A)[Control-Shift-A], or by clicking any blank space on the page.


Just A Minute: The Shift key is actually a toggle that adds or subtracts from your selection. In the previous example, we selected rectangle number one and then selected rectangle number two while holding down the Shift key. Now, with both rectangles selected, if you were to Shift-select rectangle number two again, it would become deselected (go ahead and try it). The Shift key makes an unselected item selected, or a selected item unselected.

The Shift key technique can really save time when making certain selections, too, as in the following exercise, where we will try to select all the rectangles except for the one in the middle. From what we've learned until now, you would Shift-select each rectangle until all were selected except the one in the center. Depending on how many rectangles you have, that could be a lot of work! Now let's do it in two easy steps:

1. Using the same rectangles as the above exercise, press (Command-A)[Control-A] to select all.

2. Hold down the Shift button and, using the Selection tool, click the center rectangle.

Sure, this may not seem like such a big deal now, when we have just a few rectangles on our page, but imagine if we had fifty, or even a hundred rectangles. Imagine how much time you'd save then.

There is yet another way to select objects, and this one is called the marquee method, which defines a selection by drawing a bounding box around what we want selected. Anything that falls within the bounding box becomes selected. We will continue to work on the same file with all our rectangles, as I am becoming rather fond of them.

1. Click any blank area onscreen or press (Command-Shift-A)[Control-Shift-A] to make sure that nothing is selected.

2. Position your mouse to the upper left of the object(s) you want to select (see Fig-ure 4.9).

Figure 4.9.

Position the mouse to begin the marquee.

3. Press and drag the mouse down and to the right. As you drag, a dotted line appears (see Figure 4.10). Any object that falls within this "bounding box" is selected. If there are multiple objects, you do not need to hold down the Shift key.

Figure 4.10.

Defining the marquee.

4. Release the mouse button, and the objects are selected (see Figure 4.11).

Figure 4.11.

The selected objects.

Sometimes, using the marquee method saves a lot of time, too, as in the case we presented earlier, when trying to select all rectangles except for the middle one. You can marquee-select all the rectangles, and then Shift-click the center one to deselect it. This is especially useful when working on one portion of a page, where using (Command-A)[Control-A] would select other unwanted objects.

The Direct Selection Tool

The Direct Selection tool, or as I like to call it, the white arrow, is the selection tool used the most in Illustrator (see Figure 4.12). In a few moments, you will see why. As we just learned, the black arrow is used to select entire objects. The white arrow, on the other hand, is used to select parts of an object. Although we could only move an entire object with the black arrow, the white arrow enables us to move parts of an object, individually.

Figure 4.12.

The Direct Selection tool.

Let's go back to our file with all the rectangles and try to move a single point.

1. Click any blank area on the screen or press (Command-Shift-A)[Control-Shift-A] to make sure that nothing is selected.

2. Choose the Direct Selection tool from the Toolbox.

3. Carefully select the lower-right corner of one of the rectangles (see Figure 4.13).

Figure 4.13.

When you select just one corner, notice that the selected point you clicked on is solid, whereas the other, unselected points are hollow.

4. Press and drag down and to the right. Notice that only the point that you selected is moving--the rest of the object stands still (see Figure 4.14). Release the mouse button.

Figure 4.14.

Moving part of an object.

Let's try something a little different now and move a single line segment:

1. Carefully move your mouse right over the edge of one of the rectangles (see Fig- ure 4.15).

Figure 4.15.

Selecting just one of the rectangle's line segments.

2. Press and drag outwards (see Figure 4.16). Notice how just the one side moves.

Figure 4.16.

Moving the line is really like moving two points with one click.

3. Press and hold the Shift key as you drag to constrain your move to 45deg. angles.

You're doing great! Now let's apply what we've learned up to now and move multiple points:

1. Click and select one of the corners (anchor points) of a rectangle.

2. Now hold down the Shift key and click the anchor point directly opposite that point (see Figure 4.17).

Figure 4.17.

Using Shift-click to add anchor points to the selection.

3. Click and drag one of the points. Because both points are selected, they both move as you drag (see Figure 4.18).

Figure 4.18.

Moving both selected points.

4. Release the mouse button.

Marquee selecting works here as well. Let's try it.

1. Deselect any objects by pressing (Command-Shift-A)[Control-Shift-A].

2. Marquee-select the bottom two points of a rectangle (see Figure 4.19).

3. Press and drag on one of the points.

Figure 4.19.

Marquee-selecting multiple anchor points.

Great! Now that we are familiar with the black and white arrows, we can go on to grouping objects, and we'll learn about the Group Selection tool, which is a variation of the white arrow. I mentioned before that the white arrow is the most used selection tool in Illustrator, and if you hang in there just a few more minutes, you'll see the light.

Grouping Objects

Let's have a little fun, shall we? Create a new document by choosing New from the File menu. Draw 10 rectangles randomly throughout the screen. Now draw 10 circles (see Figure 4.20). Okay, now imagine you are showing this incredible work of art to your boss. I can just hear him say it now: "That's not what I wanted! I want you to shift all the circles over one inch to the left!"

Figure 4.20.

Picasso would be proud.

He leaves in a huff, and now you must make a change. So we begin the wonderful task of moving each circle one inch to the left--a time-consuming task, I assure you. So what do we do? I was hoping you'd ask that question...

1. Using the black arrow, select one circle (see Figure 4.21).

Figure 4.21.

Selecting the first circle.

2. While holding down the Shift key, click and select the rest of the circles (see Figure 4.22).

3. Choose Group from the Object menu (see Figure 4.23).

Figure 4.22.

Selecting the remaining circles while holding the Shift key.

Figure 4.23.

Choosing Group from the Object menu.

You've just created a group! To see what you've actually done, deselect everything (Command-Shift-A)[Control-Shift-A] and then, using the black arrow, select just one of the circles. You'll be pleasantly surprised to see that all the circles have now become selected. It is now easy to move all the circles together. In fact, anticipating even more changes from our favorite boss, it might be a good idea to group the rectangles as well. But before we begin selecting all our rectangles, I think I feel another step-by-step coming on...

1. From the Edit menu, choose Select All (Command-A)[Control-A].

2. While holding down the Shift key, click a circle.

All the rectangles are selected. Because the circles are a group, deselecting one of them deselected all of them. Now would be a good time to group the rectangles by pressing (Command-G)[Control-G].

Groups are extremely helpful when you are working in complex documents, and it's a good idea to group items as you create them. After creating a logo, for instance, group it. This way you can move it around easily, and more importantly, you won't accidentally lose parts by trying to select each and every piece, every time (inevitably, you'll forget one or two).

To break up a group (see Figure 4.24), choose Ungroup from the Object menu (Command-Shift-G)[Control-Shift-G].

Figure 4.24.

Choosing Ungroup from the Object menu.

Groups can be nested, meaning you can have a group within a group, and so on. To better demonstrate the next tool, please select both the circles and the rectangles and group them. You'll now have one group of shapes that contains a group of rectangles and a group of circles.

The Group Selection Tool

The Group Selection tool is a variation of the Direct Selection tool (the white arrow) and can be found by pressing and holding the mouse button on the white arrow in the Toolbox. In complex illustrations, you may have nested groups that contain many groups. The Group Selection tool makes working with these files easy. To demonstrate, we'll be working in the same file as we did earlier with all the rectangles and circles.

1. Deselect everything (Command-Shift-A)[Control-Shift-A].

2. With the Group Selection tool, click one of the circles. Only the circle you clicked becomes selected.

3. Now click that same circle again. All of the circles are now selected.

4. Click that same circle again, and all of the rectangles become selected as well.

Each time you click with the Group Selection tool, it selects the next higher group, giving you easy access to any group within a nested group.

I promised earlier to tell you why the white arrow is so important in Illustrator. Switch back to the Direct Selection tool by selecting it from the Toolbox. Now press and hold down the (Option)[Alt] key. Notice that the Direct Selection tool has changed to the Group Selection tool. Releasing the (Option)[Alt] key returns you to the Direct Selection tool. Now you have the power to select parts of an object, or, simply by holding down the (Option)[Alt] key, you can select an entire object, or entire groups! For 90% of your work, you never have to go back to the black arrow.

Working with Selections

We can already see that selecting objects can become complicated. Now we will learn how Illustrator can help us out with selecting objects with certain settings and functions.

Area Select

We briefly mentioned Area Select in Hour 2, "Customizing Illustrator." In Illustrator's General Preferences, we had the option of activating Area Select, which makes selecting objects easier (by default, Area Select is turned on).

With Area Select turned on, you can select filled objects by clicking anywhere within the object. When Area Select is turned off, you must click an anchor point or the Bézier path of an object to select it (see Figure 4.25). An object filled with the None attribute is considered unfilled and can only be selected by clicking its Bézier path.

Figure 4.25.

The box on the left is being selected with Area Select activated, whereas the box on the right is being selected with Area Select deactivated.

Area Select only works in Preview mode. When in Artwork mode, you must click an object's Bézier path (or center point--see the following sidebar) to select it.

There is also another option called Type Area Select, which is covered in Hour 14, "Adding Text." Similar to Area Select, Type Area Select enables you to select type by clicking anywhere on the text.


Journey to the Center of the Vector
One of the characteristics of PostScript art is that each object has a center point. When you select an object, or view a page in Artwork mode, you can usually see an object's center point. Illustrator has the capability to show or hide the center point of any object via the Attributes palette (see Figure 4.26). Simply click the Don't Show Center or the Show Center button. When Snap-To-Point is turned on, using the center point of an object can be a big time saver and also make for easier alignment of objects.

Locking Objects

Illustrator gives you the ability to lock items. Locked items cannot be selected, moved, or edited until they are unlocked. This is an important feature for when files get complex, and you don't want to accidentally select objects you are not working on. There are also times when several objects are very close to each other (or even overlaying each other), and selecting the right one can be very difficult. By locking items that are not being edited, you can quickly select and edit the correct objects.

Figure 4.26.

By clicking the center point buttons, you can have Illustrator display or hide an object's center point.

To use the lock and unlock feature, select an object and then choose Lock (Command-L)[Control-L] from the Object menu (see Figure 4.27). You can lock several objects at a time, or you can keep locking items separately. To unlock all of your locked items, choose Unlock All (Command-Shift-L)[Control-Shift-L] from the Object menu.

Figure 4.27.

Choosing Lock from the Object menu.

Hiding Selections

If locking items won't do the trick, Illustrator also lets you hide objects from view. This has several uses. When working on one section of a complex file, hiding other parts makes it easier to concentrate on what you are working on, as well as make it easier for you to view what you are drawing onscreen. Even more importantly, hiding certain objects can give you a big speed boost. Placed images, objects filled with gradients or patterns, and other such items can severely slow down your screen redraw. If seeing those items is not critical to what you are working on, you can choose to hide those items, saving Illustrator from having to constantly redraw them.

To hide a selection, choose Hide Selection (Command-U)[Control-U] from the Object menu (see Figure 4.28). You can keep hiding objects as often as you like, individually or in groups, but when you choose Show All (Command-Shift-U)[Control-Shift-U] from the Object menu, all hidden objects become visible. There is no way to reveal only certain hidden objects.

Figure 4.28.

Hiding a selection by choosing Hide Selection from the Object menu.

Hide Edges

Those of you who have used Photoshop are probably familiar with this function. When you select an object, its path becomes highlighted in a color, and the object's anchor points become visible. This can sometimes interfere with viewing the object, and can make editing and creating artwork difficult, as well as annoying.

To hide a selected object's edges, choose Hide Edges (Command-H) from the View menu (see Figure 4.29). With edges turned off, you are not able to see which item is selected, so make sure you pay attention to what you click.

Figure 4.29.

Choosing the Hide Edges command from the View menu.


Time Saver: The Hide Edges command is a toggle, which means that it stays on until you turn it off by pressing (Command-H)[Control-H] again. Too many times, it's easy to forget that you turned edges off, and then you go crazy trying to figure out why nothing can be selected, when in reality, you just can't see that they're being selected.

Arranging Items

Although all drawn objects in Illustrator are on the same screen, they each appear in the order that they were drawn. In other words, if you were to draw two rectangles, one on top of another, the second rectangle would cover the first one and hide it from view. It's similar to having a stack of papers on your desk. If you want to shuffle the order of pages, you would take a paper from the bottom or middle of the pile and put it on top. Or you might take a paper from the top of the pile and move it to the bottom.

Illustrator gives you the ability to move objects all throughout the "pile." Under the Object menu you can find the Arrange submenu, which contains four commands (see Figure 4.30).

Figure 4.30.

The Arrange submenu.

When using groups, each group has its own set of levels. So if you bring an object that is part of a group to the front, it goes to the front of that group. In order to bring the object to the front of everything, you need to select the entire group and bring the whole group to the front.

Figure 4.31.

Starting out as the back-most object, the black square gets sent to the front with the Send to Front command.

Figure 4.32.

The black square starts out as the rear-most object (left). After you apply Bring Forward, the black square moves forward one level (right).

Figure 4.33.

Here the black square begins as the topmost object (left), and is sent back one level using the Send Backward command (right).

Figure 4.34.

Starting out as the topmost object (left), the black square gets sent to the back with the Send to Back command (right).

Summary

After learning all about selections and how they work, you should be feeling comfortable with moving things around, as well as know how to work with groups. You should also be able to lock and hide objects to make working easier. We also learned about arranging items and how objects are layered. In the next hour, we discuss Illustrator's layers, which is a powerful step above the kind of layering we just learned.

Term Review

Fill--The attribute that determines a color, gradient, or pattern for the interior of a shape.

Stroke--The attribute that determines the outline of an object.

Group--A collection of objects that all become selected when just one item in the group is selected.

Selection tool--The tool that looks like a black arrow; used to select entire objects.

Direct Selection tool--The tool that looks like a white arrow; used to select parts of an object.

Group Selection tool--The tool that looks like a white arrow with a plus sign next to it; used for selecting groups.

Marquee--A rectangular-shaped bounding box indicating an area to be selected.

Center point--A non-editable point that appears at the center of a vector object.


Previous chapterNext chapterContents


© Copyright, Macmillan Computer Publishing. All rights reserved.