Each row below represents a possible set of button state images but don't be limited by these. Mix them, change them, leave some of them here. That's why I set them up as separate images rather than horizontal strips of four. If you need the strips for your program, or for skins, all the images have the same dimensions so it will be simple to create a strip.  

To download right click on the image and select "Save image as" or "Save target as" from the menu.
Swapping these images to reflect user input should be easy because of the consistent size and shape. If you're after more irregular shapes in the interfaces, try using gif or targa image formats with transparency (alpha channel). You can also use transparent gifs on top of the interface which will swap to your mouseOver or other changed state image when touched. You can do this by using layers or by using a table to hold the transparent image and placing the interface image in the document's background.
You can create animated buttons by placing these images in frames of an animated gif that will be activated by mouse or keyboard actions.

 

basic state
on mouseOver
onClick
grayed/inactive
       
 
return to 3D interfaces center