I'm looking for a technique to avoid drop shadows on individual elements darkening each other out (multiplying the effect of the drop shadow).

enter image description here

This is an image showing the undesired effect I'm talking about (also enlarged at the bottom of the image). I want the drop shadow on the white surface to be the same whether the shadow is from one of the elements or both "on top of each other".

Anyone know how to achieve this fairly easily?

  • 1
    Out of curiosity, why? If you have two objects blocking the light and creating the shadow, the shadow is legitimately going to be darker. Nov 5, 2013 at 15:07
  • 1
    @LaurenIpsum Oh, on the contrary. If you have ONE light source, and two objects casting a shadow that intercepts the light, the shadow will be the same whether it be the shadow from ONE of the objects or BOTH of the objects at the same time. However, if you had TWO light sources it would be (on a physical plane) a different situation. Here the shadows should not increase. =) Nov 5, 2013 at 18:12

2 Answers 2


Combine both objects into the same layer or smart object and apply the shadow to that instead.

Update: To keep the shadow from the top object on the bottom, in addition to the steps above, duplicate the top object with shadow, and put into a layergroup. Now apply the lower object as a layer mask to that layer group (set that area white on black background in layer mask). This will limit the shadow and object to only the areas above the lower object.


EDIT: Ugh, just posted this answer and then realized you were in Photoshop and not Illustrator. I'll leave it up because Illustrator is good for this sort of thing too, and the same principle can certainly be applied in Photoshop.

Here's what I came up with:

  1. Two rectangles with drop shadows:
    Two rectangles with drop shadows

2: Duplicate the two rectangles and then do Pathfinder > Merge or do the layer/smart object thing that John suggested:
Merged rectangles with one shadow

3: Take the top rectangle, place over top of your new merged path, and then draw a rectangle over the drop shadow part that goes over the rectangle:
Clipping mask rectangle drawn over original top rectangle

4: Use the new rectangle as a clipping mask:
Finished product

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.