
310 Chapter 13: Creating Animation
Editing animation symbols
You can manipulate the properties of animation symbols to make your website come alive.
You can change a variety of properties in a symbol, from the animation speed to the opacity
and rotation. By manipulating these properties, you can make a symbol appear to rotate,
speed up, fade in and out, or any combination of these.
A key property for any animation symbol is number of frames. This property determines how
many steps it takes the symbol to complete its animation. When you set the number of frames
for a symbol, Fireworks automatically adds the required number of frames to the document to
complete the action. If the symbol requires more frames than currently exist in the animation,
Fireworks asks if you want to add extra frames.
Changing animation properties
You can change animation properties using either the Animate dialog box or the
Property inspector.
Animation symbol properties in the Property inspector
You can edit any of the following properties for an animation symbol:
Frames
is the number of frames you want to include in the animation. Although the slider
limits you to a maximum of 250, you can enter any number you wish in the Frames text box.
The default is 5.
Move
is the distance, in pixels, that you want each object to move. This option is available
only in the Animate dialog box. Although the default is 72, you can enter any number you
wish in the Move text box. Movement is linear, and there are no keyframes (unlike in
Macromedia Flash and Director).
Direction
is the direction, in degrees, in which you want the object to move. Values range
from 0 to 360º. This option is available only in the Animate dialog box.
You can also change Movement and Direction values by dragging the object’s animation
handles (see
“Editing symbol motion paths” on page 312
).
Scaling
is the percent change in size from start to finish. Although the default is 100%, you
can enter any number you wish in the Scaling text box. To scale an object from 0 to 100%,
the original object must be very small; vector objects are recommended.
Содержание FIREWORKS 8-USING FIREWORKS
Страница 1: ...Using Fireworks...
Страница 78: ...78 Chapter 3 Selecting and Transforming Objects...
Страница 142: ...142 Chapter 5 Working with Vector Objects...
Страница 166: ...166 Chapter 6 Using Text...
Страница 192: ...192 Chapter 7 Applying Color Strokes and Fills...
Страница 234: ...234 Chapter 9 Layers Masking and Blending...
Страница 250: ...250 Chapter 10 Using Styles Symbols and URLs...
Страница 324: ...324 Chapter 13 Creating Animation...
Страница 372: ...372 Chapter 14 Optimizing and Exporting...
Страница 444: ...444 Chapter 16 Automating Repetitive Tasks...
Страница 454: ...454 Chapter 17 Preferences and Keyboard Shortcuts...
Страница 472: ...472 Index...