: Applying blur amount in a gradient manner in Photoshop I have the following image: The gray version of the pin will obviously be it's shadow. I know how to skew it and all to make it look

@Welton168

There is an easier way. The following is for a receding shadow beneath and for an object that is floating level over a surface. It recognizes that if the distance from the shadow remains constant, the farther away something is, the sharper the shadow appears to be. This can also be used for a shadow from a vertical object by reversing the process vertically, in which case the blur increases over distance as the perceived ambient light washes out the shadow over distance.

Create the desired shape as a flat image; a straight-on birds-eye view, aligned on the X and Y (not at an angle). Make it large and make sure you have plenty of room at the sides.

Select and isolate the image, then transform > perspective and stretch the top right and left corners as wide as they can go and still have room for a broad blur. Blur the entire object to the maximum amount needed at the point that will be closest to the "camera".

Now select and isolate the result and use the perspective tool to squeeze the top corners together unit they are at the desired width. Now skew and distort the result so that it corresponds to the projected shape, then move it into position. Note that where the shadow is compressed horizontally, it will tighten up the pixels and give the false impression that it is darker. (If you wish, you can use the gradient trick below to compensate.)

If you want a more dramatic effect, create an empty layer mask and apply a vertical gradient from white to around 15% gray. This will make the shadow gradually fade out over the distance.

Another trick:

Create the shape of the shadow, then duplicate the layer as a backup and hide the original Create a new stand-alone channel and apply a black-to-white gradient. Use this to create a selection. With this selection active, apply your gradient. The lighter the area of the mask, the stronger the blur and vice-versa.

(This is old-school stuff. A million years ago I was a PS sysop on Compuserve.)

Vote Up Vote Down

@Samaraweera207

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.





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.




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.

Vote Up Vote Down

@Vandalay110

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

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.



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.

Vote Up Vote Down

@Kaufman565

Heres I would create the blur of the Pin' shadow:

Right-click on the Pin layer

Select layer style

Check Drop Shadow in layer style

Move and adjust the shadow

On Shadow layer, you may blur the shadow via filter and change the opacity if you like

Vote Up Vote Down