This chapter is from the book
This chapter is from the book
This chapter is from the book
Using the Layers panel
The Layers panel lists all the layers in an image, displaying the layer names and thumbnails of the content on each layer. You can use the Layers panel to hide, view, reposition, delete, rename, and merge layers. The layer thumbnails are automatically updated as you edit the layers.
If the Layers panel is not visible in the work area, choose Window > Layers.
The Layers panel lists five layers for the 04Working.psd file (from top to bottom): Postage, HAWAII, Flower, Pineapple, and Background.
Select the Background layer to make it active (if it’s not already selected). Notice the layer thumbnail and the icons shown for the Background layer:
The lock icon (
) indicates that the layer is protected from layer changes. That’s why the options above the layer list are unavailable. However, it’s still possible to edit the layer content itself, such as painting on it.The eye icon (
) indicates that the layer is visible in the document window. If you click the eye, the document window no longer displays that layer.
The first task for this project is to add a photo of the beach to the postcard. First, you’ll open the beach image in Photoshop.
In Photoshop, choose File > Open, navigate to the Lesson04 folder, and then double-click the Beach.psd file to open it.
The Layers panel changes to display the layer information for the active Beach.psd file. Notice that only one layer appears in the Beach.psd image: Layer 1. It’s not a Background layer, so it can use layer features such as transparency.
)
)
Renaming and copying a layer
To add content and simultaneously create a new layer for it, drag and drop one or more files or Photoshop layers into a Photoshop document window. You can drag layers from a source document window or from the Layers panel.
You’ll drag the Beach.psd image onto the 04Working.psd file. Before you begin, make sure that both the 04Working.psd and Beach.psd files are open and that the Beach.psd file is selected.
First, you’ll give Layer 1 a more descriptive name.
In the Layers panel, double-click the name Layer 1, type Beach, and then press Enter or Return. Keep the layer selected.
Choose Window > Arrange > 2-Up Vertical. Photoshop displays both of the open image files. Select the Beach.psd image so that it is the active file.
Select the Move tool (
), and use it to drag the Beach.psd image onto the 04Working.psd document window.The Beach layer now appears in the 04Working.psd file document window and its Layers panel, between the Background and Pineapple layers. Photoshop always adds new layers directly above the selected layer; you selected the Background layer earlier.
Close the Beach.psd file without saving changes to it.
)
)
)
Viewing individual layers
The 04Working.psd file now contains six layers. Some of the layers are visible, and some are hidden. The eye icon () next to a layer thumbnail in the Layers panel indicates that the layer is visible.
Click the eye icon (
) next to the Pineapple layer to hide the image of the pineapple.You can hide or show a layer by clicking this icon or clicking in its column, also called the Show/Hide Visibility column.
Click again in the Show/Hide Visibility column to display the pineapple.
)
Adding a border to a layer
Now you’ll add a white border around the Beach layer to create the impression that it’s an old photograph.
Select the Beach layer. (To select the layer, click the layer name in the Layers panel.)
The layer is highlighted, indicating that it is active. Changes you make in the document window affect the active layer.
To make the opaque areas on this layer more obvious, hide all layers except the Beach layer: Press Alt (Windows) or Option (Mac) as you click the eye icon (
) next to the Beach layer.The white background and other objects in the image disappear, leaving only the beach image against a checkerboard background. The checkerboard indicates transparent areas of the active layer.
Choose Layer > Layer Style > Stroke.
The Layer Style dialog box opens. Now you’ll select the options for the white stroke around the beach image.
Specify the following settings:
Size: 5 px
Position: Inside
Blend Mode: Normal
Opacity: 100%
Color: White (Click the Color box, and select white in the Color Picker.)
Click OK. A white border appears around the beach photo.
)
)
)