Applying blur amount in a gradient manner in Photoshop


I have the following image:

enter image description here

The gray version of the pin will obviously be it's shadow. I know how to skew it and all to make it look like a shadow.

What I want to do but don't know how is to blur the shadow version of the pin more a the top and less as you go towards the tip of the pin shadow.

I want to do that because in real life, the shadow will be more softer as it gets farther from the object that casts it (as can be seen in the bellow example).

enter image description here

Thank you!


Just to clarify: I need a map style shadow, not a simple drop shadow. Something like this:

enter image description here

11/22/2012 2:32:00 PM

Accepted Answer

The best way I know to do what you're after is to apply a small blur may times. This gives you the most natural gradual change.

  • Enter quick mask by pressing Q.
  • Change to the gradient tool by pressing G.
  • Draw along the axis you want the blur to follow, covering the length of the object.

enter image description here

  • Exit quick mask by pressing Q again.
  • Choose Filter > Blur > Gaussian Blur and use a small radius (0.5px etc).
  • Press command-F quite a few times to reapply the small blur.
  • Stop when you're happy.

enter image description here

If you're not happy, try again. The initial gradient selection makes a big difference to the result.

Once you're done, you can use Edit > Transform > Distort to get it in place with the correct perspective.

11/22/2012 11:24:00 AM

To skew the shadow properly, you need to rotate it, then use "transform->distort"enter image description here

I shortened the item and then adjusted the top edge to align with the horizon.

After you do this, you can duplicate the shadow layer and apply blur to one copy.

Add a layer mask to the blurred layer, select the mask itself by clicking on it in the layer palette (if selected, it will be outlined slightly). Then apply a black to clear or black to white gradient along the axis of skewed shadow of the pin. Experiment until it looks decent.

ctrl+click on the layer mask thumbnail to create a selection from it, then add a new layer mask the first copy of the skewed shadow. Deselect, ensure the mask is selected, and invert the colors (ctrl+i). You should now have a really blurred layer and a non-blurred shadow layer and a cross-fade between the two.

enter image description here

Note that for the particular use you have asked about, the shadow will appear to go through the map and not lay on it. To maintain the planes implied in google maps, You really should be skewing the pin itself as if you are looking straight down on the map.