Whereas layers organize objects in space, frames organize objects based on time and state. Why does an image editing program need to worry about time or state, you might ask? Fireworks is used predominantly to create web graphics, which often include animations and images that change based on events such as the location of the mouse. In these cases, you need to be able to indicate what an image should do and in what state it should be when a certain period of time expires or an event occurs. To handle how graphics change, Fireworks uses the concept of frames. Fireworks frames work along the same lines as frames in a movie reel, where each frame is the same size and is in the same position, but the visual contents may change to create the illusion of motion. As you roll through the individual frames, an animated effect is created. Frames Panel BasicsThe Frames panel works much like the Layers panel, except it is divided into three main columns (see Figure 4.5):
Figure 4.5. The Frames panel for a simple animation.To move frames, drag them up or down in the stack. To duplicate a framean excellent way to distribute positioned content across multiple framesdrag the frame to the New/Duplicate Frame button. When the button appears depressed, release the mouse. The frame and all its layers and sublayers are then copied. Tip You can also use the Options menu on the Frames panel to add, delete, or duplicate frames. To rename a frame, double-click the frame and the name can be edited. Type the new name and press Return/Enter to save the name. |