17. Fun with Layers

Image

Now that you’re familiar with many of the basic controls in Photoshop, it’s time to learn some fun ways to manipulate the content of your layers. In this chapter, you will learn how to clip (hide the visibility of) multiple layers using a mask, blend pixels between layers using advanced controls, apply transformation commands to a layer (including normal and Content-Aware scaling), apply the Liquify filter, and apply the Warp command.

Note: For faster previewing of your Liquify, Warp, and transform edits, make sure Use Graphics Processor is checked in Edit/Photoshop > Preferences > Performance before opening your file.

Using clipping masks

When layers are put into a clipping mask, the content of the bottommost layer, called the “base” layer, clips (limits which areas are visible on) the layers above it. The mode and opacity of the base layer are also applied to the clipped layers. Layers in a clipping mask remain fully editable and can be repositioned individually.

To create a clipping mask:

1. On the Layers panel, make sure the layers to be clipped are listed consecutively. The base layer can be a type, image, or shape layer or a Smart Object; stack it below the layers to be clipped.A

Image

A This document contains five layers (including an editable type layer that is currently hidden behind the image layers).

2. Do either of the following:

Click a layer to be clipped, or Shift-click multiple layers to be clipped (not the base layer) (A), then press Ctrl-Alt-G/Cmd-Option-G (B–C).

Image

A We held down Shift and clicked four layers ...

Image

B ... then pressed Ctrl-Alt-G/Cmd-Option-G to put them in a clipping group. The base layer name has an underline; the clipped layers are indented.

Image

C The type (base) layer is clipping the four image layers (it’s a “ski mask,” ha-ha).

To clip one layer at a time, Alt-click/Option-click the line between two layers (Imagepointer), or right-click one of the layers to be clipped (not the base layer) and choose Create Clipping Mask.

3. Optional: To include more layers in the mask, either restack them between existing layers in the mask or repeat the preceding step.

4. Optional: You can reposition one or more selected layers in the clipping mask with the Move tool (V). To link two or more clipped layers so they can be moved more easily as a unit, select their listings, then click the Link Layers button. Image Click the listing for one of the linked layers, then with the Move tool, drag in the document.D To unlink the layers, select them, then click the Link Layers button.

Image

D We selected and moved the clipped image layers to the left with the Move tool, while the base layer stayed put.

Image To use grouped layers in a clipping mask, all the layers (including the base layer) must be in the group.

When you release a layer from a clipping mask, any and all of the masked layers above it are also released.

To release one or more layers from a clipping mask:

Do either of the following:

Alt-click/Option-click the line below the layer to be released.

Click a layer to be released (not the base layer), then press Ctrl-Alt-G/Cmd-Option-G.

To release an entire clipping mask:

Alt-click/Option-click the line above the base layer.

Click the layer directly above the base layer, then press Ctrl-Alt-G/Cmd-Option-G.

Image To merge clipped layers, see pages 164165.

Blending layers

In these steps, you’ll edit a duplicate image layer, then blend the original and duplicate layers via the opacity and blending mode controls on the Layers panel. You can use this method to soften the effect of a filter or other image edits or simply to see how various blending modes or opacity settings affect your document.

To blend a duplicate, edited layer with the original one:

1. On the Layers panel, click an image layer, then press Ctrl-J/Cmd-J to duplicate it.

2. Apply some creative edits to the duplicate layer, such as some brush strokes or a filter or two from the Filter menu (to learn about the Filter Gallery, see pages 358359).

Note: If you want to apply a filter as an editable Smart Filter (see page 360), right-click the duplicate image layer and choose Convert to Smart Object before going to the Filter menu.A

Image

A We duplicated the Background in this image, converted the duplicate layer to a Smart Object, then applied the Distort > Ocean Ripple filter (Filter Gallery).

3. Keep the duplicate layer or Smart Object selected, then on the Layers panel, do either or both of the following:

Choose a different blending mode. Or if you want to cycle through the blending modes, press Shift - – or Shift- +.

Lower the layer Opacity percentage to make the layer semitransparent.B–C

Image

B We chose Lighten mode for Layer 1 and lowered the layer Opacity to 84%.

Image

C The final image combines characteristics of the original Background and the filtered Smart Object.

The Advanced Blending options in the Layer Style dialog let you control how a layer blends with underlying layers. Here we focus on the Blend If sliders.

To choose blending options for a layer:

1. Double-click next to the name of a layer or layer group on the Layers panel.A–B

Image

A We opened a photo of a surface texture, then created some editable type in a dark color.

Image

B We double-clicked the type layer name to open the Layer Style dialog.

2. The Layer Style dialog opens (Blending Options should be selected in the upper left). Check Preview.

The first three controls — Blend Mode, Opacity, and Fill Opacity — are the same as on the Layers panel. (The Fill Opacity changes the layer opacity without altering the opacity of any layer effects. To learn about layer effects, see Chapter 20.)

3. Use the Blend If sliders to control which pixels in the current layer stay visible and which pixels from the underlying layer show through the current layer:

Move the black This Layer slider to the right to drop out shadow areas from the current layer.

Move the white This Layer slider to the left to drop out highlight areas from the current layer.

Move the black Underlying Layer slider to the right to reveal shadow areas from the underlying layer.A

Image

A In the Blend If area of the Layer Style dialog, we dragged the black Underlying Layer slider to the right. Dark colors from the texture layer now show through the type layer.

Move the white Underlying Layer slider to the left to reveal highlight areas from the underlying layer.

To adjust midtone colors separately from the lightest and darkest colors, Alt-drag/Option-drag a slider (it will divide into two sections), then drag each half of the slider separately.B

Image

B To enable midtone colors from the underlying texture layer to show through the type layer, we held down Alt/Option and dragged the Underlying Layer slider to divide it, then dragged each section separately. Now the type looks as if it’s been worn away by the elements.

4. Click OK. On the Layers panel, the layer will have this badge, Image indicating that the Advanced Blending options currently have nondefault settings.

Image To display only layers that contain nondefault Advanced Blending settings, choose Attribute from the Filter Type menu on the Layers panel, and Advanced Blending from the second menu.

Applying transformations

You can apply scale, rotate, skew, distort, and perspective transformations to a layer or layer group, among other things (see the sidebar at right). We’ll show you how to apply multiple transformations via the Free Transform command and the Move tool — the methods that we find to be most intuitive.

Note: To help preserve the image quality, if you need to apply multiple transformations, do them consecutively and accept the edits only after the last one, so Photoshop resamples the image data just once.

To apply transformations using the Free Transform command or the Move tool:

1. On the Layers panel, click a layer, a layer group, or the Background, or Shift-select multiple layers.A Any layers that are linked to the selected one(s) will also be transformed. Or to transform a path, select it via the Paths panel.

Image

A This is the original image.

To transform the Background, you must create a selection, and you also should choose a Background color because Photoshop will fill any exposed areas with that color.

2. Optional: If you clicked a single image layer, you can create a selection to limit which area is transformed.

3. Do either of the following: Press Ctrl-T/Cmd-T (or choose Edit > Free Transform; or for a path, choose Edit > Free Transform Path).

Choose the Move tool Image (V), check Show Transform Controls on the Options bar, then click any handle on the transform box to display transform features on the Options bar.

4. For the Free Transform commands, you can select a resampling method from the Interpolation menu on the Options bar, if available (we pick Bicubic Automatic to let Photoshop use the best method).

5. A transform box with handles surrounds the selection, path, or opaque part of the layer. Do one or more of the following:

To scale the item horizontally and vertically, drag a corner handle; to scale it just horizontally or vertically, drag a middle handle; to scale it proportionally, Shift-drag a corner handle; or to scale it from the current reference point (marked by a crosshair in the transform box), Alt-drag/Option-drag a handle (add Shift to scale it proportionally from the reference point).B

Image

B We selected the car, then copied it to a new layer. Here we’re scaling the new layer.

To rotate it, position the pointer outside the transform box (the pointer becomes a curved, two-headed arrow), then drag. Shift-drag to constrain the rotation to a multiple of 15°.

To skew it, Ctrl-drag/Cmd-drag a middle handle. Include Shift to constrain the movement.

To distort it, Ctrl-drag/Cmd-drag a corner handle.A–B

Image

A This is the original shape layer.

Image

B We’re applying a distort transformation.

To apply perspective, Ctrl-Alt-Shift-drag/Cmd-Option-Shift-drag a corner handle vertically or horizontally; an adjacent corner moves symmetrically.C

Image

C We’re applying a perspective transformation.

Image To undo the last handle edit, choose Edit > Undo.

Image As you perform a transformation, a dynamic readout listing the dimensions or angle of your edits displays next to the pointer.

6. To resume normal editing, you must either accept or cancel the transformation:

To accept the edit(s), double-click inside the bounding box, press Enter/Return, or click the Commit Transform button Image on the Options bar.

To cancel the edit(s), press Esc or click the Cancel Transform button. Image

Image Before dragging a handle to scale or rotate, you can drag the reference point, from which the layer or selection is transformed, to a new location.

Applying Content-Aware scaling

The standard transform features in Photoshop scale an entire layer uniformly, regardless of the layer content. The Content-Aware Scale command is smarter in that it tries to scale background areas without distorting shapes that have clearly defined borders, such as figures or objects. You can help protect areas from distortion by creating and using an alpha channel.

To apply Content-Aware scaling:

1. Duplicate an image layer to be scaled (not a Smart Object), then hide the original layer (A).

Image

A This is the original image.

2. Optional: To minimize distortion in an area of the layer, select that area, then on the Channels panel, click the Save Selection as Channel button.Image Deselect.

3. Choose Edit > Content-Aware Scale (Ctrl-Alt- Shift-C/Cmd-Option-Shift-C).

4. On the Options bar, do either of the following: If you created an alpha channel (step 2, above), select the channel name from the Protect menu.

If the image contains figures, check the Protect Skin Tones button Image to help prevent distortion. Note that this feature does a better job of recognizing skin than clothing.

5. Slowly drag a handle on the bounding box (B), or Shift-drag a corner handle for more proportional scaling.

Image

B We chose Edit > Content-Aware, then dragged a side handle to the left.

6. Optional: To permit some normal (non Content-Aware) scaling to occur, set the Amount percentage on the Options bar below 100%. The lower the Amount, the greater the distortion and the less protective the effect of the alpha channel.

7. To accept the transformation, press Enter/Return or click the Commit Transform button Image on the Options bar (C–D). To cancel the edits, press Esc or click the Cancel Transform button. Image

Image

C The figures scaled less than the surrounding landscape.

Image

D For comparison, we scaled the original image with the Move tool instead of the Content-Aware Scale command. The whole picture looks squashed, including the figures.

Image The Content-Aware Scale command can be applied only to a single image layer (not to multiple layers, a Smart Object, or other kinds of layers).

Image To specify the stationary point from which the layer is scaled, click a square on the reference point locator Image (Options bar) before dragging a handle.

Image To scale a layer based on a percentage of its original size, set the W (width) or H (height) percentage on the Options bar. To scale it proportionally, activate the Maintain Aspect Ratio button.Image

Using the Liquify filter

Using the tools in the Liquify dialog, you can reshape any part of an image: Slim a waistline, shrink an oddly shaped area of clothing, twirl part of a landscape — or if you’re in the mood, apply bizarre distortion (as in Dr. Spock ears and eyebrows). Note: When using this feature, make sure Use Graphics Processor is checked in Edit/Photoshop > Preferences > Performance before opening your file. Also, in Preferences > General, check Vary Round Brush Hardness Based on HUD Vertical Movement so you will be able to change the brush density interactively (see the tip in step 8; a graphics card with at least 512 MB of memory is required).

To use the distortion tools in Liquify:

1. Open an RGB image.A Duplicate the Background, and keep the duplicate layer selected.

Image

A This is the original image.

Note: If you want to keep the Liquify results nondestructive and editable, convert the duplicate layer to a Smart Object (Photoshop will save a compressed mesh into the Smart Object). This method increases the file size.

2. Optional but recommended: Select the area of the image you want to edit.B The rest of the image will be protected from Liquify edits. Other options are to create a layer mask or an alpha channel, to be chosen in the Liquify dialog.

Image

B We selected the sky area before opening the Liquify dialog.

3. Choose Filter > Liquify (Ctrl-Shift-X/Cmd-Shift-X). In the dialog, check Advanced Mode. If necessary, zoom in on the area to be reshaped.

4. If you want to protect areas of the image from Liquify edits, do either of the following:

To apply a mask based on an active selection, or on layer transparency, a layer mask, or an alpha channel in the document, choose that option from the Replace Selection (first) menu under Mask Options.

To paint a mask manually or to add to an existing mask, choose the Freeze Mask tool Image (F), choose settings under Tool Options (A), then draw strokes in the preview (B).

Image

A Check Advanced Mode to display and access the full array of Liquify options.

Image

B Our selection appeared as the nonmasked area in the Liquify dialog. With the Freeze Mask tool, we Shift-clicked the top edge of the image to add that area to the mask (in a straight line).

5. You can also use any of these masking controls: Hide or show the mask via the Show Mask check box.

To remove areas of the mask, choose the Thaw Mask tool Image (D), then draw strokes in the preview (or hold down Alt/Option while using the Freeze Mask tool). (If you need to remove the whole mask, click None under Mask Options.) To reverse the masked and unmasked areas, click Invert All.

6. Choose the Forward Warp, Image (W) Twirl Clockwise Image (C), Pucker Image (S), Bloat Image (B), or Push Left Image (O) tool.

7. To size the brush cursor so that it covers the entire width of the area to be edited, press [ or ], or hold down Alt-right-click/Control-Option and drag horizontally in the image. You can also adjust the brush size via the improved Brush Size slider. The larger the brush, the less choppy the distortion.

8. Under Tool Options, do all of the following:

To control the degree to which the distortion is feathered at the edges, set the Brush Density (the lower the density, the greater the feathering).

Note: If you’re using a stylus, check Stylus Pressure and lower the Brush Pressure value.

To control the overall strength of the distortion, set the Brush Pressure.

Image To adjust the brush pressure interactively, hold down Alt-right-click/Control-Option and drag vertically in the preview.

To control the speed at which tools that are held down in one spot (e.g., Twirl Clockwise, Pucker, Bloat) produce distortion, choose a Brush Rate.

To prevent the edges of the layer from becoming transparent as you drag pixels, check Pin Edges.Image

9. Depending on the chosen tool, do the following: With the Twirl Clockwise, Pucker, or Bloat tool, click and hold on an area. If you want to intensify the effect, repeat the click and hold.

With the Forward Warp tool, drag in the image preview.A

Image

A We’re using the Forward Warp tool to elongate the top cloud.

With the Push Left tool, drag downward to push areas to the right, or drag upward to push areas to the left (see the next page).

Image If a tool doesn’t seem to be having an effect, increase the brush size. To reverse the tool behavior, hold down Alt/Option while clicking or dragging.

Image Each tool retains its own settings.

10. Optional: To compare the Liquify layer with any underlying layers, check Show Backdrop. From the Use menu, choose All Layers, and choose an Opacity value for the underlying layers.

11. Optional: If you applied Liquify to a Smart Object, the current mesh will save with the document. To save the current mesh (Liquify edits) as a preset for use in any image, click Save Mesh, enter a name, choose a location, keep the extension, then click Save. (To load a saved mesh at any time, click Load Mesh).

12. Click OK. If you applied the Liquify filter to a Smart Object and you want to edit the results, double-click the Liquify listing on the Layers panel. To reload the last-used mesh onto the current document, click Load Last Mesh in the dialog.

Image If you applied the Liquify filter to a Smart Object, you can mask any part of the results by editing the filter mask (see page 362).

There are several ways to restore layer pixels to their pre-Liquify state.

To remove Liquify edits:

In the Liquify dialog, do any of the following:

To undo Liquify edits manually, choose the Reconstruct tool Image (R), set the brush size, then press and hold on an area you want to restore.

To apply subtle smoothing to ripples and other irregularities that were produced by multiple small distortion edits, choose the Smooth tool Image (E), then drag in the preview.

To restore all the Liquify edits to a specified amount, under Reconstruct Options, click Reconstruct. The Revert Reconstruction dialog opens. Set the Amount slider to the desired value, then click OK.

To undo all the Liquify edits completely, under Reconstruct Options, click Restore All.

Using Liquify for Retouching

When used with restraint (e.g., low density and pressure settings), Liquify can be useful for retouching.A–F

Image

A The shirt and pants on this fellow are billowing out in an unflattering way.

Image

B With the Push Left tool, we dragged downward along the left side of the shirt a few times (here the Show Backdrop option is on).

Image

C Next, we dragged upward with the same tool (smaller brush size) on the right side of the shirt...

Image

D ...and along the hip area (here the Show Backdrop option is off).

Image

E With the Pucker tool, we clicked and held the mouse down on the billowy shirt to contract it inward.

Image

F This image contains all of our Liquify edits.

Applying the Warp command

To apply warp edits to a layer:

1. Click a type, image, or shape layer, or a Smart Object.

2. Choose Edit > Transform > Warp.

3. Do either or both of the following: On the Options bar, choose a preset style from the Warp menu.A–B You can also click the Warp Orientation button Image to toggle horizontal and vertical distortion (not available for all presets), or reshape the grid by using the scrubby sliders for Bend: H (horizontal distortion) or V (vertical distortion).

Image

A In this image, the cups are on a Smart Object layer (separate from the yellow Background).

Image

B We applied the Warp command to the cups layer (Twist preset).

Choose Warp: Custom on the Options bar (not available for editable type), then drag any of the interior squares, square corner points, grid lines, or direction line handles in the grid.C Note: If you don’t see the grid, turn on View > Extras.

Image

C Finally, we chose the Custom warp option, then dragged a few of the control handles on the grid.

4. To accept the warp edits, press Enter/Return or click the Commit Transform button Image on the Options bar D (to cancel the edits, click the Cancel Transform button Image or press Esc).

Image

D This is the result (it reminds us of the Mad Hatter tea party in Alice in Wonderland).

Image To edit the warp settings for a type layer or a Smart Object, repeat steps 1–4, above. If you want to remove the warp, choose None from the Warp menu on the Options bar. The warp settings for a standard image layer can’t be edited. To remove warp edits from an image layer, you would have to click the state prior to the “Warp” state on the History panel.

Image While warp or transform controls are showing in your document, you can click the Switch Between Free Transform and Warp Modes button Image on the Options bar to toggle one mode to the other. In fact, to minimize resampling and preserve the image quality when you need to apply multiple transform and/or warp edits, it’s best to choose all your settings (by toggling the modes), then accept them all at once.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
18.191.205.99