Here it is.. how to make a button up and button down :)

Open a new document. Give it a name. Make the width 100 pixels and the height 100 pixels. Make sure that you are in RGB mode and the contents are white.

1. Select the elliptical marquee tool. Make sure the options are set to "make new selection," no feathering, the mode should be Fixed and set the width/height to 90 px
2. Make a new layer
3. Use the marquee tool to make a nice circle
4. Use either black and white on your color chips or choose two contrasting colors.
5. Select the gradient tool (grouped with the paint bucket) . Make sure you choose the foreground to background gradient, chose the linear gradient, the mode is normal, the opacity is 100%, reverse and dither are NOT checked and transparency is checked.
6. While pressing the shift key (to make a straight line), drag the cursor from the upper left to the lower right (diagnolly) to make a gradient.
7. Go Select --->modify ---> contract 5 pixels
8. Go Edit ----> Copy
9. Make a new layer
10. Go Edit ---> Paste (remember it looks like nothing has changed but there IS a new item on that layer !!
11. Go Edit--->Transform --- Rotate 180 degrees
12. You should save your file at this point. File --->Save As.... a Photoshop PSD file with layers checked. Name this Button UP
13. Using the magic wand (the one that looks like a dandelion) click in the white area.
14. Now go Select ----> Inverse
15. Go Select --->Modify ---->contract 5
16. Go Edit ---> Copy
17. Make a new layer
18. Go Edit --->Paste
19. Go Edit ---> Transform --->Rotate 180 degrees
20. Now Save As... a Photoshop PSD file with layers checked. Name this Button down

There is actually an easier way to do this :) Although the first way is more fun :)

Open a new document. Give it a name. Make the width 100 pixels and the height 100 pixels. Make sure that you are in RGB mode and the contents are white.

1. Select the elliptical marquee tool. Make sure the options are set to "make new selection," no feathering, the mode should be Fixed and set the wiidth/height to 90 px
2. Make a new layer
3. Use the marquee tool to make a nice circle
4. Use black and white on your color chips.
5. Select the gradient tool (grouped with the paint bucket) . Make sure you choose the foreground to background gradient, chose the linear gradient, the mode is normal, the opacity is 100%, reverse and dither are NOT checked and transparency is checked.
6. While pressing the shift key (to make a straight line), drag the cursor from the upper left to the lower right (diagnolly) to make a gradient.
7. Go Select --->modify ---> contract 5 pixels
8. Make a new layer.
9. This time change your black to another color like dark purple or blue. Leave the background color chip white.
10. Now while pressing the shift key, drag your mouse from the lower RIGHT to the upper LEFT. Viola!! Button up!!!
11. Save!
12. Go Select --->modify ---> contract 5 pixels
13. Make a new layer.
14. While pressing the shift key, drag your mouse from the lower RIGHT to the upper LEFT. Viola!! Button Down

To use these buttons on the net. You'll have to go a step further. You'll need to go Layer--->Flatten image and then File--->save for web.

JPG would prolly be the best choice for saving because of the gradient.

Prior to save for web, you also might like to change the size of the button to something smaller.

If you want to actually do a rollover with these buttons, you'll need to open the .psd file in ImageReady and that is another lesson!!