O'Reilly logo

Adobe Creative Suite 6 Design and Web Premium All-in-One For Dummies by Fred Gerantabee, Christopher Smith, Jennifer Smith

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 7: Using Buttons and Symbols

In This Chapter

check.png Understanding states

check.png Creating rollover buttons

check.png Converting graphics to symbols

Before you jump into creating buttons and animations, you need to understand states and how they work in Fireworks. States (a change in visibility) allow you to organize layers in such a way that you can create several versions of your artwork; these states can be used for rollovers or animations.

Using States in Fireworks

You may want to use states for two reasons:

check.png Animation: You can build and edit animated GIFs with states like the one you see in Figure 7-1. One step of the animation goes into each frame. The states (sometimes referred to as frames) are played one after another to create the appearance of motion — an effect a little like a flip book you may have found in box of caramel corn. By using layers, you can specify which items are animated and which items remain static.

Figure 7-1: In this example, the astronaut fades to 0 percent opacity over three states.

Rollovers: You can also use states to produce rollovers. By slicing an image ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required