Creating vector objects for the background Many posters are designed to be scalable, either up or down, while retaining a crisp appearance. This is a good use for vector shapes. Next, you'll create vector shapes with paths and use masks to control what appears in the poster. Because they're vector, the shapes can be scaled in future design revisions without a loss of quality or detail.Drawing a scalable shape You'll begin by creating a white kidney-shaped object for the backdrop of the poster.
1. | Choose View > Rulers to display the horizontal and vertical rulers. | 2. | Drag the tab for the Paths palette out of the Layers palette group so that it floats independently. Since you'll be using the Layers and Paths palettes frequently in this exercise, it's convenient to have them separated.  | 3. | Hide all of the layers except the Retro Shape Guide layer and the Background layer by clicking the appropriate eye icons in the Layers palette, and then select the Background layer to make it active. The guide layer will serve as a template as you draw the kidney shape. | 4. | Set the foreground and background colors to their defaults (black and white, respectively) by clicking the Default Foreground and Background Colors button ( ) in the toolbox (or type the keyboard shortcut D), then swap the foreground and background colors by clicking the Switch Foreground and Background Colors button ( ) (or type X). Now the foreground color is white.A. Foreground Color buttonB. Default Foreground and Background Colors buttonC. Switch Foreground and Background Colors buttonD. Background Color button | 5. | In the toolbox, select the Pen tool ( ). Then, on the tool options bar, make sure that the Shape Layers option is selected. | 6. | Create the shape by clicking and dragging as follows:Click point A and drag a direction line up and to the left of point B, and then release.Click point B and drag a direction line toward and slightly above point C, and then release.Click point C and drag a direction line toward and above point D, and then release.Continue to draw curved segments in this way around the shape until you return to point A, and then click on A to close the path. Creating paths with the Pen tool," on page 285. Notice as you drew that Photoshop automatically created a new layer, Shape 1, in the Layers palette. | 7. | Double-click the Shape 1 shape layer, rename it Retro Shape, and press Enter (Windows) or Return (Mac OS). | 8. | Hide the Retro Shape Guide layer by clicking its eye icon in the Layers palette. |
Deselecting paths Deselecting paths is sometimes necessary to see the appropriate tool options bar when you select a vector tool. Deselecting paths can also help you view certain effects that might be obscured if a path is highlighted. Before proceeding to the next exercise, you'll make sure that all paths are deselected.
1. | Select the Path Selection tool ( ), which may be hidden under the Direct Selection tool ( ). | 2. | On the tool options bar, click the Dismiss Target Path button ( ).NoteYou can also deselect paths by clicking in the blank area below the paths in the Paths palette.Notice that the border between the white kidney shape and the blue background has a grainy quality. What you see is actually the path itself, which is a nonprinting item. This is a visual clue that the Retro Shape layer is still selected. |
About shape layers A shape layer has two components: a fill and a shape. The fill properties determine the color (or colors), pattern, and transparency of the layer. The shape is a layer mask that defines the areas in which the fill can be seen and those areas in which the fill is hidden.In the layer you've just created, the fill is white. The fill color is visible within the shape you drew and is not visible in the rest of the image, so the background sky can be seen around it.In the Layers palette, your Retro Shape layer sits above the Background layer because the Background was selected when you started to draw. There are three items in the shape layer along with the layer name: two thumbnail images and a link icon between them.A. Fill thumbnail B. Layer mask link icon C. Mask thumbnail The left thumbnail shows that the entire layer is filled with the white foreground color. The small slider underneath the thumbnail is not functional, but symbolizes that the layer is editable.The Mask thumbnail on the right shows the vector mask for the layer. In this thumbnail, white indicates the area where the image is exposed, and gray indicates the areas where the image is blocked.The icon between the two thumbnails indicates that the layer and the vector mask are linked.Subtracting shapes from a shape layer After you create a shape layer (vector graphic), you can set options to subtract new shapes from the vector graphic. You can also use the Path Selection tool and the Direct Selection tool to move, resize, and edit shapes. You'll add some interest to the retro shape by subtracting a star shape from it, allowing the outer space background to show through. To help you position the star, you'll refer to the Star Guide layer, which has been created for you. Currently, that layer is hidden.
1. | In the Layers palette, click the box to the far left of the Star Guide layer to display the eye icon ( ) for that layer (but leave the Retro Shape layer selected). The Star Guide layer is now visible in the image window.  | 2. | In the Paths palette, make sure that the Retro Shape Vector Mask is selected. | 3. | In the toolbox, select the Polygon tool ( ), hidden under the Rectangle tool ( ).  | 4. | On the tool options bar, do the following:For Sides, type 11.Click the Geometry Options arrow (immediately to the left of the Sides option) to open the Polygon Options. Select the Star check box, and type 50% in the Indent Sides By option. Then click anywhere outside the Polygon Options to close it.[View full size image] Select the Subtract From Shape Area option ( ), or press either hyphen or minus to select it with a keyboard shortcut. The pointer now appears as crosshairs with a small minus sign ( ).
 | 5. | Move the crosshairs pointer over the orange dot in the center of the orange circle in the image window, and click and drag outward until the tips of the star rays touch the circle's perimeter.NoteAs you drag, you can rotate the star by dragging the pointer to the side. When you release the mouse, the star shape becomes a cutout, allowing the planet to show through. If the background layer were another image, pattern, or color, you would see it inside the star shape.Notice that all the star has a grainy outline, reminding you that the shape is selected. Another indication that the shape is selected is that the Retro Shape vector mask thumbnail is highlighted (outlined in white) in the Layers palette. | 6. | In the Layers palette, click the eye icon for the Star Guide layer to hide it.Notice how the thumbnails have changed in the palettes. In the Layers palette, the left thumbnail for the Retro Shape layer is unchanged, but the mask thumbnails in both the Layers palette and Paths palette show the retro shape with the star-shaped cutout.  | 7. | Deselect the star and retro shape paths by selecting the Path Selection tool ( ) and clicking the Dismiss Target Path button ( ) on the tool options bar.Your paths are now deselected, and the grainy path lines have disappeared, leaving a sharp edge between the blue and white areas. Also, the Retro Shape Vector Mask is no longer highlighted in the Paths palette. |
 |