3

I am busy creating shadows for a 3d glass box that I am working on. I want to create the shadows that the pillars make on the ground however, I seem to be having trouble trying to figure out how to blur one end of the shadow more than the other end. My shadow is a vector shape that I have drawn with the pen tool. I do not want to blur the whole shape evenly, I want to blur one end more than the other end. Kindly see my screenshot below. Any help would be appreciated. enter image description here

1

It can be done in illustrator without plugins and without rasterizing. Unfortunately it will be rasterized in exports because it's based on blur effects.

Draw 2 narrow triangles:

enter image description here

A is filled with solid dark color. B has gradient fill from solid to transparent to fade the tail smoothly. It can as well be filled with solid color if fading tail is not needed.

C has both triangles aligned. In solar eclipse terms A will become the full shadow (=Umbra) and B will become the partial shadow (=Penumbra).

Group the parts to keep them together easily. Rotate and shear the group to the wanted projected view. It's D in the next image. As well you can draw the parts directly to the wanted projection.

enter image description here

E has got radial spin blur effect. You must manually drag the spin center to the right place.

Nothing is permanently rasterized. You can still select the parts of the blurred group with the direct selection tool and adjust their colors, opacities and blending modes. The blur dialog can be reopened in the Appearance panel.

It has a weakness. Blur is not projected as well as possible on the ground. For more flat looking effect the radial blur can be applied to version C. The result should be rasterized before shearing and rotating. Version F has that working order.

enter image description here

My opinion is that F looks more right. You do not lose quality if you have rasterized the blurred shape with high enough resolution.

ADD: There's a comment (by joojaa) which says that blur and other rasterization based effects have limited resolution when they are rendered for screen or print. That's true. The resolution should be set to high enough value, say to 300 pixels per inch, when one starts a new drawing.

1
  • Its rasterized on the fly which is still rasterized zoom in to your rasterize setting level and you see it. But you can indeed do this without rasterizer use the gradient along path option this expands to mesh objects which are real geometry that also exports as such – joojaa Mar 4 at 20:10
0

If you want to keep it as vectors:

Draw two shapes, one is the interior of the shadow, the darkest color and the other is the outer border, where it starts to get darker.

Just keep both shapes closer on one side and further away on another side, and use the blend shapes tool.

(I have simplified the steps so you can see them.)

Then you could play with opacity to all objects. As the objects stark into each other they will start darkening the shadow progressively into the inner shape.

enter image description here


If you want to explore raster effects, you could try "lens blur filters" there is an option to use a depth map to guide the amount of blur applied.

https://helpx.adobe.com/photoshop/using/adjusting-image-sharpness-blur.html

1
  • For raster: Tilt Shift Blur from Blur Gallery in PS does a similar blur without additional maps – Sergey Kritskiy Mar 3 at 13:55

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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