Adobe Creative Cloud Design Tools All-in-One For Dummies (2013)

Book IV

Photoshop CC

Chapter 4: Creating a Selection

In This Chapter

image Discovering the selection tools

image Painting selections the easy way

image Refining your selections

image Keeping selections for later use

image Using the Vanishing Point feature

Photoshop is well known for its capability to create compositions and for its retouching capabilities. What you don’t want to see in a finished product is obvious retouching or compositions that look 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 available 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.

image  If 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

image  The 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 Choose Select⇒Deselect.

check Press Ctrl+D (Windows) or Command Key+D (Mac).

check 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 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.

check 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 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.)

image

Figure 4-1: You can add to a selection by holding down the Shift key.

check 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 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 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 & Rulers (Windows) or Photoshop⇒Preferences⇒Units & 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.

imageShift+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.)

image

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

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 Command Key (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).

imageHold down Alt+Ctrl (Windows) or Option+Command Key (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

image  Use 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.

imageAs 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 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 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

image  The 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 CS7\Extras\Samples and for the Mac at Applications\Adobe\Adobe Photoshop CS7\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.

imageYou 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.)

image

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

The Magic Wand tool

image  The 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.

imageDon’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 Command Key+Z (Mac), reduce the value in the Tolerance text field, and try again.

Painting a selection 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 enables you to paint your selection uniformly in one fell swoop.

image  To 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.

imageChange 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.

image

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

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.

image  3. 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 Command Key+drag (Mac) a corner point to distort the selection, as shown in Figure 4-5.

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, as you see in Figure 4-6.

image

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

image

Figure 4-6:No feathering applied to the selection (top); feathering applied to the selection (bottom).

To feather a selection, follow these steps:

1. Create a selection.

Use any selection technique that you like. You could make a quick selection with the Rectangular or Elliptical Marquee tools, or create a custom selection with the Lasso or Quick Selection tool.

2. When you have any selection tool active, the Refine Edge button becomes available among the Options across the top of the Photoshop work area. Click the Refine Edge button.

The Refine Edge dialog box appears. This dialog box provides you with a selection preview and with many settings that can improve your selection; for right now, however, just focus on feathering.

3. In the Adjust Edge section, click and drag the slider for Feather to the right until you see the right amount of feathering, or vignetting for your image, as you see in Figure 4-7.

image

Figure 4-7: Use the Refine Edge feature to preview your feather amount.

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.

4. There are actually two directions that you can go once you have determined the right amount of feathering:

The first way is to leave the rest of the Refine Edge dialog box settings at their default and click OK. This enables you to use the feathered selection to apply subtle changes in the image, such as a curve change to lighten or darken an image, as you see in Figure 4-8.

image

Figure 4-8: The selection used to subtly lighten the image.

This feathering effect creates a nice, soft edge to your image, but it’s also useful when retouching images. If you want to try the change that is shown in Figure 4-8, follow these steps:

a. Make sure that your feathered selection is still active. If it isn’t, try SelectReselect.

b. Choose ImageAdjustmentsCurves.

c. Click in the center of the curve to add an anchor point and drag up to lighten the image. This 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.

The second way is to choose Output to Layer Mask in the Output To drop-down list of the Refine Edge dialog box, and then click OK. This option keeps only the feathered selection, making the area outside your selection transparent, as you see in Figure 4-9.

When you do this, a layer mask is created, which you can see in Window⇒Layers. Hold the Shift key and click the thumbnail of that mask in the Layers panel to turn it off and on.

image

Figure 4-9: The selection used for a mask.

Tweaking the edges of a selection with the Refine Edge feature

You can also use Refine Edge to create more difficult selections. In this next section you review the capabilities of the Refine Edge feature. First of all, you will start by opening the Refine Edge dialog box.

Follow these steps:

1. Make a selection.

Painting your selection with the Quick Selection tool is an easy way to get started.

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.

Keep this dialog box open as you review the details of how to use the Refine Edge feature.

Select an appropriate preview method

You can choose a preview method by selecting the View drop-down list at the top of the Refine Edge dialog box. This preview option helps you to better see the effects of the changes you are making in this dialog box.

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

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

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

check On Black: Reveals black around the masked area.

check On White: Reveals white around the masked area.

check 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 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 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.

imageYou can cycle through views by pressing F or disable the view by pressing X. When making difficult selections of hair or fur, it is best to use the On Black preview.

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-10.

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

image

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

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-10, the fur selection is improved in this image by increasing the radius to a value of 43.7 pixels, but you may need much less of a radius.

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.

Using the Refine Radius tool

To further improve the selection, click the Refine Radius tool, shown in Figure 4-11. 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.

image

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

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 Smooth: Reduces irregular areas in the selection boundary.

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

check Contrast: Sharpens selection edges and removes fuzzy artifacts.

check 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

As discussed earlier in this chapter, you can 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 Selection: The typical selection of a dashed selection, referred to as marching ants.

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

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

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

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

check New Document with Layer 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.

imageIf 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, you can find one at www.agitraining.com/dummies.

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.

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

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

image

Figure 4-12: Use objects in an image to build a 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.

imageYou 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.

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-13 that it’s cloned as a smaller version, in the correct perspective for its new location.

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.

image

Figure 4-13: Cloning in perspective.