Unselected tab icon Light effects and shadows

Unselected tab icons look just like the selected tab icons, but with a fainter inner shadow, and the same front part gradient as the dialog icons.

Android Icons With Shadow

Figure 10. Light, effects, and shadows for unselected tab icons.

1. Front part: gradient overlay | angle 90°

bottom color: r 223 | g 223 | b 223 top color: r 249 | g 249 | b 249 bottom color location: 0% top color location: 75%

2. Inner black | 10 % opacity | angle 90° distance shadow: 2px | size 2px

3. Inner bevel: depth 1% | direction down | size 0px |

angle 90° | altitude 10° highlight white 70% opacity shadow black 25% opacity

Figure 10. Light, effects, and shadows for unselected tab icons.

1. Front part: gradient overlay | angle 90°

bottom color: r 223 | g 223 | b 223 top color: r 249 | g 249 | b 249 bottom color location: 0% top color location: 75%

2. Inner black | 10 % opacity | angle 90° distance shadow: 2px | size 2px

3. Inner bevel: depth 1% | direction down | size 0px |

angle 90° | altitude 10° highlight white 70% opacity shadow black 25% opacity

+1 0

Post a comment