Step four:
  • On the side of the screen are multiple buttons. Lets start with the left side buttons.
  • First up are the L and R button. Were going to use the round rectangle tool to create this buttons with a radius setting of 2 px.
  • Create a new layer set called L button. Now draw a small #2D2A31 rectangle, in this tutorial the size of the button are 17 px x 19 px.
  • Add the layer styles found below.
  • Insert the letter L under Microsoft Sans Serif font, 9 pt, Smooth and #FFFFFF.
    Gradient Overlay
    Gradient Blend Mode: Normal
    Opacity: 5
    Gradient: Default
    Reverse: Uncheck
    Style: Linear
    Aligh with Layer: Check
    Angle: 90
    Scale: 85

    Stroke
    Structure Size: 2
    Position: Outside
    Blend Mode: Normal
    Opacity: 100
    Fill Type: Color Color: #000000
    Inner Glow
    Structure Blend Mode: Normal
    Opacity: 13
    Noise: 0
    Color: #FFFFFF
    Elements Technique: Softer
    Source: Edge
    Choke: 0
    Size: 2
    Quality Contour: Default
    Anti-aliased: Uncheck
    Range: 50
    Jitter: 0


    Step five:
  • Duplicate the L layer-set and modify the text to R.