The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Editing a Drop Shadow

Editing a Drop Shadow


Sometimes a drop shadow needs to fall on only part of the layer or layers below. Perhaps the shadow should fall on the content of the layer immediately below, but not the layer below that. You'll need to convert the drop shadow layer effect to a layer of its own, then edit that layer.

In this example, the shadow of the foreground object should fall on the "pillars" but not on the "sky" behind. We'll need to convert the drop shadow layer effect into an actual layer and then mask (or erase) the areas of the shadow that should not be visible.

As you can see in the layers palette, this artwork consists of three layers: The top object, with both a Drop Shadow and a Bevel and Emboss applied as a layer style; a middle layer that contains the four "pillars;" and a Background layer with a "sky."

Using the menu command Image> Layer Style> Create Layers, we can convert the layer style elements in to actual pixel-bearing layers. (You'll generally be notified that some aspects of layer styles cannot be retained through the conversion. If in fact the image's appearance changes, you can use Edit> Undo to restore the layer style.)

In the Layers palette, note that the new layer "Layer 1's Drop Shadow" was created below the original layer, while the shadows and highlights of the bevel were added above the original layer. Also observe that immediately after creating the layers, I linked them to the original Layer 1. This prevents accidental misalignment of the elements, which could lead to an unwanted (but rather interesting) mis-registration effect.

NOTE: For the purposes of this tutorial, I used the Create Layers command after applying a drop shadow and a bevel. In a normal workflow, I would apply the drop shadow, use the Create Layers command, then apply the bevel as a layer effect to the original Layer 1. This not only keeps the bevel as a "live" effect that can be updated, it simplifies the Layers palette and prevents any unwanted misalignment of elements.

To edit the drop shadow, we'll use a layer mask rather than simply erasing the unwanted areas of the drop shadow. In this case, the menu command Layer> Add Layer Mask> Hide All is appropriate, which adds a layer mask that's completely filled with black.

Next, we'll reveal the drop shadow only where we want it to fall. To do that, we can Command-click (Mac) or Control-click (Windows) on the Layers palette thumbnail for the layer below. That makes a selection of the layer's content. Note, however, that the drop shadow's layer mask is still the active layer in the Layers palette. (The layer mask thumbnail appears to the right of a layer's thumbnail in the Layers palette. When it's active, a double-box appears around the thumbnail.)

With the selection active, we can fill with white to reveal those areas on the drop shadow's layer.

To finish the effect, I can individually select and transform the parts of the drop shadow that fall on the "sides" of the pillars. In this example, I've not only skewed the shadows upward along the sides, I've also used a very slight gradient in the layer mask to make the shadow fade a bit as it extends backward along the sides of the pillars.

Editing a Drop Shadow Tutorial: Final Result



About the Author:

Pete Bauer Pete Bauer is the Help Desk Director for NAPP, as well as a Contributing Writer for Photoshop User and Mac Design magazines. His books include "Special Edition Using Adobe Photoshop 7" (with Jeff Foster), "Special Edition Using Adobe Illustrator 10," "Sams Teach Yourself Adobe Illustrator 10 in 24 Hours" (with Mordy Golding), and "Special Edition Using Adobe Illustrator 9." Pete writes documentation for a variety of computer graphics related products, as well as testing software for a number of companies. As a computer graphics efficiency consultant, Pete specializes in customized training programs. He is based in Columbus, Ohio, and can be contacted via Email.
Author's URL: Pete Bauer
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Editing a Drop Shadow"

Only registered users can write comment

Reader's comments