Adobe 12040118 Tutorial - Page 186

Animation basics, About animation, keyframes, and expressions

Page 186 highlights

Animation basics About animation, keyframes, and expressions The Graph Editor About animation, keyframes, and expressions To the top Animation is change over time. You animate a layer or an effect on a layer by making one or more of its properties change over time. For example, you can animate the Opacity property of a layer from 0% at time zero to 100% at time 1 second to make the layer fade in. Any property with a stopwatch button to the left of its name in the Timeline panel or Effect Controls panel can be animated. Stopwatch icons A. Active stopwatch B. Inactive stopwatch You animate layer properties using keyframes, expressions, or both. Many animation presets include keyframes and expressions so that you can simply apply the animation preset to the layer to achieve a complex animated result. You work with keyframes and expressions in After Effects in one of two modes: layer bar mode or Graph Editor mode. Layer bar mode is the default, which shows layers as duration bars, with keyframes and expressions aligned vertically with their properties in the Timeline panel. Graph Editor mode does not show layer bars, and shows keyframes and expression results in value graphs or speed graphs. (See The Graph Editor.) Keyframes Keyframes are used to set parameters for motion, effects, audio, and many other properties, usually changing them over time. A keyframe marks the point in time where you specify a value for a layer property, such as spatial position, opacity, or audio volume. Values between keyframes are interpolated. When you use keyframes to create a change over time, you typically use at least two keyframes-one for the state at the beginning of the change, and one for the new state at the end of the change. (See Set or add keyframes.) When the stopwatch is active for a specific property, After Effects automatically sets or changes a keyframe for the property at the current time whenever you change the property value. When the stopwatch is inactive for a property, the property has no keyframes. If you change the value for a layer property while the stopwatch is inactive, that value remains the same for the duration of the layer. Note: When Auto-keyframe mode is on, the stopwatch is activated automatically for a property when it's modified. (See Auto-keyframe mode.) If you deactivate the stopwatch, all keyframes for that layer property are deleted, and the constant value for the property becomes the value at the current time. Don't deactivate the stopwatch unless you're sure that you want to permanently delete all of the keyframes for that property. Change the keyframe icons in layer bar mode to numbers by choosing Use Keyframe Indices in the Timeline panel menu. Keyframes as icons compared to keyframes as numbers Note: When a layer property that contains keyframes is collapsed, gray dots (summary keyframe indicators) for the property group show that there are keyframes contained within it. Some tools, such as Motion Sketch and the Puppet tools, automatically set keyframes for you to match motion that you sketch. Expressions Expressions use a scripting language based on JavaScript to specify the values of a property and to relate properties to one another. You can create simple expressions by connecting properties with the pick whip. (See About expressions.)

  • 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

Animation basics
To the top
About animation, keyframes, and expressions
The Graph Editor
About animation, keyframes, and expressions
Animation is change over time. You animate a layer or an effect on a layer by making one or more of its properties change over time. For example,
you can animate the Opacity property of a layer from 0% at time zero to 100% at time 1 second to make the layer fade in. Any property with a
stopwatch button
to the left of its name in the Timeline panel or Effect Controls panel can be animated.
Stopwatch icons
A.
Active stopwatch
B.
Inactive stopwatch
You animate layer properties using keyframes, expressions, or both.
Many animation presets include keyframes and expressions so that you can simply apply the animation preset to the layer to achieve a complex
animated result.
You work with keyframes and expressions in After Effects in one of two modes: layer bar mode or Graph Editor mode. Layer bar mode is the
default, which shows layers as duration bars, with keyframes and expressions aligned vertically with their properties in the Timeline panel. Graph
Editor mode does not show layer bars, and shows keyframes and expression results in value graphs or speed graphs. (See The Graph Editor.)
Keyframes
Keyframes are used to set parameters for motion, effects, audio, and many other properties, usually changing them over time. A keyframe marks
the point in time where you specify a value for a layer property, such as spatial position, opacity, or audio volume. Values between keyframes are
interpolated. When you use keyframes to create a change over time, you typically use at least two keyframes—one for the state at the beginning of
the change, and one for the new state at the end of the change. (See Set or add keyframes.)
When the stopwatch is active for a specific property, After Effects automatically sets or changes a keyframe for the property at the current time
whenever you change the property value. When the stopwatch is inactive for a property, the property has no keyframes. If you change the value
for a layer property while the stopwatch is inactive, that value remains the same for the duration of the layer.
Note:
When Auto-keyframe mode is on, the stopwatch is activated automatically for a property when it’s modified. (See Auto-keyframe mode.)
If you deactivate the stopwatch, all keyframes for that layer property are deleted, and the constant value for the property becomes the value at the
current time. Don’t deactivate the stopwatch unless you’re sure that you want to permanently delete all of the keyframes for that property.
Change the keyframe icons in layer bar mode to numbers by choosing Use Keyframe Indices in the Timeline panel menu.
Keyframes as icons compared to keyframes as numbers
Note:
When a layer property that contains keyframes is collapsed, gray dots (summary keyframe indicators) for the property group show that
there are keyframes contained within it.
Some tools, such as Motion Sketch and the Puppet tools, automatically set keyframes for you to match motion that you sketch.
Expressions
Expressions use a scripting language based on JavaScript to specify the values of a property and to relate properties to one another. You can
create simple expressions by connecting properties with the pick whip. (See About expressions.)