Adobe 13101332 User Guide - Page 404

Creating and editing animations, About animation, Using the Animation palette, Adding frames

Page 404 highlights

Adobe Photoshop Help Using Help | Contents | Index Creating Rollovers and Animations (ImageReady) Back 404 To move states between slices and image maps: Drag the state up or down in the Rollovers palette. When the highlighted line appears in the desired position, release the mouse button. To delete rollover states: • To delete one state, select a rollover state, and either click the Trash button on the Rollovers palette or choose Delete Rollover State from the Rollovers palette menu. • To delete all states in a rollover, choose Delete Rollover from the Rollovers palette menu. Creating and editing animations You use the Animation palette, in conjunction with the Layers palette and Rollovers palette, to create animation frames from an original, multilayer image. You can assign a delay time to each frame, use the Tween command to generate new frames, and specify looping for the animation. The number of frames you can create is limited only by the amount of memory available to ImageReady on your system. About animation An animation is a sequence of images, or frames, that is displayed over time. Each frame varies slightly from the preceding frame, creating the illusion of movement when the frames are viewed in quick succession. An image can have multiple animations that are associated with different rollover states. For example, adding an animation to the Normal rollover state causes the animation to play when the Web page is first loaded by a Web browser. Adding an animation to another rollover state causes the animation to play only when the Web user performs the specified action (such as placing the mouse over the rollover or clicking on the rollover). Using the Animation palette The Animation palette lets you create, view, and set options for the frames in an animation. You can change the thumbnail view of frames in the Animation palette-using smaller thumbnails reduces the space required by the palette and displays more frames in a given palette width. Displaying the Animation palette Choose Window > Animation. A check mark indicates that the palette is showing. Using the Animation palette menu Click the triangle in the upper right corner of the palette to access commands for working with animations. Changing the size of animation thumbnails Choose Palette Options from the Animation palette menu, select a thumbnail size, and click OK. Adding frames Adding frames is the first step in creating an animation. If you have an image open in ImageReady, the Animation palette displays the image as the first frame in a new animation. Each frame you add starts as a duplicate of the preceding frame.You then make changes to the frame using the Layers palette. Note: Always create and edit frames in Original view. While you can view frames in an optimized view, the editing options are very limited. Using Help | Contents | Index Back 404

  • 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
  • 370
  • 371
  • 372
  • 373
  • 374
  • 375
  • 376
  • 377
  • 378
  • 379
  • 380
  • 381
  • 382
  • 383
  • 384
  • 385
  • 386
  • 387
  • 388
  • 389
  • 390
  • 391
  • 392
  • 393
  • 394
  • 395
  • 396
  • 397
  • 398
  • 399
  • 400
  • 401
  • 402
  • 403
  • 404
  • 405
  • 406
  • 407
  • 408
  • 409
  • 410
  • 411
  • 412
  • 413
  • 414
  • 415
  • 416
  • 417
  • 418
  • 419
  • 420
  • 421
  • 422
  • 423
  • 424
  • 425
  • 426
  • 427
  • 428
  • 429
  • 430
  • 431
  • 432
  • 433
  • 434
  • 435
  • 436
  • 437
  • 438
  • 439
  • 440
  • 441
  • 442
  • 443
  • 444
  • 445
  • 446
  • 447
  • 448
  • 449
  • 450
  • 451
  • 452
  • 453
  • 454
  • 455
  • 456
  • 457
  • 458
  • 459
  • 460
  • 461
  • 462
  • 463
  • 464
  • 465
  • 466
  • 467
  • 468
  • 469
  • 470
  • 471
  • 472
  • 473
  • 474
  • 475
  • 476
  • 477
  • 478
  • 479
  • 480
  • 481
  • 482
  • 483
  • 484
  • 485
  • 486
  • 487
  • 488
  • 489
  • 490
  • 491
  • 492
  • 493
  • 494
  • 495
  • 496
  • 497
  • 498
  • 499
  • 500
  • 501
  • 502
  • 503
  • 504
  • 505
  • 506
  • 507
  • 508
  • 509
  • 510
  • 511
  • 512
  • 513
  • 514
  • 515
  • 516
  • 517
  • 518
  • 519
  • 520
  • 521
  • 522
  • 523
  • 524
  • 525
  • 526
  • 527
  • 528
  • 529
  • 530
  • 531
  • 532
  • 533
  • 534
  • 535
  • 536
  • 537
  • 538
  • 539
  • 540
  • 541
  • 542
  • 543
  • 544
  • 545
  • 546
  • 547
  • 548
  • 549

U
sing H
elp
|
C
on
t
en
ts
|
Inde
x
B
ack
404
Adobe Photoshop Help
Creating Rollovers and Animations (ImageReady)
U
sing H
elp
|
C
on
t
en
ts
|
Inde
x
B
ack
404
To move states between slices and image maps:
Drag the state up or down in the Rollovers palette. When the highlighted line appears in
the desired position, release the mouse button.
To delete rollover states:
To delete one state, select a rollover state, and either click the Trash button
on the
Rollovers palette or choose Delete Rollover State from the Rollovers palette menu.
To delete all states in a rollover, choose Delete Rollover from the Rollovers palette menu.
Creating and editing animations
You use the Animation palette, in conjunction with the Layers palette and Rollovers
palette, to create animation frames from an original, multilayer image. You can assign a
delay time to each frame, use the Tween command to generate new frames, and specify
looping for the animation. The number of frames you can create is limited only by the
amount of memory available to ImageReady on your system.
About animation
An animation is a sequence of images, or
frames
, that is displayed over time. Each frame
varies slightly from the preceding frame, creating the illusion of movement when the
frames are viewed in quick succession.
An image can have multiple animations that are associated with different rollover states.
For example, adding an animation to the Normal rollover state causes the animation to
play when the Web page is first loaded by a Web browser. Adding an animation to another
rollover state causes the animation to play only when the Web user performs the specified
action (such as placing the mouse over the rollover or clicking on the rollover).
Using the Animation palette
The Animation palette lets you create, view, and set options for the frames in an
animation. You can change the thumbnail view of frames in the Animation palette—using
smaller thumbnails reduces the space required by the palette and displays more frames in
a given palette width.
Displaying the Animation palette
Choose Window > Animation. A check mark indicates
that the palette is showing.
Using the Animation palette menu
Click the triangle
in the upper right corner of the
palette to access commands for working with animations.
Changing the size of animation thumbnails
Choose Palette Options from the
Animation palette menu, select a thumbnail size, and click OK.
Adding frames
Adding frames is the first step in creating an animation. If you have an image open in
ImageReady, the Animation palette displays the image as the first frame in a new
animation. Each frame you add starts as a duplicate of the preceding frame. You then
make changes to the frame using the Layers palette.
Note:
Always create and edit frames in Original view. While you can view frames in an
optimized view, the editing options are very limited.