Upvote 1

Material design elevation and shadows

Answered Michal Pekarcik ● ago

Hey,

are there any guidelines how to create shadows for simulating relative elevation according to material design? I cant seem to get it right. They either do not look natural or not in the right "elevation".

Thanks.

Files:

Replies (4)

Danielle Schneider ●

Hi Michal,

While we don't have any specific tutorials for that, you can achieve that desired effect by altering the 'distance' and 'spread' options in the shadow properties.

Best,

Danielle

Michal Pekarcik ●

Thanks Danielle,

I found this guide for Adobe Illustrator somewhere (attached file) but can't seem to translate it correctly into JIM shadow settings (just doesn't look the same). Even when using 2 shadows (2 elements stacked on each other). Might help someone else as a reference point though.

Michal

Files:

Danielle Schneider ●

Hi Michal,

Thanks for attaching that reference. I'll forward your ideas to our development team and will let you know if they're implemented.

Best,

Danielle

Daniel ●

Hey,

Is there any update with the elevator shadows?

And what is the value of 1 Dp in Distance,spread,Blur and engle parameters, as it look in material shadow design.

Thank you,

Daniel

Sonia Durán ●

Hi Daniel,

Can you elaborate more on what you mean?

Best,

Sonia Durán

Material design elevation and shadows

Hey, are there any guidelines how to create shadows for simulating relative elevation according to material design? I cant seem to get it right. They either do not look natural or not in the right "elevation". Thanks.

Hey,

are there any guidelines how to create shadows for simulating relative elevation according to material design? I cant seem to get it right. They either do not look natural or not in the right "elevation".

Thanks.