Mobile app version of vmapp.org
Login or Join
Kimberly620

: How to create a material design style depth score in Photoshop? According to Material Design guidelines for Icons Score Scored material elements have the illusion of depth without losing

@Kimberly620

Posted in: #Adobe #AdobeIllustrator #AdobePhotoshop #GoogleMaterialDesign #Icon

According to Material Design guidelines for Icons


Score

Scored material elements have the illusion of depth without losing
their geometric form. Scores should be centered on symmetrical shapes.


It looks like this:


How Can I make a Score like this in Photoshop? I scoured the Internet and found no instructions about how to create this.
Please help

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Kimberly620

1 Comments

Sorted by latest first Latest Oldest Best

 

@Turnbaugh909

Draw a rectangle, filled with grey, over the area to be dark. Set the blend mode to Multiply.



Add a slight Outer Glow layer style to the rectangle to create the white highlight at the edge.



Then under the Blending Options tick the item titled Layer Mask Hides Effects



Command/Ctrl click the outer shape of the desired object to create a selection, then click the New Mask button at the bottom of the Layers Panel to add a Layer Mask to the rectangle.



Reduce the Opacity of the rectangle layer to your liking.



This is just one method. There are others.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme