Flash Animation 22: Flash for Web Design: GUI Design

Now what you're going to do is select the button area of you first button in Photoshop, copy it, and paste it into a new file before saving it as an image of its own. Once you're done with that, do not deselect the area. We need our up states and our rollover states to match each other perfectly in size and positioning, so we need to keep that same selection and just switch to the layer containing the other state to select that as well, and then copy-paste it into a new file and save it. You should end up with twice as many graphics as you have options in your layout (three times as many if you have yet another different graphic for the down state when the button is actually clicked).

Repeat this for each set of button graphics; once you're finished, you'll need to save a flat image copy of the entire layout itself as a layout background. Leave the up states of the buttons intact; you'll need these to align your actual button images properly.