2

How to create the material design elevation shadow in Inkscape mainly? Or alternatively in Illustrator? I have imitated the elevation shadow in Inkscape with the following settings:

My imitation

There are also two or three wild links on the internet which basically is the same article says to mimic the elevation with a specific edited filter. (See links). https://princetonits.com/blog/android/material-shadows-with-inkscape/ http://fav.me/d83zd2q

Those results in this way: elevation by filter preset

But I don't understand well how that filter editing works. Not to mention the filter editor's UI is horrible. Is there any method to create consistent elevation shadow everytime and whose process is easier to understand than inkscape's filter editor?

4

If you are asking for an alternative to the drop shadow filter, you could use a black filled rectangle, moved under the button using Lower Selection to Bottom, and move it to the desired position . The you can apply a blur to it, and reduce the opacity.

enter image description here

To finish, you could group the button and the shadow.

  • 1
    Additionally: If you just couldn't find the drop shadow filter, look in Filters > Shadows and Glows > Drop shadow. No filter editing required, just drag the sliders (you can use the preview option to preview the result). – Moini May 20 '18 at 12:48
  • @Billy: Yes, I also used that method for the blue boxes. I was trying to understand the filter preset and I see it combined two shadow properties like material shadows in css. So I was asking if there are any easier way to replicate a more natural shadow by combining. Yes Drop shadow works fine but it lacks the ability to shrink the shadow sideways which I can do with a blurred box. – Bluebug May 20 '18 at 14:08
  • 1
    Ah, you meant to squash the shadow, so it's narrower than the original? Yes, a blurred rectangle will be the quickest way to do this. – Moini May 21 '18 at 22:46

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.