The button has two images: One for when it is being clicked and one for when it isn't. This is to mimic standard Windows buttons. When you click on the button, you see the depressed button image until the mouse button is released.
The key to imitating the two button states is to use two layers to represent the top of the button. Set the Frame Mask parameter for the first layer so that it is only visible on the first frame (Start: 0%, Stop 49%) and the second so that it is only visible on the second frame (Start: 50%, Stop: 100%). Since the button only has two states, you only need to render two frames.
The Edge Hightlight parameter should be set to a positive density for the top layer in the first frame and set to a negative value for the top layer in the second frame. This seems to imitate the click/non-click contrasts pretty well. It also helps to have a shadow for the top layer in the first frame (and not in the second frame). That really enhances the illusion of pressing up and down.
Variation on the above button.
A non-descript gray button.
An up button. You can easily rotate the triangle to get left/right and down button variations.
A LED button with four states:
- On/Not pressed (Left Mouse Button Up)
- On/Pressed (Left Mouse Button Down)
- Off/Not pressed (Left Mouse Button Up)
- Off/Pressed (Left Mouse Button Down)
Download: LED Button