Light effects and shadows

Menu icons are flat and pictured face on. A slight deboss and some other effects, which are shown below, are used to create depth.

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

1. Front part: Use fill gradient from primary color palette

2. Inner shadow:

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

1. Front part: Use fill gradient from primary color palette

2. Inner shadow:

black | 20 % opacity angle 90° | distance 2px size 2px

3. Outer glow: white | 55% opacity spread 10% | size 3px

5. Inner bevel: depth 1% | direction down size 0px angle 90° | altitude 10° highlight white 70% opacity shadow black 25% opacity

0 0

Post a comment