ps6 Cib Lesson5
ps6 Cib Lesson5
Getting started
Before beginning this lesson, restore the default application settings for Adobe
Photoshop. See “Restoring default preferences” on page 4.
You’ll start the lesson by viewing the finished image you’ll create using masks and
channels.
1 Start Adobe Photoshop.
If a notice appears asking whether you want to customize your color settings, click No.
2 Click Cancel to exit the color management dialog box if it appears.
3 Choose File > Open, and open the file 05End.psd from the Lessons/Lesson05 folder.
4 When you have finished viewing the file, either leave it open for reference or close it
without saving changes.
For an illustration of the finished artwork for this lesson, see the gallery at the
beginning of the color section.
5 To extend the selection, hold down Shift and click the magic wand on another white
portion of the egret. When you hold down Shift, a plus sign appears next to the magic
wand tool. This indicates that the tool is adding to the selection.
The egret is still only partly selected. Now you’ll add to this selection using a quick mask.
6 Select the Edit in Quick Mask mode button ( ) in the toolbox. By default, you have
been working in Standard mode.
A B
In Quick Mask mode, a red overlay (similar to a piece of rubylith, or red acetate, that print
shops used in the old days to mask an image) appears to mask and protect the area outside
the selection. You can apply changes only to the unprotected area that is visible and
selected. (It’s possible to change the color of the red overlay; the color is only a matter of
display.)
Note: A partial selection must exist to see the overlay color in Quick Mask mode.
3 In the tool options bar, make sure the mode is Normal, then click the arrow to display
the Brushes pop-up palette, and select a medium brush from the first row of brushes.
Note: As you work, you may want to change the size of your brush. Simply click the Brushes
pop-up palette again, and select a different-sized brush. You’ll notice that the size of the tool
brush pointer changes.
4 As you edit your quick mask, magnify or reduce your view of the image, as needed.
When you zoom in, you can work on details of the image. When you zoom out, you can
see an overview of your work.
You can zoom in or magnify your view in these ways:
• Select the zoom tool, and click the area you want to magnify. Each click magnifies the
image some more. When the zoom tool is selected, you can also drag over the part of the
image you want to magnify.
• Select the zoom tool from the keyboard by holding down Ctrl+spacebar (Windows) or
Command+spacebar (Mac OS); then release the keys to go back to painting.
You can zoom back out in the following ways:
• Double-click the zoom tool to return the image to 100% view.
• Select the zoom tool. Hold down Alt (Windows) or Option (Mac OS) to activate the
zoom-out tool, and click the area of the image you want to reduce.
• Select the zoom-out tool from the keyboard by holding down Alt+spacebar (Windows)
or Option+spacebar (Mac OS) and click to reduce the view; then release the keys to go
back to painting.
5 Using the paintbrush tool, begin painting over the red areas within the egret’s body.
As you paint with white, the red areas are erased.
ADOBE PHOTOSHOP 6.0 117
Classroom in a Book
Don’t worry if you paint outside the outline of the egret’s body. You’ll have a chance to
make adjustments later by masking areas of the image as needed.
6 Continue painting with white to erase all of the mask (red) in the egret, including its
beak and legs. As you work, you can easily switch back and forth between Quick Mask
mode and Standard mode to see how painting in the mask alters the selected area.
Standard mode
Notice that the selection border has increased, selecting more of the egret’s body.
For an illustration of the selection in Standard and Quick Mask modes, see figure 5-1
in the color section.
118 LESSON 5
Masks and Channels
If any areas within the body of the egret still appear to be selected, it means that you
haven’t erased all of the mask.
7 Once you’ve erased all of the red areas within the egret, click the Standard mode icon
again to view your quick mask as a selection. Don’t worry if the selection extends a bit
beyond the egret. You can fix that.
8 If you zoomed in on the image for editing, choose any of the techniques in step 4 to
zoom out.
9 Choose File > Save to save your work.
ADOBE PHOTOSHOP 6.0 119
Classroom in a Book
For an illustration of painting in Quick Mask mode, see figure 5-2 in the color
section.
5 Once you’re satisfied with your selection, switch to Standard mode to view your final
egret selection. Double-click the hand tool ( ) to make the egret image fit in the window.
120 LESSON 5
Masks and Channels
2 With the egret selection still active, choose Select > Save Selection.
In the Save Selection dialog box, the name of your current document appears in the
Destination pop-up menu, and New by default appears in the Channel pop-up menu.
Alpha channels can be added and deleted, and like quick masks, can be edited using the
painting and editing tools. For each channel, you can also specify a name, color, mask
option, and opacity (which affects just the preview of the channel, not the image).
122 LESSON 5
Masks and Channels
To avoid confusing channels and layers, think of channels as containing an image’s color
and selection information; think of layers as containing painting and effects.
If you display all of the color channels plus the new alpha mask channel, the image
window looks much as it did in Quick Mask mode (with the rubylith appearing where the
selection is masked). It is possible to edit this overlay mask much as you did the quick
mask. However, in a minute you will edit the mask channel in a different way.
5 When you have finished looking at the channels, click in the eye icon column next to
the RGB channel in the Channels palette to redisplay the composite channel view.
6 Choose Select > Deselect to deselect everything.
7 To rename the channel, double-click the Alpha 1 channel in the Channels palette.
Type the name Egret in the Channel Options dialog box, and click OK.
Editing a mask
Now you’ll touch up your selection of the egret by editing the mask channel. It’s easy to
miss tiny areas when making a selection. You may not even see these imperfections until
you view the saved selection as a channel mask.
You can use most painting and editing tools to edit a channel mask, just as you did
when editing in Quick Mask mode. This time you’ll display and edit the mask as a
grayscale image.
1 With the Egret channel selected, click any eye icon appearing next to the other channels
to hide all channels except the Egret channel. When only the Egret channel displays an eye
icon, the image window displays a black-and-white mask of the egret selection. (If you left
all of the channels selected, the colored egret image would appear with a red overlay.)
Look for any black or gray flecks within the body of the egret. You’ll erase them by
painting with white to increase the selected area. Remember these guidelines on editing a
channel with a painting or editing tool:
• Painting with white erases the mask and increases the selected area.
• Painting with black adds to the mask and decreases the selected area.
ADOBE PHOTOSHOP 6.0 123
Classroom in a Book
• Painting with gray values adds to or subtracts from the mask in varying opacity,
in proportion to the level of gray used to paint. For example, if you paint with a medium
gray value, when you use the mask as a selection the pixels will be 50% selected. If you
paint with a dark gray and then use the mask as a selection, the pixels will be less than 50%
selected (depending on the gray value you choose). And if you paint with a light gray,
when you use the mask as a selection, the pixels will be more than 50% selected.
2 Make sure that the Egret channel is the active channel by clicking on the channel in the
Channels palette. A selected channel is highlighted in the Channels palette.
3 Now make sure that white is the foreground color. (If necessary, select the Switch
Colors icon above the foreground and background color selection boxes.) Then select a
small brush in the Brushes palette, and paint out any black or gray flecks.
4 If any white specks appear in the black area of the channel, make black the foreground
color, and paint those out as well. Remember that when you paint with black, you increase
the masked area and decrease the selection.
5 Choose File > Save.
124 LESSON 5
Masks and Channels
Extracting an image
Now you’ll work with another masking and selection tool, the Extract command, to make
some difficult selections—some marsh grasses and a foxtail.
The Extract command provides a sophisticated way to isolate a foreground object from
its background. Even objects with wispy, intricate, or undefinable edges can be clipped
from their backgrounds with a minimum of manual work.
126 LESSON 5
Masks and Channels
You’ll start with an image that consists of only one layer. You must be working in a layer
to use the Extract command. If your original image has no layers, you can duplicate the
image to a new layer.
For complete information on differing resolutions, see “About image size and
resolution” in Adobe Photoshop 6.0 online Help.
2 Choose Image > Extract.
The Extract dialog box appears with the edge highlighter tool ( ) selected.
To extract an object, you use the Extract dialog box to highlight the edges of the object.
Then you define the object’s interior and preview the extraction. You can refine and
preview the extraction as many times as you wish. Applying the extraction erases the
background area to transparency, leaving just the extracted object.
If needed, you can resize the dialog box by dragging its bottom right corner. You specify
which part of the image to extract by using the tools and previews in this dialog box.
Now you’ll choose a brush size for the edge highlighter tool. You’ll start with a fairly large
brush.
ADOBE PHOTOSHOP 6.0 127
Classroom in a Book
4 Using the edge highlighter tool, drag over the fuzzy ends and tip of the foxtail until
you’ve completely outlined, but not filled, the foxtail. Draw the highlight so that it slightly
overlaps both the foreground and background regions around the edge.
It’s OK if the highlight overlaps the edge. The Extract command makes its selection by
finding the difference in contrast between pixels. The foxtail has a well-defined interior,
so make sure that the highlight forms a complete outline. You do not need to highlight
areas where the object touches the image boundaries.
Now you’ll highlight the fine stem.
5 Decrease the Brush Size to 5.
6 If desired, select the zoom tool, or press spacebar+Ctrl (Windows) or
spacebar+Command (Mac OS) and click to zoom in on the stem. You can also use the
hand tool to reposition the image preview.
128 LESSON 5
Masks and Channels
7 Using the edge highlighter tool, drag over the stem to select it.
If you make a mistake and highlight more than desired, select the eraser tool ( ) in the
dialog box and drag over the highlight in the preview.
8 Select the fill tool ( ) in the Extract dialog box. Then click inside the object to fill its
interior. You must define the object’s interior before you can preview the extraction.
The default Fill color (bright blue) contrasts well with the highlight color (green). You can
change either color if you need more contrast with the image colors, using the Highlight
and Fill menus in the Extract dialog box.
9 Click the Preview button to view the extraction.
You can control the preview using one of these techniques:
• To magnify the preview, select the zoom tool ( ) in the Extract dialog box, and click in
the preview. To zoom out, hold down Alt (Windows) or Option (Mac OS), and click with
the zoom tool in the preview.
• To view a different part of the preview, select the hand tool in the Extract dialog box and
drag the image in the preview.
To toggle quickly between the edge highlighter and eraser tools when one of the tools is
selected, press b (edge highlighter) or e (eraser).
10 To refine your selection, edit the extraction boundaries using these techniques:
• Switch between the Original and Extracted views using the Show menu in the Extract
dialog box.
• Click a filled area with the fill tool to remove the fill.
ADOBE PHOTOSHOP 6.0 129
Classroom in a Book
• Select the eraser tool in the Extract dialog box, and drag to remove any undesired
highlighting.
• Select the Show Highlight and Show Fill options in the Extract dialog box to view the
highlight and fill colors; deselect the options to hide them.
• Zoom in on your selection using the zoom tool in the Extract dialog box. You can then
use a smaller brush size as you edit, switching between the edge highlighter tool and the
eraser tool as needed for more precise work.
• Switch to a smaller brush by entering a different size in the Brush Size text box and
continue to refine the selection’s border using the edge highlighter or to erase using the
eraser tool.
11 When you are satisfied with your selection, click OK to apply the extraction.
Now you’ll add the extracted image to the Egret image.
12 With the document window of the Foxtail image active, use the move tool ( ) to drag
the image to the right side of the Egret image. The foxtail is added as a new layer to the
Egret image.
13 With the Egret image active, choose Edit > Transform > Scale to scale the foxtail. Drag
the resize handles, holding down Shift to constrain the proportions, until the foxtail is
about two-thirds the original image height. Press Enter (Windows) or Return (Mac OS)
to apply the scaling.
14 In the Layers palette with the Foxtail layer (Layer 1) selected, decrease its opacity
to 70%.
15 Choose File > Save.
16 Save and close the Foxtail.psd image.
8 When you’ve enclosed the weed tips, drag to highlight the top third of the weeds fully.
The highlight should be solid.
9 Choose Black Matte from the Display menu in the Extract dialog box.
A black matte provides good contrast for a light-colored selection. For a dark selection,
try the Gray or White Matte option. None previews a selection against a transparent
background.
10 Click the Preview button to preview the extracted object.
11 To view and refine the extraction, use one of the following techniques:
• Use the Show menu to switch between previews of the original and extracted images.
• Select the Show Highlight or Show Fill option to display the object’s extraction
boundaries.
When you have finished editing, click Preview to view the edited extraction. You can edit
and preview the extraction repeatedly until you achieve the desired result.
12 When you are satisfied with the selection, click OK to apply the final extraction.
All pixels on the layer outside the extracted object are erased to transparency.
132 LESSON 5
Masks and Channels
Once you’ve extracted an image, you can also use the background eraser and history
brush tools to clean up any stray edges in the image.
Now you’ll add the extracted weeds to the Egret image.
13 With the Weeds.psd file active, use the move tool ( ) to drag the extracted selection
to the Egret image. Position the weeds so that they fill the bottom third of the Egret image.
The selection is added to the Egret image as a new layer.
14 In the Layers palette, decrease the opacity of the new layer by entering a value of 70%.
4 Click OK when you’re satisfied with the Colored Pencil settings. The filter is applied to
the background selection.
You can experiment with other filter effects for the background. Choose Edit > Undo to
undo your last performed operation.
5 Choose Select > Deselect to deselect everything.
6 Before you save your file, flatten your image to reduce the file size. Choose Layer >
Flatten Image.
7 Choose File > Save.
134 LESSON 5
Masks and Channels
2 Double-click the new channel to open the Channel Options dialog box, and rename
the channel Gradient. Click OK.
3 Select the gradient tool ( ).
ADOBE PHOTOSHOP 6.0 135
Classroom in a Book
4 In the tool options bar, click the arrow to display the Gradients pop-up palette and
select the Black, White gradient.
5 Hold down Shift to keep the gradient vertical, and drag the gradient tool from the top
of the document window to the bottom of the window.
The gradient is applied to the channel.
2 Without deselecting the RGB channel, position the pointer over the Gradient channel.
Drag from the channel to the Load Channel as Selection button ( ) at the bottom of the
palette to load the gradient as a selection.
A selection border appears in the window. Although the selection border appears over
only about half the image, it is correct.
3 Make sure that the foreground and background colors are set to their default (black
and white). If necessary, click the Default Foreground and Background Colors icon ( )
at the lower-left corner of the color selection boxes.
4 Press Delete to fill the gradient selection with the current background color, which
is white.
5 Choose Select > Deselect to deselect everything.
Review questions
1 What is the benefit of using a quick mask?
2 What happens to a quick mask when you deselect?
3 When you save a selection as a mask, where is the mask stored?
4 How can you edit a mask in a channel once you’ve saved it?
5 How do channels differ from layers?
6 How do you use the Extract command to isolate an object with intricate borders from
an image?
Review answers
1 Quick masks are helpful for creating quick, one-time selections. In addition, using a
quick mask is an easy way to edit a selection using the painting tools.
2 The quick mask disappears when you deselect it.
3 Masks are saved in channels, which can be thought of as storage areas in an image.
4 You can paint directly on a mask in a channel using black, white, and shades of gray.
5 Channels are used as storage areas for saved selections. Unless you explicitly display a
channel, it does not appear in the image or print. Layers can be used to isolate various
parts of an image so that they can be edited as discrete objects with the painting or editing
tools or other effects.
6 You use the Extract command to extract an object and the Extract dialog box to
highlight the edges of the object. Then you define the object’s interior and preview the
extraction. Applying the extraction erases the background to transparency, leaving just
the extracted object. You can also use the Force Foreground option to extract a
monochromatic or uniform-colored object based on its predominant color.