Creating a Selection - Photoshop 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 IV

Photoshop CS6

Chapter 4: Creating a Selection

In This Chapter

check.png Discovering the selection tools

check.png Painting selections the easy way

check.png Refining your selections

check.png Keeping selections for later use

check.png Using the Vanishing Point feature

Photoshop is well known for its ability to create compositions and for its retouching capabilities. What you don’t want to see in a finished product is obvious retouching or a composition that looks contrived. (The exception is if you intend an image to be humorous, such as putting baby Joey’s head on Daddy’s body.)

This is where a solid knowledge of the selection tools pays off. In this chapter, you try out several selection methods and see how to use the selection tools to make images look as though you haven’t retouched or edited them. Even if you’re an experienced Photoshop user, this chapter provides a plethora of tips and tricks that can save you time and help make your images look absolutely convincing.

Getting to Know the Selection Tools

You create selections by using selection tools. Think of selections as windows in which you can make changes to pixels. Areas not selected are masked, which means that they’re unaffected by changes, much like when you tape window and door frames before painting the walls. In this section, we briefly describe the selection tools and show you how to use them. You must be familiar with these tools in order to do anything in Photoshop.

imageAs with all Photoshop tools, the Options bar (viewed across the top of the Photoshop window) changes when you choose different selection tools. The keyboard commands you read about in this section exist on the tool Options bar and appear as buttons across the top.

imageIf you move a selection with the Move tool, pixels move as you drag, leaving a blank spot in the image. To clone a selection (to copy and move the selection at the same time), Alt+drag (Windows) or Option+drag (Mac) the selection with the Move tool.

The Marquee tool

imageThe Marquee tool is the main selection tool; by that, we mean that you use it most often for creating selections. The exception, of course, is when a special situation calls for a special tool — the Lasso, Magic Wand, Quick Selection, or Refine Radius tool (located in the Refine Edge dialog box). Throughout this section, we describe creating (and then deselecting) an active selection area; we also provide you with tips for working with selections.

The Marquee tool includes the Rectangular Marquee (for creating rectangular selections), Elliptical Marquee (for creating round or elliptical selections), and Single Row Marquee or Single Column Marquee tools (for creating a selection of a single row or column of pixels). You can access these other Marquee tools by holding down the default Rectangle Marquee tool in the Tools panel.

To create a selection, select one of the Marquee tools (remember that you can press M), and then drag anywhere on your image. When you release the mouse button, you create an active selection area. When you’re working on an active selection area, whichever effects you choose are applied to the whole selection.

To deselect an area, you have three choices:

check.png Choose Select⇒Deselect.

check.png Press Ctrl+D (Windows) or maccmd+D (Mac).

check.png While using a selection tool, click outside the selection area.

Creating rectangular and elliptical selections

How you make a selection is important because it determines how realistic your edits appear on the image. You can use the following tips and tricks when creating both rectangular and elliptical selections:

check.png Add to a selection by holding down the Shift key; drag to create a second selection that intersects the original selection (see the left image in Figure 4-1). The two selections become one big selection.

Figure 4-1: You can add to and delete from selections.

image

check.png Delete from an existing selection by holding down the Alt (Windows) or Option (Mac) key, and then drag to create a second selection that intersects the original selection where you want to take away from the original selection (shown on the right in Figure 4-1).

check.png Constrain a rectangle or an ellipse to a square or circle by Shift+dragging; make sure that you release the mouse button before you release the Shift key. Holding down the Shift key makes a square or circle only when there are no other selections. (Otherwise, it adds to the selection.)

check.png Make the selection from the center by Alt+dragging (Windows) or Option+dragging (Mac); make sure that you release the mouse button before releasing the Alt (Windows) or Option (Mac) key.

check.png Create a square or circle from the center outward by Alt+Shift+dragging (Windows) or Option+Shift+dragging (Mac). Again, make sure that you always release the mouse button before releasing the modifier keys.

check.png When making a selection, hold down the spacebar before releasing the mouse button to drag the selection to another location.

Setting a fixed size

If you’ve created an effect that you particularly like — say, changing a block of color in your image — and you want to apply it multiple times throughout, you can do so. To make the same selection multiple times, follow these steps:

1. With the Marquee tool selected, select Fixed Size from the Style drop-down list on the Options bar.

You can also select Fixed Ratio from the Style drop-down list to create a proportionally correct selection not fixed to an exact size.

2. On the Options bar, type the Width and Height values into the appropriate text fields.

You can change ruler increments by choosing Edit⇒Preferences⇒Units and Rulers (Windows) or Photoshop⇒Preferences⇒Units and Rulers (Mac).

3. Click the image.

A selection sized to your values appears.

4. With the selection tool, drag the selection to the location you want selected.

tip.epsShift+drag a selection to keep it aligned to a 45-degree or 90-degree angle.

Making floating and nonfloating selections

When you’re using a selection tool, such as the Marquee tool, your selections are floating by default, which means that you can drag them to another location without affecting the underlying pixels. You know that your selection is floating by the little rectangle that appears on the cursor. (See the left image in Figure 4-2.)

Figure 4-2: The Float icon is used on the left, and the Move icon is used on the right.

image

If you want to, however, you can move the underlying pixels. Using the selection tool of your choice, just hold down the Ctrl (Windows) or maccmd (Mac) key to temporarily access the Move tool; the cursor changes to a pointer with scissors, denoting that your selection is nonfloating. Now, when you drag, the pixel data comes with the selection (as shown on the right in Figure 4-2).

tip.epsHold down Alt+Ctrl (Windows) or Option+maccmd (Mac) while using a selection tool and drag to clone (copy) pixels from one location to another. Add the Shift key, and the cloned copy is constrained to a straight, 45-degree, or 90-degree angle.

The Lasso tool

imageUse the Lasso tool for freeform selections (selections of an irregular shape). To use the Lasso tool, click and drag to create a path surrounding the area that you want to select. Be careful! If you don’t return to the starting point to close the selection before you release the mouse button, Photoshop completes the path by finding the most direct route back to your starting point.

tip.epsAs with the Marquee tool, you can press the Shift key to add to a lasso selection and press the Alt (Windows) or Option (Mac) key to delete from a lasso selection.

Hold down the Lasso tool to show the hidden Lasso tools:

check.png Polygonal Lasso tool: Click a start point, and then click and release from point to point until you come back to close the selection.

check.png Magnetic Lasso tool: Click to create a starting point, and then hover the cursor near an edge in your image. The Magnetic Lasso tool is magnetically attracted to edges; as you move the cursor near an edge, the Magnetic Lasso tool creates a selection along that edge. Click to manually set points in the selection; when you return to the starting point, click to close the selection.

You may find that the Polygonal Lasso and the Magnetic Lasso tools make less-than-ideal selections. Take a look at the later section “Painting with the Quick Mask tool” for tips on making finer selections.

The Quick Selection tool

imageThe Quick Selection tool lets you quickly “paint” a selection with a round brush tip of adjustable size. Click and drag, and then watch as the selection expands outward and automatically follows defined edges in the image. A Refine Edge command lets you improve the quality of the selection edges and visualize the selection in different ways for easy editing.

Follow these steps to find out how you can take advantage of this tool:

1. Open a file that requires a selection.

You can find sample images for Windows at C:\Program Files\Adobe\Adobe Photoshop CS6\Extras\Samples and for the Mac at Applications\Adobe\Adobe Photoshop CS6\Samples.

2. Select the Quick Selection tool.

3. Position the cursor over the area you want to select. Notice the brush size displayed with the cursor; click and drag to start painting the selection.

tip.epsYou can adjust the size of the painting selection by pressing the left bracket key ([) to make the brush size smaller or the right bracket key (]) to make the brush size larger.

By using the Add to Selection or Subtract from Selection buttons on the Options bar, you can paint more of the selection or deselect active areas. (See Figure 4-3.)

Figure 4-3:Use the Quick Selection tool to paint your selection.

image

The Magic Wand tool

imageThe Magic Wand tool is particularly helpful when you’re working on an image of high contrast or with a limited number of colors. This tool selects individual pixels of similar shades and colors. Select the Magic Wand tool, click anywhere on an image, and hope for the best — the Magic Wand tool isn’t magic. You decide how successful this tool is. What we mean is that you control how closely matched each pixel must be in order for the Magic Wand tool to include it in the selection. You do so by setting the tolerance level on the Options bar.

When you select the Magic Wand tool, a Tolerance text field appears on the Options bar. As a default, the tolerance is set to 32. When you click with a setting of 32, the Magic Wand tool selects all pixels within 32 shades (steps) of the color you clicked. If it didn’t select as much as you want, increase the value in the Tolerance text field (all the way up to 255). The number you enter varies with each individual selection. If you’re selecting white napkins on an off-white tablecloth, you can set the number as low as 5 so that the selection doesn’t leak into other areas. For colored fabric with lots of tonal values, you might increase the tolerance to 150.

tip.epsDon’t fret if you miss the entire selection when using the Magic Wand tool. Hold down the Shift key and click in the missed areas. If the tool selects too much, choose Edit⇒Undo (step backward) or press Ctrl+Z (Windows) or maccmd+Z (Mac), reduce the value in the Tolerance text field, and try again.

Painting with the Quick Mask tool

If you have fuzzy selections (fur, hair, or leaves, for example) or you’re having difficulty using the selection tools, the Quick Mask tool can be a huge help because it allows you to paint your selection uniformly in one fell swoop.

imageTo enter Quick Mask mode, create a selection, and then press Q. (Pressing Q again exits you from Quick Mask mode.) You can also click the Quick Mask button at the bottom of the Tools panel. If you have a printing background, you’ll notice that the Quick Mask mode, set at its default color (red), resembles something that you may want to forget: rubylith and amberlith. (Remember slicing up those lovely films with Exacto blades before computer masking came along?) In Quick Mask mode, Photoshop shows your image as it appears through the mask. The clear part is selected; what’s covered in the mask isn’t selected.

tip.epsChange the default red color of the mask by double-clicking the Edit in Quick Mask Mode button (at the bottom of the Tools panel). The tooltip says Edit in Standard Mode if you’re already in Quick Mask Mode. This opens the Quick Mask Options dialog box, shown in Figure 4-4.

Figure 4-4:Change the color of the Quick Mask.

image

To create and implement a quick mask, follow these steps:

1. Press Q to enter Quick Mask mode.

2. Press D to change the foreground and background color boxes to the default colors of black and white.

3. image Select the Brush tool and start painting with black in the clear area of the image in Quick Mask mode.

It doesn’t have to be pretty; just get a stroke or two in there.

4. Press Q to return to Selection mode.

You’re now out of Quick Mask mode. Notice that where you painted with black (it turned red in Quick Mask mode), the pixels are no longer selected.

5. Press Q again to reenter Quick Mask mode, and then press X.

This step switches the foreground and background colors, giving you white in the foreground and black in the background.

6. With the Brush tool, paint several white strokes in the red mask area.

The white strokes turn clear in Quick Mask mode.

7. Press Q to return to Selection mode.

The area you painted white in Quick Mask mode is now selected.

When you’re in Quick Mask mode, you can paint white over areas you want selected and black over areas you don’t want selected. When painting in Quick Mask mode, increase the brush size by pressing the ] key. Decrease the brush size by pressing the [ key.

In Selection mode, your selection seems to have a hard edge; you can soften those hard edges by using a softer brush in Quick Mask mode. To make a brush softer, press Shift+[. To make a brush harder, press Shift+].

Because Quick Mask mode makes selections based on the mask’s values, you can create a mask by selecting the Gradient tool and dragging it across the image in Quick Mask mode. When you exit Quick Mask mode, it looks as though there’s a straight-line selection, but the selection transitions the same as your gradient did. Choose any filter from the Filters menu and notice how the filter transitions into the untouched part of the image to which you applied the gradient.

If you’re working in Quick Mask mode, choose Window⇒Channels to see that what you’re working on is a temporary alpha channel. See the later section “Saving Selections” for more about alpha channels.

Manipulating Selections with Refine Selection

After you master creating selections, you’ll find that working with the selections — painting, transforming, and feathering them — can be easy and fun.

Transforming selections

Don’t deselect and start over again if you can just nudge or resize a selection. You can scale, rotate, and even distort an existing selection. Follow these steps to transform a selection:

1. Create a selection, and then choose SelectTransform Selection.

You can use the bounding box to resize and rotate your selection:

• Drag the handles to make the selection larger or smaller. Drag a corner handle to adjust width and height simultaneously. Shift+drag a corner handle to size proportionally.

• Position the cursor outside the bounding box to see the Rotate icon; drag when it appears to rotate the selection. Shift+drag to constrain to straight, 45-degree, or 90-degree angles.

• Ctrl+drag (Windows) or maccmd+drag (Mac) a corner point to distort the selection, as shown in Figure 4-5.

Figure 4-5:Distort, resize, and rotate a selection with the Transform Selection feature.

image

2. Press Enter or Return or double-click in the center of the selection area to confirm the transformation; press Esc to release the transformation and return to the original selection.

Feathering

Knowing how to retouch an image means little if you don’t know how to make the retouching discreet. If you boost the color using curves to the CEO’s face, do you want it to look like a pancake has been attached to his cheek? Of course not — that isn’t discreet (or wise). If you feather a selection (blur its edges) instead, you create a natural-looking transition between the selection and the background of the image.

To feather an image, follow these steps:

1. Create a selection.

For the nonfeathered image shown on top in Figure 4-6, we used the Elliptical Marquee tool to make a selection. We then copied the selection; created a new, blank image; and pasted the selection into the new image.

To create the feathered image on the bottom in Figure 4-6, we used the Elliptical Marquee tool to select the same area on the original image and went on to Step 2.

2. Choose SelectModifyFeather.

3. In the Feather dialog box that appears, type a value in the Feather Radius text field, and then click OK.

For example, we entered 20 in the Feather Radius text field. (We then copied the selection, created a new image, and pasted the feathered selection into the new image to create the image on the bottom of Figure 4-6.) Voilà! The edges of the image are softened over a 20-pixel area, as shown on the bottom of Figure 4-6. This technique is also referred to as a vignette in the printing industry.

imageThe results of the feathering depend on the resolution of the image. A feather of 20 pixels in a 72 ppi (pixels per inch) image is a much larger area than a feather of 20 pixels in a 300 ppi image. Typical amounts for a nice vignette on an edge of an image are 20 to 50 pixels. Experiment with images to find what works best for you.

Figure 4-6: No feather-ing (top); feathering applied (bottom).

image

This feathering effect created a nice, soft edge to your image, but it’s also useful when retouching images. Follow these steps:

1. Using any selection method, create a selection around the part of an image you want to lighten.

2. Choose SelectModifyFeather; in the Feather dialog box that appears, enter 25 in the Feather Radius text field and click OK.

If an error message, say “No pixels are more than 50% selected,” click OK and create a larger selection.

3. Choose ImageAdjustmentsCurves.

4. Click in the center of the curve to add an anchor point and drag up to lighten the image.

This step lightens the midtones of the image.

Notice how the lightening fades out so that the correction has no definite edge. You can have more fun like this in Chapter 7 of this minibook, where we cover color correction.

Tweaking the edges of a selection with the Refine Edge feature

If you like to experiment but also want a preview of exactly what your selection changes look like, you’ll love the new and improved Refine Edge feature. It’s available on the Options bar across the top of the Photoshop window whenever a selection tool is active.

To use the Refine Edge feature, follow these steps:

1. Make a selection.

2. With any selection tool active, click the Refine Edge button on the Options bar at the top of the Photoshop window.

The Refine Edge dialog box appears, as shown in Figure 4-7.

Figure 4-7:Tweak the edges of a selection with the Refine Edge dialog box.

image

Read on to find out more about the options available in this dialog box.

Choosing a preview method

Choose a preview method by selecting the View drop-down list at the top of the Refine Edge dialog box. On White is the default setting, and it shows your selection as it would appear on a white background. Don’t worry! The rest of your image hasn’t been removed; this preview helps you better see the effects of this feature.

This list describes the other selections you can choose from the View drop-down list of the Refine Edge dialog box:

check.png Marching Ants: Shows the marquee selection with no image masked.

check.png Overlay: Shows the default, slightly transparent mask. It’s typically red unless you have changed the mask color.

check.png On Black: Reveals black around the masked area.

check.png Black and White: Reveals the masked area as black and the nonmasked area as white. This option is helpful if you want to see only the mask and not the image area.

check.png On Layers: Bound to be the most popular view if you’re creating composites. From this view, you can see the layers and how they’re affected by your selection.

check.png Reveal Layer: Reveals the entire layer, with no indication where the selection is. Take advantage of this view if you think you might be cutting out important content.

tip.epsYou can cycle through views by pressing F or disable the view by pressing X.

Making adjustments with Edge Detection

The Edge Detection section of the Refine Edge dialog box offers you the opportunity to make refinements to the selection edge. To see it in action, follow these steps:

1. Select the Smart Radius check box, as shown in Figure 4-8.

The Smart Radius feature automatically adjusts the radius for hard and soft edges found in the border region.

2. Increase the radius by dragging the slider to the right.

The Radius slider lets you precisely adjust the border area in which edge refinement occurs. Depending on the content, you will increase or decrease the radius.

In Figure 4-8, the hair selection is improved in this image by increasing the radius to a value of 3.7 pixels.

3. If you’re interested in seeing the radius, select the Show Radius check box in the upper-right corner of the Refine Edge dialog box.

Figure 4-8:Refining the edge of a selection.

image

Using the Refine Radius tool

To further improve the selection, click the Refine Radius tool, shown in Figure 4-9. By pressing either the right (]) or left bracket ([) key, you can increase or decrease the size of the Refine Radius tool and edit your edge selection by painting the edge of it. If your results are a little too drastic, hold down the Alt or Option key while painting over the area with the Refine Radius tool again. This technique is especially helpful for creating selections of hair or fur.

Figure 4-9:Use the Refine Radius tool to make difficult selections, like hair, easier to create.

image

Making additional refinements

But wait — there’s more! You can find additional refinements in the Adjust Edge section of the Refine Edge dialog box:

check.png Smooth: Reduces irregular areas in the selection boundary.

check.png Feather: Creates a soft-edged transition between the selection and its surrounding pixels.

check.png Contrast: Sharpens selection edges and removes fuzzy artifacts.

check.png Shift Edge: Contracts or expands to shrink or enlarge the selection boundary.

Selecting color decontamination

Color decontamination can create unwanted artifacts, and when this option is selected, the output option is set to create a new layer, which helps avoid overwriting the original color pixels.

Choosing output settings

Choose how you want selections implemented: only selection edges, a new layer, or a layer mask, for example. If you’re like most professionals, you want to make sure not to affect the original imagery unless you’re certain that you have the selection nailed down.

Here are your output options on the Output To drop-down list:

check.png Selection: The typical selection of a dashed selection, referred to as marching ants.

check.png Layer Mask: Creates a mask on the active layer.

check.png New Layer: Duplicates the active layer and applies the refined selection to the transparency of the layer.

check.png New Layer with Mask: Duplicates the active layer and uses the refined selection or mask as the layer mask.

check.png New Document: The same as the New Layer option but creates the new layer in a new document.

check.png New Document with Mask: The same as the New Layer with Mask option but creates the new layer in a new document.

If you want to play it safe, select Layer Mask from the Output To drop-down list. This option offers you the opportunity to edit the layer mask, using the painting tools just as you did with the Quick Mask tool, or to turn off the mask (by Shift-clicking the mask in the Layers panel). Read more about how to work with layer masks in Chapter 9 of this minibook.

tip.epsIf you worked hard to make the perfect selection, don’t forget to select the Remember Settings check box so that your settings apply the next time you open the Refine Edge dialog box.

Saving Selections

The term alpha channel sounds complicated, but it’s simply a saved selection. Depending on the mode you’re in, you already have several channels to contend with. A selection is just an extra channel that you can call on at any time.

To create an alpha channel, follow these steps:

1. Create a selection that you want to save.

2. Choose SelectSave Selection.

3. Name the selection and click OK.

An additional named channel that contains your selection appears in the Channels panel.

To load a saved selection, follow these steps:

1. Choose SelectLoad Selection.

The Load Selection dialog box appears.

2. Select a named channel from the Channel drop-down list.

If you have an active selection and then choose to load a selection, you have additional options. With an active selection, you can select one of the following options:

New Selection: Eliminate the existing selection and create a new selection based on the channel you select.

Add to Selection: Add the channel to the existing selection.

Subtract from Selection: Subtract the channel from the existing selection.

Intersect with Selection: Intersect the channel with the existing selection.

3. Click OK.

imageOther Adobe applications, such as InDesign, Illustrator, Premiere, and After Effects, also recognize alpha channels.

Preserving Corrective Perspective with the Vanishing Point Feature

The incredible Vanishing Point feature lets you preserve correct perspective in edits of images that contain perspective planes, such as the sides of a building. You can do much with this feature, and we provide you with a simple introduction. Try experimenting with multiple planes and copying and pasting items into the Vanishing Point window for even more effects. Follow these steps:

1. Open a file that you want to apply a perspective filter to.

If you don’t have an appropriate image handy, try using a Vanishing Point.psd file. You can find it in Windows at C:\Program Files\Adobe\Adobe Photoshop CS6\Extras\Samples and on the Mac at Applications\Adobe\Adobe Photoshop CS5\Samples.

2. Create a new, blank layer by clicking the Create a New Layer button at the bottom of the Layers panel.

If you create a new layer every time you use Vanishing Point, the results appear on a separate layer, preserving your original image, because you can delete the result of the vanishing point filter and still retain the original layer.

3. Choose FilterVanishing Point.

A separate Vanishing Point window appears. If you see an error message about an existing plane, click OK.

If you’re using a sample file from Photoshop, it will have a perspective plane already created for you. To help you understand this feature better, delete the existing plane by pressing the Delete or Backspace key.

4. Select the Create Plane tool and define the four corner nodes of the plane surface. If necessary, press Ctrl+- (Windows) or maccmd+- (Mac) to zoom back to see the entire image.

tip.epsTry to use objects in the image to help create the plane. In Figure 4-10, the planks of wood were used to make the perspective plane.

After the four corner nodes of the plane are created, the tool automatically is switched to the Edit Plane tool.

5. Select and drag the corner nodes to make an accurate plane.

The plane grid should appear blue, not yellow or red, if it’s accurate.

After creating the plane, you can move, scale, or reshape the plane. Keep in mind that your results depend on how accurately the plane lines up with the perspective of the image.

tip.epsYou can use your first Vanishing Point session to simply create perspective planes and then click OK. The planes appear in subsequent Vanishing Point sessions when you choose Filter⇒Vanishing Point. Saving perspective planes is especially useful if you plan to copy and paste an image into Vanishing Point and need to have a ready-made plane to target.

6. Choose the Stamp tool in the Vanishing Point window and then select On from the Heal drop-down list on the Options bar.

(You’ll love this one.) In the sample image Vanishing Point.psd, we simply cloned the blue broom, but it should start you thinking about all the ways you can apply this greatly improved feature.

7. With the Stamp tool still selected, cross over part of the area or part of the image you want to clone and Alt-click (Windows) or Option-click (Mac) to define it as the source to be cloned.

In the image Vanishing Point.psd, we clicked the middle part of the blue broom.

Figure 4-10:Use objects in an image to build a perspective plane.

image

8. Without clicking, move toward the back of the perspective plane (you can even clone outside the plane), and then click and drag to reproduce the cloned part of the image.

Notice in Figure 4-11 that it’s cloned as a smaller version, in the correct perspective for its new location.

Figure 4-11:Cloning in perspective.

image

9. Start from Step 7 and clone any region of an image closer to the front of the perspective pane.

The cloned region is now cloned as a larger version of itself.

You can use the Marquee tool options (Feather, Opacity, Heal, and Move Mode) at any time, either before or after making the selection. When you move the Marquee tool, the Stamp tool, or the Brush tool into a plane, the bounding box is highlighted, indicating that the plane is active.

10. Click OK.

To preserve the perspective plane information in an image, save your document in JPEG, PSD, or TIFF format.