I have messed around with a few options, but have not come up with a good solution to recreate this gradient drop shadow effect.

Original Toolbar

Close up on Drop Shadow


2 Answers 2


I imagine one of the reasons why you are having difficulty with this shadow is because it kind of gets smaller in the center, it doesn't go all the way to the ends.

I would re-create it using a new element:

  • Create a white rectangle (your page) over a gray background

enter image description here

  • In a nee layer under the rectangle, draw a black oval shape the size of your desired shadow

enter image description here

  • Select the oval, go to Filter > Blur > Gaussian Blur and blur your shape until it looks like the shadow. Because it's under the white rectangle, you should only see the bottom part.

enter image description here

You can also add a little drop-shadow to the white paper, minimal.

  • These are both good options but it seems to almost be a masked gradient on the drop shadow? I'll see if I can make this gaussian blur work in the mean time. May 23, 2013 at 21:27
  • Yes, that's another good option!
    – Yisela
    May 23, 2013 at 21:28

Another option is to use a blur tilt-shift effect on your preexisting drop shadow.

  • Create a drop shadow at 90 degrees, 1 px distance, 100% opacity, Size 1
  • Right click the "fx" and select create Layer, press OK
  • Select newly created layer and navigate to Filter > Blur Gallery > Tilt-shift
  • Using 1 or 2 points you can turn and maneuver the focus point to create the illusion of the desired drop shadow.

Once that is finished you can then clean up the shadow as desired.

End Result without Cleanup

Your Answer

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

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