Step three:
  • Go to Select > Load selection > Default, this should select the circle.
  • While the circle is selected, go to Edit > Stroke:



  • Add a stroke layer style.
    Stroke
    Structure Size: 2
    Position: Outside
    Blend Mode: Normal
    Opacity: 100
    Fill Type: Color Color: #000000


    Step four:
  • Create a new layer-set and layer inside the layer-set. Name it "top element"
  • Edit the fixed size setting from ellipse option to 44 px x 44 px.
  • Now create a #171717 circle and add the following layer styles:

    Inner Shadow
    Structure Blend Mode: Normal
    Color: #FFFFFF
    Opacity: 100
    Angle: 90
    Use Global Light: Uncheck
    Distance: 2
    Choke: 0
    Size: 0
    Quality Contour: Default
    Anti-aliased: Uncheck
    Noise: 0

    Gradient Overlay
    Gradient Blend Mode: Normal
    Opacity: 100
    Gradient: Default
    Reverse: Check
    Style: Linear
    Align with Layer: Check
    Angle: 90
    Scale: 106
    Stroke
    Structure Size: 3
    Position: Outside
    Blend Mode: Normal
    Opacity: 100
    Fill Type: Gradient Gradient: Default
    Reverse: Check
    Style: Reflected
    Align with Layer: Check
    Angle: 90
    Scale: 54



    Step five:
  • First set the fixed size setting in the ellipse option to 34 px x 34 px then in a new layer create a #000000 circle on top of the last circle.
  • Add the following layer styles:
    Color Overlay
    Color Blend Mode: Color
    Color: F0BDE8
    Opacity: 100
    Angle: 90

    Gradient Overlay
    Gradient Blend Mode: Normal
    Opacity: 23
    Gradient: Default
    Reverse: Check
    Style: Reflected
    Align with Layer: Check
    Angle: 90
    Scale: 109
    Stroke
    Structure Size: 1
    Position: Inside
    Blend Mode: Normal
    Opacity: 100
    Fill Type: Gradient Gradient: Default
    Reverse: Uncheck
    Style: Linear
    Align with Layer: Check
    Angle: -90
    Scale: 78