• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 10. Vector Masks, Paths, and Shap... > Adding a colored shape to the backgr...

Adding a colored shape to the background

You’ll begin by creating the backdrop for a poster image.

If the 10Start.psd file is not still open and selected, do that now.

Some work on the file has been done for you; the image already contains a background layer with a green gradient fill and a series of horizontal and vertical guides. The guides are locked in position. (If you do not see the guides, choose View > Show to open the submenu and make sure that the Guides command is checked, or choose it now.)

Choose View > Rulers to display a horizontal and a vertical ruler.

In the Layers palette group, drag the tab for the Paths palette out of the palette group. Since you’ll be using the Layers and Paths palettes frequently in this lesson, it’s convenient to have them separated.

In the Color palette, set the foreground RGB color to a deep blue color by typing 0 as the R value, 80 as the G value, and 126 as the B value.

On the toolbox, select the Rectangle tool (). Then, in the tool options bar, make sure that the Shape Layers option is selected.

Drag a rectangle from the intersection of the top and leftmost guides to the intersection of the third horizontal guide (about three-fourths of the way down the image, slightly below the 5-inch mark) and the vertical guide near the right margin of the page.

You’ve created a rectangle with a deep blue fill, set within enough of the edge to form a white border. (If you don’t get that result, make sure that you’ve selected the Rectangle tool—which is below the Type tool on the toolbox—and not the Rectangular Marquee tool. Also, make sure that the Shape Layers option is selected in the tool options bar.)

In the toolbox, select the Direct Selection tool (), hidden under the Path Selection tool (), and click anywhere on the path (edge) of the blue rectangle to select the path, so that selection handles appear in the four corners.

Select the lower left handle of the blue shape, being careful to select just the handle and not a path segment.

Shift+drag the handle upward to the next horizontal guide (at about the four-inch mark on the ruler) and release the mouse button when the handle snaps into place against the guide.

Now the lower edge of the blue shape slopes down from left to right.

Choose View > Show > Guides to hide the guides, because you are finished using them for this lesson. You’ll be using the rulers again, so do not hide them yet.

Click anywhere inside or outside the blue rectangle in the image window to deselect the path and hide its handles.

Notice that the border between the blue shape and the green background has a grainy quality. What you see is actually the path itself, which is a non-printing item. This is a visual clue that the Shape 1 layer is still selected.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint