1. Create a new image by clicking file new.

• 200 wide
• 200 high
• 72 dpi
• white background
• RGB color

2. Insert a guide at the following coordinates by clicking View=>New Guide.

• Vertical  10, 50, 150, and 190
• Horizontal 50 and 90

3. Insert a new layer by clicking the Layer=>new=>layer. Highlight the new layer.

4. Select the Elliptical Marquee tool from the tool bar. It will be the top left tool. If it appears like a rectangular marquee tool, Hold the rectangular marquee tool down and select the oval tool.

5. Holding down the control key, plant the crosshair at the horizontal 10, vertical 50 mark and drag a perfect circle till your crosshair is over horizontal 50, vertical 90. Select Blue, (Hex #3399CC) as the foreground color (or whatever midrange color base you are using for your page). Select the fill tool and Fill the circle with blue.

6. Using the elliptical Marquee tool once again, draw another circle like in instruction 4, starting at horizontal 150, vertical 50, and ending at horizontal 190, vertical 90. Select the fill tool and Fill the circle with blue.

7. Select the rectangular marquee tool and draw a rectangle from horizontal 30, vertical 50 to horizontal 170 to vertical 190. Select the fill tool and Fill the circle with blue.

8. Hide your guide lines by clikcing view=>clear guides.

10. Using the magic wand , select the entire shape you just drew.

11. Click Select=>Modify=>Contract. Set the contract to 12 pixels and click ok.

12. Create a new layer.

13. Fill the selection on the new layer with white. Click Control D to remove the marquee.

14. Click on Filter=>Blur=>Gaussian Blur. Set the blur to 10.

15. Set the mode of layer 2 to Color Dodge. Set Opacity to 90

16. Select your move tool and hit the down button to nudge layer 2 down 7 nudges.

17. Hold down the control key and click on layer 1. Then click on layer 2 (the top layer)

18. Insert new layer. hit the D key to set black as the foreground color. Select the paint bucket fill tool and fill the selection the new layer Black.

19. Click select=>Modify=>contract set to 4. Hit the delete key.. Hit Control D to deselect.

20. Click Filter=>Blur=>Gaussian blur, set to 4. Set layer to 80% and Color Burn.

21. Hold down the Control key and click on layer 1 to reselect the original shape. Click select=>Modify=>contract set to 2.  Click on the top layer. Using the rectangle marquee tool while holding down the ALT key unselect the bottom 2/3 of the selected area.

22. Click on the Channels panel and click the "Selection as a new channel" button below. Set the foreground color to white. Fill the selected area white with the paint bucket fill tool. Deselect by clicking control D.

23. Click filter=>blur=>Gaussian Blur, set to 3.

24. Click Image=>adjust=>levels. Set the levels to 110, 1.00, 145.

25. Select back on the Layers panel and insert a new layer on top. Select back on the Layers panel and insert a new layer on top. Control click Layer 1 to select the button. Click select=> Modify=> contract 10 pixels.

26. Hit your D key then the X key to set white as foreground color.  Then select the gradient tool. Set the gradient option of foreground to transparent. Hold down your shift key and start your animation on the top of the selection and release at the bottom of the selection.

27. Type your text on your button. By simply changing the color of the layer1 you have changed the button color.