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
what an image should do and in what state it should be
when a certain period of time
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
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 Basics
The Frames panel works much like the Layers
panel, except it is divided into three main
Onion Skinning is an animation technique that enables you to view
multiple frames at the same time.
The main column displays the frame name, which is set
to default to Frame
represents the frame number.
This column contains the value for the frame delay, which is
represented in 100ths of second. The frame is displayed for that
duration of time before the animation advances to the
This column also contains the Object in Frame marker, which
functions the same way as the Object in Layer marker.
Figure 4.5. The Frames panel for a
To move frames, drag them up or down in the
To duplicate a framean
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
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.