Tutorial

  1. Getting the shape

    2. Draw out 2 circles with a dark fill: #555555. One circle being larger than the second. Then add a shape filled with black to connect the 2 circles. See Figure 1.

    WMP style buttons

    Figure 1: Background

  2. Pen Tool

    3. Add 2 anchor points to the shape with your Pen Tool then adjusting the control handles to get a curved shape.

    WMP style buttons

    Figure 2: Background

  3. Copy the shape

    4. Copy (or Clone)the black shape and flip vertically and align it. Now we have the shape of a key hole.

    WMP style buttons

    Figure 3: Background

  4. Union

    5. Select all 4 shapes and go to: Modify> Combine Paths> Union

    WMP style buttons

    Figure 4: Background

  5. Shrink

    6. Shrink to size, add a solid color and inner shaddows like below. Add some button shapes.

    WMP style buttons

    Figure 5: Background

  6. Final Result

    7. Add a bar.

    WMP style buttons

    Figure 6: Background

Become an author

  • Submit your tutorials and articles. Anyone can send in a contribution.
  • Learn More

Amazon Shop

Products

Sponsored

Sponsored

Sponsored

Wallpapers