Adobe 13102498 User Guide - Page 581

Use keyframes to animate layer properties (Photoshop Extended), Keyframe icons Photoshop Extended

Page 581 highlights

PHOTOSHOP CS3 574 User Guide See also "Choose interpolation method (Photoshop Extended)" on page 575 "Create hand-drawn animations (Photoshop Extended)" on page 576 Use keyframes to animate layer properties (Photoshop Extended) You can animate different layer properties, such as position, opacity, and style. Each change can occur independently of, or simultaneously with, other changes. If you want to animate different objects independently, it's best to create them on separate layers. For a video on creating animations from images, see www.adobe.com/go/vid0024. Here are some examples of how you can animate layer properties: • You can animate position by adding a keyframe to the Position property, then moving the current time indicator and dragging the layer in the document window. • You can animate a layer's opacity by adding a keyframe to the Opacity property, then moving the current time indicator and changing the layer's opacity in the Layers palette. To animate a property using keyframes, you must set at least two keyframes for that property. Otherwise, changes that you make to the layer property remain in effect for the duration of the layer. Each layer property has a Time-Vary Stopwatch icon that you click to begin animating. When the stopwatch is active for a specific property, Photoshop automatically sets new keyframes whenever you change the current time and the property value. When the stopwatch is inactive for a property, the property has no keyframes. If you type a value for a layer property while the stopwatch is inactive, the value remains in effect for the duration of the layer. If you deselect the stopwatch, you will permanently delete all of the keyframes for that property. Keyframe icons (Photoshop Extended) In the Animation palette, the appearance of a keyframe depends on the interpolation method you choose for the interval between keyframes. See also "Choose interpolation method (Photoshop Extended)" on page 575. Linear Keyframe Causes the animated property to change evenly over time from the previously defined state. The one exception is the Layer Mask Position property which switches between enabled and disabled states abruptly. Hold Keyframe Causes the animated property to remain the same from the previous keyframe and change only when the current time indicator is on the Hold keyframe. Move the current-time indicator to a keyframe (Photoshop Extended) After you set the initial keyframe for a property, Photoshop displays the keyframe navigator, which you can use to move from keyframe to keyframe or to set or remove keyframes. When the keyframe navigator box is selected, the current-time indicator lies precisely at a keyframe for that layer property. When the keyframe navigator box is deselected, the current-time indicator lies between keyframes. When arrows appear on each side of the keyframe navigator box, other keyframes for that property exist on both sides of the current time. ❖ Click a keyframe navigator arrow. The arrow to the left moves the current-time indicator to the previous keyframe. The arrow to the right moves the current-time indicator to the next keyframe. Select keyframes (Photoshop Extended) ❖ In the Animation palette, do any of the following: • To select a keyframe, click the keyframe icon.

  • 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
  • 550
  • 551
  • 552
  • 553
  • 554
  • 555
  • 556
  • 557
  • 558
  • 559
  • 560
  • 561
  • 562
  • 563
  • 564
  • 565
  • 566
  • 567
  • 568
  • 569
  • 570
  • 571
  • 572
  • 573
  • 574
  • 575
  • 576
  • 577
  • 578
  • 579
  • 580
  • 581
  • 582
  • 583
  • 584
  • 585
  • 586
  • 587
  • 588
  • 589
  • 590
  • 591
  • 592
  • 593
  • 594
  • 595
  • 596
  • 597
  • 598
  • 599
  • 600
  • 601
  • 602
  • 603
  • 604
  • 605
  • 606
  • 607
  • 608
  • 609
  • 610
  • 611
  • 612
  • 613
  • 614
  • 615
  • 616
  • 617
  • 618
  • 619
  • 620
  • 621
  • 622
  • 623
  • 624
  • 625
  • 626
  • 627
  • 628
  • 629
  • 630
  • 631
  • 632
  • 633
  • 634
  • 635
  • 636
  • 637
  • 638
  • 639
  • 640
  • 641
  • 642
  • 643
  • 644
  • 645
  • 646
  • 647
  • 648
  • 649
  • 650
  • 651
  • 652
  • 653
  • 654
  • 655
  • 656
  • 657
  • 658
  • 659
  • 660
  • 661
  • 662
  • 663
  • 664
  • 665
  • 666
  • 667
  • 668
  • 669
  • 670
  • 671
  • 672
  • 673
  • 674
  • 675
  • 676
  • 677
  • 678
  • 679
  • 680
  • 681

PHOTOSHOP CS3
User Guide
574
See also
“Choose interpolation method (Photoshop Extended)” on page 575
“Create hand-drawn animations (Photoshop Extended)” on page 576
Use keyframes to animate layer properties (Photoshop Extended)
You can animate different layer properties, such as position, opacity, and style. Each change can occur independently
of, or simultaneously with, other changes. If you want to animate different objects independently, it’s best to create
them on separate layers.
For a video on creating animations from images, see
www.adobe.com/go/vid0024
.
Here are some examples of how you can animate layer properties:
You can animate position by adding a keyframe to the Position property, then moving the current time indicator
and dragging the layer in the document window.
You can animate a layer’s opacity by adding a keyframe to the Opacity property, then moving the current time
indicator and changing the layer’s opacity in the Layers palette.
To animate a property using keyframes, you must set at least two keyframes for that property. Otherwise, changes
that you make to the layer property remain in effect for the duration of the layer.
Each layer property has a Time-Vary Stopwatch icon
that you click to begin animating. When the stopwatch is
active for a specific property, Photoshop automatically sets new keyframes whenever you change the current time
and the property value. When the stopwatch is inactive for a property, the property has no keyframes. If you type a
value for a layer property while the stopwatch is inactive, the value remains in effect for the duration of the layer. If
you deselect the stopwatch, you will permanently delete all of the keyframes for that property.
Keyframe icons (Photoshop Extended)
In the Animation palette, the appearance of a keyframe depends on the interpolation method you choose for the
interval between keyframes. See also “Choose interpolation method (Photoshop Extended)” on page 575.
Linear Keyframe
Causes the animated property to change evenly over time from the previously defined state.
The one exception is the Layer Mask Position property which switches between enabled and disabled states abruptly.
Hold Keyframe
Causes the animated property to remain the same from the previous keyframe and change only
when the current time indicator is on the Hold keyframe.
Move the current-time indicator to a keyframe (Photoshop Extended)
After you set the initial keyframe for a property, Photoshop displays the keyframe navigator, which you can use to
move from keyframe to keyframe or to set or remove keyframes. When the keyframe navigator box is selected, the
current-time indicator lies precisely at a keyframe for that layer property. When the keyframe navigator box is
deselected, the current-time indicator lies between keyframes. When arrows appear on each side of the keyframe
navigator box, other keyframes for that property exist on both sides of the current time.
Click a keyframe navigator arrow. The arrow to the left moves the current-time indicator to the previous keyframe.
The arrow to the right moves the current-time indicator to the next keyframe.
Select keyframes (Photoshop Extended)
In the Animation palette, do any of the following:
To select a keyframe, click the keyframe icon.