Make a new RGB image, 200 wide by 300 height. Fill the background layer with a dark color.
Make a New Layer and name it "Buttons". Choose the Rectangular Marquee tool.
Hold down the shift key and make a square marquee, this will be your button.
Now choose the "Angle gradient tool".
Now Press "D" and then "X" on the keyboard to set the foreground and background color,
white and black. Also make sure your gradient settings is on "Foreground to Background".
Hold down the shift key and click on the Top right corner of the marquee, try to click
right on the corner if you can. Now drag at an angle to the Bottom left corner like I
have shown. Now release the mouse button first, then the shift key.
Contract the selection: Selection>Modify>Contract. Enter 2 and click OK.
Fill the center with a light or medium gray. Deselect Ctrl.-D
Select half your object with the Rectangular marquee like shown. Hold down
Alt-Ctrl-Shift While holding down the keys, Tap the Right arrow key on the keyboard,
keep tapping it until you have a nice size button. Deselect: Ctrl-D when you are done.