Create Buttons - Rollover Images

First review live effects.

Create the Up, Down, Over instances of your buttons.

You might want to practice the various states of the button first.

Go to Insert, New Button. The Button Editor will appear.

At the "UP" tab create the up graphic.

Click the "OVER" tab and have the Button Editor duplicate the "up" instance. Make changes in that state.

Click the "DOWN" tab and have the Button Editor duplicate the "over" instance. Make changes.

Continue with the "Active Area" tab the same as with premade buttons.

NOTE: with MX follow the simple directions using the Properties Window.

When finished, the button in will appear in the library. It can be used as many times as you wish. To change the name from "button" to a meaningful name, double click the name in the library and type a new name.

If creating buttons with text, be sure to add the text before going to the other states.

Continue as before with the ready made buttons.

The graphics needed and the JavaScript to make the button rollover work will be exported by the Fireworks program.

Janet Barnstable
August 18, 2009