Light effects and shadows

Launcher icons are simplified 3D icons using light and shadows for definition. A light source is placed slightly to the left in front of the icon, and therefore the shadow expands to the right and back.

Figure 3. Light, effects, and shadows for launcher icons.

1. Edge highlight: white

2. Icon shadow: black | 20px blur

3. Front part: Use light gradient from color palette

4. Detail shadow: black | 10px blur

75% opacity

5. Side part: Use medium gradient from color palette

Figure 3. Light, effects, and shadows for launcher icons.

1. Edge highlight: white

2. Icon shadow: black | 20px blur

3. Front part: Use light gradient from color palette

4. Detail shadow: black | 10px blur

75% opacity

5. Side part: Use medium gradient from color palette

Was this article helpful?

0 0

Post a comment