The Photoshop effects that you can apply alone or in combination include Drop Shadow, Inner Shadow,Outer Glow, Inner Glow, Bevel and Emboss, Satin, Color Overlay, Gradient Overlay,APatte
Trang 1IN THIS CHAPTER Applying layer effects (general info) .353 Applying a shadow effect .356 Applying a glow effect 358 Applying a bevel or emboss effect 360 Applying the Satin effect 362 Applying the Overlay effects 362 Applying the Stroke effect 364 Copying, moving, removing layer effects 364 Applying layer styles 365 Creating layer styles 366
21
business of creating illusions With
layer effects, you can accomplish this
in short, easy steps The Photoshop effects
that you can apply alone or in combination include
Drop Shadow, Inner Shadow,Outer Glow, Inner Glow,
Bevel and Emboss, Satin, Color Overlay, Gradient
Overlay,APattern Overlay, and Stroke.Once applied,
layer effects can be edited, hidden, or removed at any
time And best of all, when you modify layer pixels,
the effects update accordingly (they should be called
“Smart Effects”!)
In this chapter, we include generic instructions for
applying, copying, moving, and removing layer effects;
individual instructions for each effect; and finally, the
steps to save and apply effects, combined with other
Layers panel settings, as styles via the Styles panel
Applying layer effects (general info)
Layer effects can be applied to any layer (even to
edit-able type), but not to the Background They affect all
the visible pixels on a layer and update instantly if you
add, modify, or delete pixels from the layer that
con-tains them Each individual effect can be turned on or
off at any time via its own visibility icon
Layer effects are applied and edited via the Layer
Style dialog and are listed on the Layers panel below
the layer they belong to Before exploring the
indi-vidual effects, familiarize yourself with these generic
instructions
To apply layer effects (generic instructions):
1 Do any of the following:
Double-click to the right of a layer name; or for an
image layer (not a type or Smart Object layer), you
can double-click the layer thumbnail instead
Click a layer, then choose an effect from the Add
Layer Style menu at the bottom of the Layers
panel
AThree effects are applied to this editable type: Drop Shadow,
Bevel and Emboss, and Gradient Overlay.
Continued on the following page
Trang 2
The Layer Style dialog opens.A
2 Click an effect name on the left side, check
Preview to preview the effect in the image, then
choose settings
3. Optional: Click other effect names to apply
additional effects to the same layer
4 Click OK.
5. Edit the layer (e.g., for a type layer, edit the
type; for an image layer, add or erase some
pixels) Watch as the “smart” effect(s) update
instantly!
On the Layers panel, layers that contain effects
have this icon: Click the arrowhead next to
the icon to expand or collapse the list of effects
for that layer (B, next page)
6 To change the settings for an effect or to add
more effects to a layer, double-click the layer or the Effects listing, or double-click the effect name, which is nested below the layer name
7. To hide or show one layer effect, expand the effects list for the layer, then click the visibility icon for the effect
To hide all the effects on a layer, click the visibility icon for the “Effects” listing
➤ If you readjust the Angle for an individual effect while Use Global Light is checked, that angle will be applied to any other effects that are using the Global Light option This option unifies the lighting across multiple layer effects
➤ If you move layer pixels, any effects on the layer will also move
A In the Layer Style dialog, click the name for the layer effect that you want to
display and choose settings for (the box becomes checked automatically) The Contour presets define the effect
profile Gray areas in the thumbnail represent opaque pixels, and white areas represent transparency To close the preset picker, either double-click a contour or click in the dialog.
Trang 3
What kind of imagery can layer effects be
applied to?
➤ We recommend applying the layer effects that
work inward or outward from edges — Drop
Shadow, Inner Shadow, Outer Glow, Inner Glow,
Bevel and Emboss, and Stroke — to a type layer,
shape layer, or any layer imagery that’s
sur-rounded by transparent pixels.ATo isolate a
subject from its background before applying
layer effects, select an area of a layer, then press
Ctrl-J/Cmd-J (the Layer via Copy command)
➤ You can apply the Satin, Color Overlay, Gradient
Overlay, and Pattern Overlay effects either to
fully opaque layers or to layers that contain
transparency
Note: Don’t bother creating a selection before
apply-ing a layer effect Your selection will be ignored by
the Layer Style command
➤ To establish new default settings for a particular layer effect, choose the desired settings in the Layer Style dialog, then click Make Default
➤ To restore the default settings to a layer effect that you established by clicking Make Default (or to restore the factory default settings, if you didn’t establish user default settings), click Reset to Default
➤ To restore the settings that were in place in all the panels when you opened the Layer Style dialog, Alt-click/Option-click Reset (Cancel becomes Reset)
➤ Unfortunately, the only way to restore the factory default settings to all layer effects is by resetting all the Photoshop preferences Hold down Ctrl-Alt-Shift/
Cmd-Option-Shift while relaunching the program, and click Yes in the alert dialog
To hide or show an individual effect, click its visibility icon
To open the Layer Style dialog, choose an effect from the Add Layer Style menu (or double-click the layer)
Any effect that is already applied to the current layer will have a check mark.
The fx indicates that this layer contains layer effects.
B Click the arrowhead to expand or col-lapse a list of layer effects.
To hide or show all the effects for a layer, click the Effects visibility
icon
A The Layers panel for this image is shown above right: Layer effects are applied to
an image layer that contains transparency;
the underlying layer is solid white.
Trang 4
Applying a shadow effect
You can create a drop shadow or inner shadow with
just a few clicks of the mouse
To apply the Drop Shadow or Inner Shadow
effect:
1 On the Layers panel, double-click next to a layer
name to open the Layer Style dialog.A
2 Click Drop Shadow or Inner Shadow.
3 Choose a Distance value (in pixels) by which
you want to offset a drop shadow from the
origi-nal layer shapes,Bor for the width of an inner
shadow.C–D
➤ You can also change the position of a shadow
by dragging in the document while the dialog
is open, but be aware that this will also
repo-sition any other effects that are using the
Global Light option
Choose a Spread percentage for a Drop Shadow
or a Choke percentage for an Inner Shadow to
control where the shadow begins to fade
Choose an overall Size for the shadow (in pixels).
4 You can also change any of these settings:
Choose a Blend Mode from the menu (For a
drop shadow, we usually keep the default setting
of Multiply.)
To choose a different shadow color, click the
color swatch, then choose a color from the Color
Picker or click a color in the document with the
eyedropper (the new color previews
immedi-ately) Click OK Note: If you change the color for
an inner shadow, you may also want to change
the Blend Mode to Normal
Choose an Opacity percentage for the
transpar-ency level of the shadow (the default value is
75%, but we usually lower it)
Choose an Angle for the angle of the shadow
relative to the original layer shapes
In the Quality area, you can click the Contour
arrowhead and choose a preset from the picker
for the edge profile of the shadow (we’re usually
satisfied with the shape of the default Contour)
Check Anti-aliased to soften any jagged edges
between the shadow and the layer imagery
Adjust the Noise level The addition of noise
(speckling) can help prevent banding on print
output, but a low value is best
A The original image consists of some garden tools on one layer and a background pattern on another layer (we created the pattern via Filter > Render > Clouds).
B The Drop Shadow effect is applied
C The original image consists of editable type on one layer and a blue-gray background pattern on another
D The Inner Shadow effect is applied.
Trang 5
For the Drop Shadow effect, if the layer Fill
opac-ity is below 100% or the layer blending mode
isn’t set to Normal, check Layer Knocks Out
Drop Shadow to prevent the shadow from
show-ing through transparent areas on the layer
5 Click OK If you’re not satisfied with the shape of
the resulting shadow, follow the steps below
➤ To scale the effects on a layer without scaling the
other layer content, right-click the Effects listing
and choose Scale Effects, then specify the desired
Scale percentage in the dialog
Depending on the time of day and the angle of the
sun or another light source, cast shadows are either
short or elongated You can reshape a drop shadow
via the Distort command
To transform a Drop Shadow effect:
1 Apply the Drop Shadow effect (see the preceding
instructions),Aand keep that layer selected
2 To transfer the shadow effect to its own layer,
right-click the Effects listing on the Layers panel,
choose Create Layer(s) from the context menu,
then click OK in the alert dialog, if one appears
3. Click the new Drop Shadow layer.B
4 Choose Edit > Transform > Distort, drag the
han-dles of the transform box to slant the shape, then
press Enter/Return.CFor a symmetrical
perspec-tive distortion, hold down
Ctrl-Alt-Shift/Cmd-Option-Shift as you drag a corner handle Note: If
you don’t see all the handles, press Ctrl-0/Cmd-0
(zero) to enlarge the document window
➤ To limit any painting or fill changes to just the
shadow shape, on the Layers panel, activate the
Lock Transparent Pixels button
➤ To ensure that the image and shadow layers will
move and transform as a unit, Shift-click them,
then click the Link Layers button at the
bottom of the panel
A The original layer has a Drop Shadow effect.
B We clicked the new Drop Shadow layer…
C …then we elongated the shadow.
LAYER OPACITY AND FILL SETTINGS
A quick reminder from the preceding chapter: The
Opacity setting on the Layers panel controls the
opacity of layer imagery — including any layer
effects — whereas the Fill setting controls only the
opacity of layer imagery — not of layer effects
Trang 6
Applying a glow effect
The Outer Glow and Inner Glow effects add a soft,
airbrushed rim of color to the edges of layer imagery
or to type
To apply the Outer or Inner Glow effect:
1 Display the Swatches panel.
2 On the Layers panel, double-click a layer to
open the Layer Style dialog.Note: For the Outer
Glow effect, we recommend using a silhouetted
image layer above a solid-color layer or the
Background.A
3 Click Outer Glow or Inner Glow In the
Elements area, increase the Size value.
4 Under Structure, B–Cdo any of the following
optional steps:
To change the glow color, click the color square,
choose a color from the Color Picker (or, while
the picker is open, choose from the Swatches
panel or click a color in the document), then click
OK to exit the picker (For the gradient option,
see the next chapter.)
Change the Blend Mode.
Change the Opacity level for the glow.
To prevent banding on print output, increase the
Noise level slightly to add speckles.
5 Choose other Elements settings:
From the Technique menu, we recommend
choosing Softer for smooth color transitions.
For an Inner Glow, click Source: Center to create
a glow that spreads outward from the center of
the layer pixels (this looks good on type), or click
Edge to create a glow that spreads inward from
the inside edges of the layer imagery
Choose a Spread percentage for an Outer Glow
or a Choke percentage for an Inner Glow to
control the point at which the glow starts to
fade We keep these values relatively low
6 Choose Quality settings:
Optional: Click the Contour arrowhead and
choose a preset from the picker to add rings of
transparency to the edges of the glow
Choose a Range value to control where the glow
is applied relative to the contour
7 Click OK ( A, next page)
B We chose these Structure and Elements settings for the Inner Glow effect in the Layer Style dialog…
C …and we chose these Structure and Elements settings for the Outer Glow effect.
A The original image contains a silhouetted image of a watch above a solid-color Background.
Trang 7
A The Layer Style settings shown in Figures Band Con the
preceding page produced these inner and outer glow effects.
BECOMING A LAYER EFFECTS PRO
We also added the Bevel and Emboss effect — two effects
look better than one.
A total of the three layer effects — Drop Shadow, Bevel and Emboss, and Gradient Overlay — look better still.
This is plain editable type (in the Bodoni Highlight font) on
top of a pattern layer.
The Drop Shadow effect is applied.
➤ When deciding which effect or effects to use,
con-sider what kind of surface texture you want to create
Stone? Metal? Paper? Type that looks as if it’s embedded,
or embossed, into porous paper, or satin text that looks
as if it’s cast in metal?
➤ With the exception of Drop Shadow and Overlay, layer
effects usually look better, or more convincing as an
illusion, when applied in combination (see the fi gures
below)
➤ If you achieve a layer effect or combination of effects and Layers panel settings that you like, save that collection of settings as a style on the Styles panel (see pages 365–366) This can be a great timesaver
➤ While the Layer Style dialog is open, you can click
Blending Options on the upper left side, then use the options to control how the current layer blends with underlying layers (Note that the same blending mode, Opacity, and Fill controls are also available on the Layers panel.) See pages 304–305