MACROMEDIA FIREWORKS MX 2004-USING FIREWORKS Use Manual page 194

Using bevel effects to draw button states
As you create graphics for each button state, you can apply preset Live Effects to create common
appearances for each state. For example, if you are creating a four-state button, you can apply the
Raised effect to the Up state graphic, the Highlighted effect to the Down state graphic, and so on.
To apply preset Live Effects to a button symbol:
With the desired button symbol open in the Button Editor, select the graphic to which you
1
want to add a Live Effect.
Click the Add Effects button in the Property inspector.
2
In the pop-up menu that appears, do one of the following:
3
Choose Bevel and Emboss > Inner Bevel.
Choose Bevel and Emboss > Outer Bevel.
In the pop-up window that appears, choose a button preset effect. These are described below.
4
Button preset effect
Raised
Highlighted
Inset
Inverted
Repeat steps 1 through 4 for the remaining button states, giving each state a different button
5
preset effect.
Converting Fireworks rollovers into buttons
You can create buttons from rollovers that you created in previous versions of Fireworks. The
components convert to a button, and the new button is placed in the library.
For more information about rollovers, see
To convert a Fireworks rollover into a button:
Delete the slice or hotspot covering the rollover images.
1
Choose Show All Frames from the Onion Skinning pop-up menu in the Frames panel.
2
Select all the objects to be included in the button.
3
Tip: Use the Select Behind tool to select objects that are hidden behind others. For more
information, see
Choose Modify > Symbol > Convert to Symbol.
4
The Symbol Properties dialog box opens.
Enter a name for the symbol in the Name text box.
5
194 Chapter 10: Creating Buttons and Pop-up Menus
Description
The bevel appears to rise from the underlying objects.
The button's colors lighten.
The bevel appears to sink into the underlying objects.
The bevel appears to sink into the underlying objects, and the colors
lighten.
"Using the Select Behind tool" on page
"Making slices interactive" on page
9.
173.