A lifetime ago (in computer years, anyway) a little company just south of San Francisco introduced a small beige box with a tiny 9-inch keyhole of a monitor and a mouse resembling a bar of soap. It could display and print only in black and white, was incapable of reproducing even remotely convincing photographic images, and was strictly limited to a resolution of 72 pixels per inch. And yet, graphic artists smiled a collective smile, because bundled in its modest software suite, alongside its stunted little word processor, Apple’s Macintosh gave the world MacPaint.
Painting and drawing programs have jumped by leaps and bounds since taking those first, early baby steps, but one feature remains the same: They’re still so much fun to use!
In this chapter, you’ll learn how to use Photoshop Elements’ built-in drawing and painting tools to create original artwork or to enhance your digital photos—whether you’re filling parts of your image with color, adding a decorative stroked border to a logo or design element, or “painting” a photo with Impressionist-style brushstrokes.
Photoshop Elements’ painting and drawing tools render artwork in two fundamentally different ways.
The painting tools, including all the varied fills, gradients, brushes, and erasers, work by making changes to pixels—adding them, removing them, or changing their colors. A bitmap image is composed entirely of tiny pixels; and digital photos, the mainstay of Photoshop Elements, are bitmap images. Although you can apply paintbrushes, color fills, special effects, and filters to bitmaps, they simply don’t resize well. If you try to enlarge a digital photo, for example, you’ll see that its image quality suffers as the pixels get bigger, resulting in a blurry mess.
The drawing tools (shape creation tools, really) form images not by manipulating pixels but by constructing geometric paths based on precise mathematical coordinates, or vectors. Images created with these drawing tools, known as vector graphics, hold one decided advantage over their bitmap cousins: They can be scaled up or down, virtually infinitely, with no loss of detail or resolution (Figure 10.1). Elements’ scalable fonts, for example, are based on vector shapes, so they can be stretched, warped, and resized to your heart’s content. Vector graphics files also tend to be smaller than comparable bitmap image files, since a path shape requires less information for your computer to process and render than a similar shape constructed of pixels.
Although they’re designed to work with different kinds of graphics, the painting and drawing tools are equally easy to use, and work well together if you want to combine vector and bitmap graphics—such as adding type or custom shapes to a favorite photo.
You have two primary ways of filling areas with a solid color. With the Fill dialog, you can quickly blanket an entire layer or a selected area of a layer with color. The Paint Bucket tool operates in a more controlled manner, filling only portions of areas based on properties that you set on the options bar. Either method works especially well for those times when you want to cover large, expansive areas with a single color.
To fill a selection or layer with color:
1. Using any of the selection or marquee tools, select the area of your image you want to fill with color.
If you want to fill an entire layer, it’s not necessary to make a selection.
2. To select a fill color, do one of the following:
Click either the current foreground or background color swatch at the bottom of the toolbox (Figure 10.2) to open the Color Picker; then select a color.
From the Swatches panel, click any color to select it.
3. From the Edit menu, choose either Fill Selection or Fill Layer to open the Fill Layer dialog (Figure 10.3).
4. From the Use drop-down menu, choose a source for your fill color (Figure 10.4). In addition to the foreground and background colors, you can use the Fill command to fill a selection or area with a pattern or with black, white, or 50-percent gray. Or you can choose Color to open the Color Picker and select a different color altogether.
5. From the Blending area of the dialog, select a blending mode and opacity for your fill. (For more information on blending modes, see “About Opacity and Blending Modes” in Chapter 8.)
6. Click the Preserve Transparency check box if you want to preserve a layer’s transparency when you apply the fill.
7. Click OK to close the dialog.
The selection or layer is filled with the color and properties you specified (Figure 10.5).
Tips
To save time, use simple keyboard shortcuts to fill a selection or layer with either the current foreground or background color. Option-Delete will fill a selection or layer with the current foreground color, and Command-Delete applies the current background color.
To swap the foreground and background color swatches in the toolbox, press X.
To convert the foreground and background color to black and white (the defaults), press D.
To apply fill color with the Paint Bucket tool:
1. Select the Paint Bucket tool from the toolbox (or press K) (Figure 10.7).
2. Select a foreground color from either the Color Picker or the Swatches panel.
3. On the options bar, select a blending mode and opacity setting, if desired (Figure 10.8).
4. Still on the options bar, set a Tolerance value; then specify whether you want the colored fill to be anti-aliased, to fill only contiguous pixels, or to affect all layers (Figure 10.9).
For more information on these options, see the sidebar “How Does that Paint Bucket Tool Work, Anyway?” on the next page.
5. Click the area of your image where you want to apply the colored fill.
The selected color is painted into your image (Figure 10.10).
The Gradient tool fills any selection or layer with smooth transitions of color, one blending gradually into the next. They can be rendered as opaque fills or seamlessly incorporated into a layered project using any of Elements’ blending modes and opacity settings. Use a gradient to create an effective background image for a photo; to screen back a portion of an image; to create an area on which to place type; or apply it to any shape or object to simulate the surface texture of metal or glass.
To apply a gradient fill:
1. Using any of the selection or marquee tools, select the area of your image where you want to apply the gradient.
If you want to fill an entire layer, you don’t need to make a selection.
2. Select the Gradient tool from the toolbox (or press G) (Figure 10.12).
3. On the options bar, click to open the gradient picker (Figure 10.13).
4. Click to choose from the list of default gradients, or if you want to view additional gradient sets, click the More button (the triangles to the right of the thumbnail images) to open the gradient picker menu (Figure 10.14).
Gradient sets are located in the bottommost section of the menu. When you select a new gradient set, it replaces the set displayed in the gradient picker.
5. On the options bar, click to choose a gradient style (Figure 10.15).
Choose from five gradient styles: Linear, Radial, Angle, Reflected, and Diamond.
6. In the image window, click and drag in the area where you want to apply the gradient (Figure 10.16).
The selection or layer is filled with the gradient.
Tip
Hold down the Shift key to constrain a gradient horizontally, vertically, or at a 45-degree angle.
Photoshop Elements’ Stroke command adds a colored rule or border around any selected object or layer. With the Stroke command, you can easily trace around almost anything, from simple rectangle or ellipse selections to complex typographic characters. Because you can control both the stroke’s thickness and where the stroke is drawn in relation to a selection (inside, outside, or centered), you can create everything from delicate, single-ruled outlines to decorative, multiple-stroked borders and frames.
To apply a stroke:
1. Using any of the selection or marquee tools, select the area of your image to which you want to add a stroke.
If you’re adding a stroke to an object on its own transparent layer, there’s no need to make a selection. Instead, just check that the layer is active on the Layers panel.
2. From the Edit menu, choose Stroke (Outline) Selection to open the Stroke dialog (Figure 10.17).
3. In the Width text box, enter the stroke width, in pixels.
There’s no need to enter the pixel abbreviation (px) following the number value.
4. Change the stroke color by clicking the Color box and opening the Color Picker.
5. Select the location of the stroke. The location determines where the stroke is drawn: inside, outside, or centered directly on the selection (Figure 10.18).
6. Ignore the Blending portion of the dialog for now.
7. Click OK to apply the stroke to your selection or layer (Figure 10.19).
Tip
Photoshop Elements uses the foreground color for the stroke color unless you change the color in the Stroke dialog. So if you want to pick a stroke color from the Swatches panel, click the Swatches panel to assign the foreground color before anything else; then choose Stroke from the Edit menu. The color you choose from the Swatches panel will appear as the stroke color in the dialog.
To create a decorative border:
1. Make a selection, either by using one of the selection or marquee tools, or by selecting an object on a transparent layer as described in the “Creating a Stroke Layer” sidebar.
2. Create a new layer; then apply a wide stroke to the selection (Figure 10.21). In this example, I used a stroke of 15 pixels.
3. With the selection still active, create a new layer above the first.
4. Apply a stroke narrower than the first and in a contrasting color or value (Figure 10.22).
5. Continue to add stroke layers until you achieve the desired result.
Tip
You can create different effects by adding inside and outside strokes.
The Brush tool is a near limitless reservoir of hundreds of different and unique brushes. You can apply painted brushstrokes directly to the surface of any photograph, or open a new file to serve as a blank canvas upon which you can create an original work of fine art. The dozen preset brush libraries offer selections as varied as Calligraphic, Wet Media, and Special effect, and any brush can be resized from 1 pixel to a staggering 2500 pixels in diameter. You can paint using any of Photoshop Elements’ blending modes and opacity settings, and you can turn any brush into an airbrush with a single click of a button. So whether you’re a budding Van Gogh, would like to add a color-tint effect to an antique black-and-white photograph, or just enjoy doodling while talking on the phone, Photoshop Elements’ brushes can help to bring out your inner artist.
To paint with the Brush tool:
1. To select a paint color, do one of the following:
Click the current foreground color swatch at the bottom of the toolbox to open the Color Picker.
Choose a color from the Swatches panel.
2. Select the Brush tool in the toolbox (or press B) (Figure 10.23).
3. On the options bar, click to open the Brush Presets panel (Figure 10.24).
4. Click to choose from the list of default brushes, or select a different brush set from the Brushes drop-down menu (Figure 10.25).
Once you’ve selected a brush, you can use it at its predefined size, or you can resize it using the brush Size slider on the options bar (Figure 10.26).
5. Again on the options bar, select a blend mode and opacity setting.
6. In the image window, drag to paint a brushstroke (Figure 10.27).
Tips
You can easily resize brushes on the fly using simple keyboard shortcuts. Once a brush of any size is selected, press the ] or [ key to increase or decrease the current brush size to the nearest unit of 10 pixels. Thus, if you’re painting with a brush size of 23 pixels and press the ] key, the brush size increases to 30 pixels and then grows in increments of 10 each subsequent time you press ]. Conversely, a brush size of 56 pixels is reduced to 50 pixels when you press the [ key, and the brush continues to shrink by 10 pixels each time thereafter that you press [.
When any tool that uses a brush-type pointer is selected (the Eraser, Blur, Sharpen, and Clone tools, for instance), use the same keyboard shortcuts above.
Almost any brush can be made to behave like an airbrush by clicking the Airbrush button on the options bar (Figure 10.28). With the Airbrush activated, paint flows more slowly from the brush and gradually builds denser tones of color. The Airbrush option is most effective when applied to soft, round brushes or to brushes with scatter and spacing properties. (For more information on scatter and spacing properties, see the sidebar “Understanding the Brush Dynamics Panel” later in this chapter.)
With so many different brushes and brush sets at your disposal, you may be surprised to discover you can change not only the size of brushes, but other characteristics such as flow, shape, and color. Photoshop Elements provides you with all the tools you need to modify existing brushes and create your own from photographs or scanned objects, such as leaves or flower petals. Once you’ve created a new brush, you can store it temporarily in an existing brush set or save and organize it into a new brush set of your own. Any new brush sets you create are then accessed and loaded from the Brushes dropdown menu on the Brush Presets panel.
To create a custom brush:
1. Select the Brush tool from the toolbox (or press B).
2. From the list of preset brushes on the options bar, click to select a brush you want to customize (Figure 10.29).
3. On the options bar, click the More Options button to open the Brush Dynamics panel (Figure 10.30).
4. Use the sliders on the panel to modify the Fade, Hue Jitter, Scatter, Spacing, and Hardness properties of the brush.
For more information on these slider controls, see the “Understanding the Brush Dynamics Panel” sidebar later in this chapter.
5. You can also adjust the angle and roundness of the brush (Figure 10.31).
As you move the sliders, or enter angle and roundness values, refer to the brush presets preview on the options bar to see the effects of your changes. All but the Hue Jitter property will be reflected in the preview on the options bar (Figure 10.32).
6. If you have a pressure-sensitive digital tablet connected to your computer, you can control how the pen’s pressure will affect your brush settings.
On the options bar, click the Tablet Options button, then check the boxes for the brush settings you want the pen pressure to control (Figure 10.33).
7. When you’re satisfied with your changes, click anywhere on the options bar to close the panel.
8. On the options bar, use the brush Size slider to size your brush.
9. Still on the options bar, open the Brush Presets panel; then select Save Brush from the panel options menu (Figure 10.34).
The Brush Name dialog opens.
10. Type a name for your new brush and click OK.
Your new brush appears at the bottom of the current brush presets list on the Brush Presets panel (Figure 10.35).
To create a brush from a photographic object:
1. Open an image that contains an object or area from which you want to create a new brush.
2. To select an object from the image, do one of the following:
Using one of the selection tools, select the object or portion of a photograph you want to make into a brush. The Selection Brush and Magnetic Lasso tools both work well for this kind of selection (Figure 10.36).
If you already have an object on its own transparent layer, hold down Command and click on the layer thumbnail in the Layers panel.
3. From the Edit menu, choose Define Brush from Selection. The Brush Name dialog opens with a representation of your new brush in its preview box (Figure 10.37).
4. Enter a name for the brush and click OK to close the dialog.
5. Select the Brush tool from the toolbox; then from the options bar, open the Brush Presets panel. Your new brush appears at the bottom of the current brush presets list (Figure 10.38).
6. Click to select the new brush; then on the options bar, click the More Options button to open the Brush Dynamics panel.
7. Use the sliders on the panel to modify the brush attributes; then click anywhere on the options bar to close the panel.
You can use these kinds of brushes to great effect as background textures, type borders, or homemade “rubber stamps” for greeting cards and invitations.
Images with high contrast generally work best as brush shapes. Remember that you’re not saving any color information—just the object’s shape and its tonal values—so you’ll want to use shapes with as much defined detail as possible.
Don’t be discouraged if you can’t seem to duplicate the color and scatter effects of preset brushes such as Maple Leaves. A good number of the built-in brushes weren’t created in Photoshop Elements at all, but in Adobe Photoshop. Photoshop offers a host of additional controls, including jitter properties for scatter, angle, hue, and size. For now, while you’re working in Photoshop Elements, any blowing leaves or dune grass you create will all have to face the same direction.
Managing brushes is no different than managing other presets (such as gradients and patterns). When you create a new brush, it’s saved in the presets file. But once you reset the brushes on the Brush Presets panel or select a different brush set, any new brushes you’ve created will be lost. Use the Preset Manager to create and save new brush sets.
To create a new brush set:
1. Create as many new brushes as you like, as described in the previous procedures.
2. From the Brush Presets panel menu, choose Preset Manager.
The Preset Manager dialog opens to the current brush set displayed on the Brush Presets panel (Figure 10.43).
3. Scroll through the thumbnail views until you find the brushes you want to include in your new set.
4. In the thumbnail area, Command-click to select all of the brushes you want to include (Figure 10.44).
If you select a brush by mistake, you can deselect it by holding down Command and clicking the thumbnail a second time.
5. Click the Save Set button to open the Save dialog.
6. In the File name text box, enter a new name to describe your brush set and click Save (Figure 10.45).
Your brush set is saved with the brushes you selected in step 4.
Your new brush set is saved with the others, but it won’t appear on either the More menu in the Preset Manager or the Brushes drop-down menu on the Brush Presets panel until after you quit and then restart Photoshop Elements.
The Impressionist Brush tool adds a painterly look to any photographic image. Although similar in effect to some of the Artistic and Brush Stroke filters, the Impressionist Brush tool allows you to be much more selective about which areas of an image it’s applied to. That’s because it uses the same scaleable, editable brushes as the Brush tool. You can use the Impressionist Brush tool to create compelling works of art from even the most mundane of photographs.
To paint with the Impressionist Brush tool:
1. Open the image to which you want to apply the Impressionist Brush effect.
2. Select the Impressionist Brush tool from beneath the Brush tool in the toolbox (Figure 10.46).
Alternatively, you can press B to select the Brush tool and then press B again to toggle to the Impressionist Brush tool.
3. On the options bar, select a brush from the Brush Presets panel.
You can, of course, use any brush with the Impressionist Brush tool, but the round, soft-sided brush that Photoshop Elements picks as the default works especially well.
4. Again on the options bar, select a size with the brush Size slider (Figure 10.47).
You can also select a mode and an opacity option, although in most cases the defaults of Normal and 100 percent are fine.
5. Still on the options bar, click the More Options button to open the Impressionist Brush Options panel (Figure 10.48).
6. From the Style drop-down menu, select a brush style (Figure 10.49).
I tend not to stray much beyond the top three Styles (Tight Short, Medium, and Long), although the Dab style also creates some pretty effects.
7. In the Area text box, enter a value, in pixels, for the amount of area you want to affect with each stroke of the brush. For example, let’s say you start with a brush that makes a single brush mark 10 pixels wide, and then select an Area value of 80 pixels. As you move the brush through the image—and depending on the brush style you chose—it will swoosh around an area of 80 × 80 pixels, distributing the paint in 10-pixel dollops.
8. If desired, select a Tolerance setting to determine the range of pixels affected. You may want to keep the Tolerance slider set at 0 percent and leave it alone. In use with the Impressionist brush, this setting seems wildly erratic and not worth the trouble.
9. In the image window, drag the brush through your image. The image takes on a painterly look wherever the brush is drawn through it (Figure 10.50).
Tips
Images with resolutions of 150 pixels per inch and higher make the best candidates for the Impressionist Brush tool, because the higher resolution helps to preserve detail when the effect is applied.
Stick to using smaller brush sizes, particularly on low-resolution images. Although any rules of thumb vary from image to image, a good starting place is a brush size between 6 and 10 pixels and an Area setting between 30 and 50.
The images or brushstrokes you choose to remove from a photograph are often as important as those you decide to add or leave behind. The basic Eraser feature is a powerful tool for cleaning up and fine-tuning your images, taking full advantage of every brush style and size that Photoshop Elements has to offer. Not only can you perform routine erasing tasks such as rubbing away stray pixels, you can also customize an eraser’s brush and opacity settings to create unique texture, color, and pattern effects. Three modes allow you to customize your erasers even further, so that you can erase with soft-edged brush shapes, hard-edged pencil shapes, or a simple hard-edged square block.
To use the Eraser tool:
1. Select the Eraser tool from the toolbox (or press E) (Figure 10.51).
2. On the options bar, select a brush from the Brush Presets panel (Figure 10.52).
3. Again on the options bar, select a size using the brush Size slider.
4. From the Mode drop-down menu, select one of the three eraser modes (Brush, Pencil, or Block).
If you select a soft, anti-aliased brush and then choose Pencil from the mode menu, the eraser will become coarse and aliased (Figure 10.53).
5. Still on the options bar, select an opacity using the Opacity slider.
6. In the image window, drag the eraser through your image.
The image is erased according to the attributes you’ve applied to the eraser.
In Photoshop Elements, you create shapes not by rendering them with pixels, but by constructing them from vector paths, which are actually vector masks. I’ll use some simple circle and square shapes to illustrate what that means.
Each time you draw a shape with one of the shape tools, Photoshop Elements is performing a little behind-the-scenes sleight of hand. Although it may appear that you’re drawing a solid, filled circle, for instance, what you’re really creating is a new layer containing both a colored fill and a mask with a circle-shaped cutout (Figure 10.56). When you move, reshape, or resize a shape, you’re actually just moving or reshaping the cutout and revealing a different area of the colored fill below it (Figure 10.57). When you add to or subtract from a shape by drawing additional shapes, you’re simply revealing or hiding more of the same colored layer (Figure 10.58).
Every time you create a new shape, a new shape layer is added to the Layers panel. A shape layer is represented in the panel thumbnails by a gray background (the mask) and a white shape (the mask cutout, or path). Since a shape’s outline isn’t always visible in the image window—if you deselect it, for instance—the Layers panel provides a handy, visual reference for every shape in your project (Figure 10.59). And as with any other layered image, you can use the Layers panel to hide a shape’s visibility and even change its opacity and its blending mode.
In Photoshop Elements, you can draw five basic geometric shapes (a shape selection tool and a tool for creating custom shapes are discussed in detail later in this chapter). Shapes can be drawn freely by clicking and dragging, or they can be constrained according to your specification of size, proportion, and special characteristics. You can use the shape tools to create logos or geometric designs; or, because a new layer is created with every shape you draw, you can draw shapes directly over any photograph or scanned image without fear of damaging the image.
To draw a shape:
1. Select a shape tool from the toolbox (or press U) (Figure 10.60).
To cycle through the shape tools, press U again until you arrive at the shape you want.
2. To select a shape color, do one of the following:
Click the current foreground color swatch at the bottom of the toolbox, or click the color box on the options bar to open the Color Picker.
Choose a color from the Swatches panel.
3. If they’re available for the tool you’ve selected, you can set special properties for your shape before you draw. On the options bar, enter values specific to the shape you’ve chosen (Figure 10.61).
For the Rounded Rectangle tool, you can enter a corner radius. For the Polygon tool, you can enter the number of sides. For the Line tool, you can enter a pixel weight.
4. On the options bar, click the arrow next to the shape buttons to open the Geometry Options panel (Figure 10.62).
In the Geometry Options panel, select from the available options for that particular shape or leave the options set to the default of Unconstrained.
5. In the image window, click and drag to draw the shape (Figure 10.63).
If you like, you can add a style to your shape from the Shape tool’s built-in style picker.
6. On the options bar, click the icon or arrow to open the style picker (Figure 10.64).
7. Choose from the list of available styles or click the arrows to the right of the thumbnail images to open the Style panel menu. The style picker displays the new style set.
8. Click a style in the style picker to apply it to your shape (Figure 10.65).
9. To deselect the shape and hide the path outline, press Enter.
Tip
If you decide to remove a style from a shape, you have two options. With the shape layer selected in the Layers panel, either open the Style panel menu in the style picker and then choose Remove Style; or, right-click the Layer Style icon on the desired layer in the Layers panel and choose Clear Layer Style.
You’re not limited to just creating shapes in Photoshop Elements. You can also scale (resize), rotate, and distort them to your liking. Shapes can be altered either numerically, by entering specific values on the options bar, or manually, by dragging their control handles in the image window. Constrain options, such as proportional scaling, are available for most transformations, and a set of keyboard shortcuts helps to simplify the process of adding distortion and perspective.
To scale a shape:
1. Select the Shape Selection tool by doing any of the following:
Choose the Shape Selection tool from beneath the current shape tool in the toolbox (Figure 10.68).
Press U to select any shape tool and then press U again until you toggle to the Shape Selection tool.
Select any shape tool in the toolbox, and then choose the Shape Selection tool from the options bar (it looks like an arrow).
2. In the image window, select the shape with the Shape Selection tool.
3. From the Image menu, choose Transform Shape > Free Transform Shape, or press Command-T.
The options bar changes to show the scale and rotation text boxes, and the reference point locator (Figure 10.69).
4. On the options bar, click to set a reference point location.
The reference point determines what point your shape will be scaled to: toward the center, toward a corner, and so on (Figure 10.70).
5. If you want to scale your shape proportionately, click the Constrain Proportions check box.
6. Enter a value in either the height or width text box.
The shape is scaled accordingly.
7. Click the Commit Transform button (Figure 10.71), or press Enter.
Tips
You can scale a shape manually by selecting it with the Shape Selection tool and then dragging any one of the eight handles on the selection border. Constrain the scaling by holding down the Shift key while dragging one of the four corner handles.
If you want to simply reposition a shape in the image window, click anywhere inside the shape with the Shape Selection tool and then drag the shape to its new position.
1. Select the Shape Selection tool from the toolbox or options bar.
2. In the image window, select the shape with the Shape Selection tool.
3. From the Image menu, choose Rotate > Free Rotate Layer (Figure 10.72).
The options bar changes to show the scale and rotation text boxes, and the reference point locator.
4. On the options bar, click to set a reference point location.
The reference point determines the point around which your shape will be rotated (Figure 10.73).
5. Enter a value in the rotate text box. The shape will rotate accordingly.
6. Click the Commit Transform button, or press Enter.
Tips
To rotate your shape in 90- or 180-degree increments or to flip it horizontally or vertically, choose Image > Rotate; then choose from the list of five menu commands below the Free Rotate Layer command.
You can rotate a shape manually by selecting it with the Shape Selection tool and then moving the pointer outside of the selection border until it becomes a rotation cursor (Figure 10.74). Drag around the outside of the selection border to rotate the shape. In addition, you can constrain the rotation to 15-degree increments by holding down the Shift key while dragging the rotation cursor.
To distort a shape:
1. Select the Shape Selection tool from the toolbox.
2. In the image window, select the shape with the Shape Selection tool.
3. From the Image menu, choose Transform Shape; then choose Skew, Distort, or Perspective (Figure 10.75).
4. On the options bar, check that the reference point location is set to the center.
The reference point can, of course, be set to any location, but the center seems to work best when applying any of the three distortions.
5. Drag any of the shape’s control handles to distort the shape.
Dragging the control handles will yield different results depending on the distort option you choose (Figure 10.76).
6. Click the Commit Transform button, or press Enter.
Once you’ve gained a basic understanding of working with Elements’ geometric shapes, you can begin adding those shapes together to create even more interesting and intricate shapes. Shape option buttons allow you to perform a little vector path magic by creating brand-new shapes out of the intersections and overlapping portions of the rectangle, ellipse, and polygon shapes.
The Custom Shape tool is in a world unto itself, working from a library of nearly 400 complex vector graphics grouped into categories as diverse as ornaments, music, fruit, symbols, and nature—far beyond the relatively simple icons and graphics you can build with the basic geometric shape tools.
To add a shape to an existing shape:
1. Follow steps 1 through 5 in the task “To draw a shape” earlier in this chapter. Make sure that this first shape’s path remains selected (Figure 10.77). This technique will only work when both shapes are being drawn to the same layer.
2. From the toolbox, select the shape tool for the next shape you want to add.
You can use the same shape more than once, if you wish.
3. On the options bar, set color, value, and geometry options as desired.
4. Still on the options bar, click to select one of the shape area options (Figure 10.78).
5. In the image window, click and drag to draw the new shape (Figure 10.79).
6. To deselect the shapes and hide their path outlines, press Enter.
To combine multiple shapes:
1. Select the Shape Selection tool from the toolbox.
2. In the image window, click to select the first shape; then Shift-click to select the additional shapes you want to group (Figure 10.80).
3. On the options bar, click the Combine button (Figure 10.81). The shapes are combined into one complex shape.
Tip
The Layers panel can be a useful tool when working with the shape tools. Its layer thumbnails provide good visual feedback, particularly when you’re building complex shapes and want to verify that the new shapes you create are being placed on the correct layers.
You can only combine shapes that appear on the same layer on the Layers panel; like those I created in the previous procedure. However, if you’ve created shapes on separate layers and then decide you want to combine them, all is not lost. With the Shape Selection tool, select one of the shapes. Then from the Edit menu, choose Cut (Command-X). In the Layers panel, click to select the shape layer you want to combine the “cut” shape with, and then from the Edit menu, choose Paste (Command-V). The shape will be pasted into the selected layer along with the other shape. From there, just follow the steps to combine multiple shapes.
When selecting multiple shapes, work from the inside out. In other words, if you have a large shape with a smaller cutout or intersecting shape inside it, select the smaller, inside shape first. Photoshop Elements doesn’t assign any stacking order per se to multiple shapes on a layer, but if a larger, outside shape is selected first, the selection sort of covers up any smaller shapes inside, making them next to impossible to select.
Up until the moment multiple shapes are grouped together with the Combine button, they can be selected individually and then scaled, rotated, distorted, and even duplicated with the Copy and Paste commands.
To draw a custom shape:
1. Select the Custom Shape tool by doing one of the following:
Select the Custom Shape tool from beneath the current shape tool in the toolbox.
Press U to select any shape tool; then press U again to toggle to the Custom Shape tool.
2. To select a shape color, do one of the following:
Click the current foreground color swatch at the bottom of the toolbox, or click the color box on the options bar to open the Color Picker.
Choose a color from the Swatches panel.
3. On the options bar, click the arrow next to the Custom Shape button to open the Custom Shape Options panel (Figure 10.83). Select from the available options or leave the options set to Unconstrained.
4. Still on the options bar, click to open the custom shape picker (Figure 10.84).
5. Click to choose from the list of default shapes, or select a different shape set from the Custom Shapes drop-down menu.
6. In the image window, click and drag to draw the selected shape (Figure 10.85).
7. Press Enter to deselect the shape.
Tip
Custom shapes can be used in combination with other shapes and with the shape area options just like any of the basic geometric shapes.
If you ever want to paint on a shape or apply any filter effects to it, you’ll first need to convert the shape from a vector path to a bitmap.
To convert a vector shape to a bitmap:
1. To open the Layers panel, do one of the following:
From the Window menu, choose Layers.
Click the arrow on the Layers panel tab in the panel bin.
2. On the Layers panel, click to select the layer containing the shape (or shapes) you want to convert to bitmaps (Figure 10.86).
3. From the More menu on the Layers panel, select Simplify Layer (Figure 10.87).
The vector shape is converted to a bitmap, and instead of showing the shape’s path, the layer thumbnail displays the shape’s image on a transparent background (Figure 10.88).
The Cookie Cutter tool isn’t exactly a painting or drawing tool, although right up to the moment you press the Commit Transform button, it behaves in exactly the same way as the Custom Shape tool. The Cookie Cutter tool uses the Custom Shape tool’s libraries of shapes to create distinctive masked versions of image layers. The difference between the two (and it’s a biggie) is that whereas the Custom Shape tool creates vector shapes, the Cookie Cutter tool creates a raster image. So, although you can initially scale, rotate, and otherwise distort a Cookie Cutter shape just like a vector graphic, once you commit the shape to your image, the final result is still a raster (or bitmap) image layer. Once you understand the Cookie Cutter’s limitations, it can still be a fun and useful tool.
To mask an image with the Cookie Cutter tool:
1. From the toolbox, click to select the Cookie Cutter tool, or press Q (Figure 10.89).
2. On the options bar, click the Shape Options button to open the Cookie Cutter Options panel.
Select from the available options or leave the options set to Unconstrained.
3. Still on the options bar, click to open the Cookie Cutter shape picker (Figure 10.90).
4. Click to choose from the list of default shapes, or select a different shape set from the Custom Shapes drop-down menu.
5. In the image window, click and drag over an image layer to draw the selected shape. The image now appears only within the Cookie Cutter shape, leaving the rest of the layer transparent (Figure 10.91).
If you apply the Cookie Cutter tool to a flattened, background layer, it automatically converts the layer to a working layer with transparency.
6. To reposition the shape in the image window, place the cursor anywhere inside the shape bounding box, and then click and drag.
Notice that as you drag the shape, different areas of the original image are revealed, as if you were moving a window around on a solid wall (Figure 10.92).
7. To scale, rotate, or otherwise transform the shape, refer to the section “Transforming Shapes,” earlier in this chapter.
8. When you’re satisfied with the size and position of your masked shape, click the Commit Transform button, or press Enter (Figure 10.93).
Once you commit the shape to the image layer, you can apply blending modes, opacity changes, and filters just as you would on any other raster image layer.
Tip
For a similar effect that affords you more flexibility (namely, the ability to transform your layer mask indefinitely), create a shape with the Custom Shape tool, and then follow the steps in the section “Creating Clipping Masks,” in Chapter 8.
18.118.12.50