Step eight:
  • Another set of buttons not to far from the a & b set.
  • Create a new layer set, name it a start.
  • With the ellipse tool draw a #DBDBDD circle.
  • Add the layer styles settings.
  • The text is made up of font arial, smooth and colot #000000.

    Drop Shadow
    Structure Blend Mode: Normal
    Color: #FFFFFF
    Opacity: 100
    Angle: 120
    Use Global Light: Check
    Distance: 2
    Spread: 0
    Size: 0
    Quality Contour: Default
    Anti-aliased: Uncheck
    Noise: 0

    Satin
    Structure Blend Mode: Normal
    Color: #FFFFFF
    Opacity: 100
    Angle: -53
    Distance: 11
    Size: 14
    Contour: Picture below
    Anti-aliased: Uncheck
    Invert: Uncheck

    Gradient Overlay
    Gradient Blend Mode: Hard Light
    Opacity: 43
    Gradient: Default
    Reverse: Check
    Style: Linear
    Align with Layer: Check
    Angle: -61
    Scale: 139

    Inner Shadow
    Structure Blend Mode: Color Burn
    Color: #000000
    Opacity: 52
    Angle: -54
    Use Global Light: Uncheck
    Distance: 0
    Choke: 0
    Size: 18
    Quality Contour: Default
    Anti-aliased: Uncheck
    Noise: 0

    Stroke
    Structure Size: 1
    Position: Outside
    Blend Mode: Normal
    Opacity: 99
    Fill Type: Color Color: #6A6A6C
    Step nine:
  • Duplicate the start layer-set and change the name to Home. Move it to the center of the case and edit the text to Home.
  • Zoom into the button and draw a bigger #F5F5F7 circle behind it.
  • Add a gradient layer-style.
    Gradient Overlay
    Gradient Blend Mode: Normal
    Opacity: 16
    Gradient: Default
    Reverse: Check
    Style: Linear
    Align with Layer: Check
    Angle: 127
    Scale: 52
  • Create a new layer and draw a #50B7C0 circle.
  • Add a stroke layer-set.
    Stroke
    Structure Size: 1
    Position: Outside
    Blend Mode: Normal
    Opacity: 23
    Fill Type: Color Color: #00D2EB