Bevel buttons « UI Controls « Photoshop Tutorials

Alright, you got your button, so add some text in there and you will be finished with the basics. Now comes the hard part. Well not really, but alright lets get started. Jump to image ready. If you dont know how to do it then ill tell you. Go to File->Jump To->ImageReady or file-> Edit with image Ready. First thing we need to do is get the animation box open if it already isnt there. Once it is open you will need to click the arrow at the top right side of the window. You will see a Checkmark next to New Layers are visible next to frames and blah, blah, blah. Above it there will be something that says create a new layer for each frame check that.

The only thing left to do is add text to your button. Use -, x or >> for example. Once you have it set up like you want, scale the buttons down to around 25x25...