Adobe 38039927 User Guide - Page 244

Working with animation symbols

Page 244 highlights

ADOBE FIREWORKS CS3 239 User Guide Note: Degree and direction of movement options are found only in the Animate dialog box. 3 Use the Frame Delay controls in the Frames panel to set the speed of the animated motion. For more information, see "Setting the frame delay" on page 242. 4 Optimize the document as an animated GIF. For more information, see "Optimizing an animation" on page 248. 5 Export the document as an Animated GIF or SWF, or save it as a Fireworks PNG and import it into Flash for further editing. For more information, see "Animation export formats" on page 248. Working with animation symbols Animation symbols perform the action in your Fireworks file like actors in a movie. For example, in an animation of three geese flying across the sky, each goose is a cast member. An animation symbol can be any object you create or import, and you can have many symbols in one file. Each symbol has its own properties and animates independently. So you can create symbols that move across the screen while others fade or shrink. You do not need to use symbols for every aspect of your animation. However, using symbols and instances for graphics that appear in multiple frames keeps your animation file size smaller, in addition to the other advantages discussed in this chapter. You can change animation symbol properties at any time using the Animate dialog box or the Property inspector. You can also edit symbol artwork in the Symbol Editor. The Symbol Editor lets you edit your symbol without affecting the rest of the document. You can also change a symbol's motion by moving its motion path. Because animation symbols are automatically placed in the library, you can reuse them to create other animations. Creating animation symbols After you create an animation symbol, you can set properties that determine the number of frames in the animation and the type of action, such as scaling or rotation. By default, a new animation symbol has five frames, each with a delay time of 0.07 seconds. To create an animation symbol: 1 Select Edit > Insert > New Symbol. 2 In the Symbol Properties dialog box, enter a name for the new symbol. 3 Select Animation and click OK. 4 In the Symbol Editor, use the drawing or text tools to create a new object. You can draw either vector or bitmap objects. 5 Close the Symbol Editor window. Fireworks places the symbol in the library and a copy in the center of the document. You can add new frames to the symbol using the Frames slider in the Property inspector. Select Window > Properties to open the Property inspector, if it's not already open. To convert an object to an animation symbol: 1 Select the object.

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253
  • 254
  • 255
  • 256
  • 257
  • 258
  • 259
  • 260
  • 261
  • 262
  • 263
  • 264
  • 265
  • 266
  • 267
  • 268
  • 269
  • 270
  • 271
  • 272
  • 273
  • 274
  • 275
  • 276
  • 277
  • 278
  • 279
  • 280
  • 281
  • 282
  • 283
  • 284
  • 285
  • 286
  • 287
  • 288
  • 289
  • 290
  • 291
  • 292
  • 293
  • 294
  • 295
  • 296
  • 297
  • 298
  • 299
  • 300
  • 301
  • 302
  • 303
  • 304
  • 305
  • 306
  • 307
  • 308
  • 309
  • 310
  • 311
  • 312
  • 313
  • 314
  • 315
  • 316
  • 317
  • 318
  • 319
  • 320
  • 321
  • 322
  • 323
  • 324
  • 325
  • 326
  • 327
  • 328
  • 329
  • 330
  • 331
  • 332
  • 333
  • 334
  • 335
  • 336
  • 337
  • 338
  • 339
  • 340
  • 341
  • 342
  • 343
  • 344
  • 345
  • 346
  • 347
  • 348
  • 349
  • 350
  • 351
  • 352
  • 353
  • 354
  • 355
  • 356
  • 357
  • 358
  • 359
  • 360
  • 361
  • 362
  • 363
  • 364
  • 365
  • 366
  • 367
  • 368
  • 369

ADOBE FIREWORKS CS3
User Guide
239
Note:
Degree and direction of movement options are found only in the Animate dialog box.
3
Use the Frame Delay controls in the Frames panel to set the speed of the animated motion. For more information,
see “Setting the frame delay” on page 242.
4
Optimize the document as an animated GIF. For more information, see “Optimizing an animation” on page 248.
5
Export the document as an Animated GIF or SWF, or save it as a Fireworks PNG and import it into Flash for
further editing. For more information, see “Animation export formats” on page 248.
Working with animation symbols
Animation symbols perform the action in your Fireworks file like actors in a movie. For example, in an animation
of three geese flying across the sky, each goose is a cast member.
An animation symbol can be any object you create or import, and you can have many symbols in one file. Each
symbol has its own properties and animates independently. So you can create symbols that move across the screen
while others fade or shrink.
You do not need to use symbols for every aspect of your animation. However, using symbols and instances for
graphics that appear in multiple frames keeps your animation file size smaller, in addition to the other advantages
discussed in this chapter.
You can change animation symbol properties at any time using the Animate dialog box or the Property inspector.
You can also edit symbol artwork in the Symbol Editor. The Symbol Editor lets you edit your symbol without
affecting the rest of the document. You can also change a symbol’s motion by moving its motion path.
Because animation symbols are automatically placed in the library, you can reuse them to create other animations.
Creating animation symbols
After you create an animation symbol, you can set properties that determine the number of frames in the animation
and the type of action, such as scaling or rotation. By default, a new animation symbol has five frames, each with a
delay time of 0.07 seconds.
To create an animation symbol:
1
Select Edit > Insert > New Symbol.
2
In the Symbol Properties dialog box, enter a name for the new symbol.
3
Select Animation and click OK.
4
In the Symbol Editor, use the drawing or text tools to create a new object.
You can draw either vector or bitmap objects.
5
Close the Symbol Editor window.
Fireworks places the symbol in the library and a copy in the center of the document.
You can add new frames to the symbol using the Frames slider in the Property inspector. Select Window > Properties
to open the Property inspector, if it’s not already open.
To convert an object to an animation symbol:
1
Select the object.