Creating the Pushed File

You can take the elements you created and reuse them to create the other images you need. By combining layers and coloring the results, you can create a Pushed bitmap that contains the images you want to be seen when the user pushes a button. This file also contains the secondary image for the paused state of the PlayPause button.

The following image is the Pushed file.

pushed file

The two buttons on the right are for the normal paused state and the pushed paused state of the PlayPause button. The color of the buttons is yellow, except for the normal paused state of the PlayPause button, as a good contrast to the green color used for the normal state of all buttons.

Creating the Art