What a keyframe does and why you need one

A keyframe in After Effects is a marker that tells the program "remember this exact state of this property at this exact moment in time." When you set two keyframes with different values, After Effects automatically fills in all the frames between them, creating motion or change. Without keyframes, nothing moves or changes — you just have a static image.

Think of it like a flip book. If you draw a circle on page 1 and a circle in a different spot on page 10, the flip book pages 2 through 9 are blank. A keyframe is you telling After Effects to draw the circle in every page between, getting smaller or larger or moving smoothly from one place to the other. The program does the drawing for you.

You use keyframes for almost everything that changes over time: text sliding in, opacity fading, a layer rotating, a camera moving through a scene, or an effect getting stronger. If you want motion, you need keyframes.

Key Takeaways

  • Set the first keyframe by clicking the stopwatch icon next to any property in the Timeline panel — position, scale, opacity, rotation, or any effect parameter.
  • Move the playhead to a different point in time, change the property value, and After Effects automatically creates a second keyframe.
  • The Timeline shows keyframes as small diamonds on the property row, and you can click them to jump to that moment or drag them to shift timing.
  • Deleting a keyframe removes that marker; the property stays at its last value unless another keyframe tells it to change.

Starting a keyframe on any property

Open your composition in After Effects and find the layer you want to animate in the Timeline panel on the left side of the screen. Click the triangle next to the layer name to expand it and see all its properties — Position, Scale, Rotation, Opacity, and any effects you have added.

Next to each property name is a stopwatch icon. Click that stopwatch to set your first keyframe at the current playhead position. The stopwatch turns blue, and a small diamond appears on the timeline at that exact frame. This keyframe locks in the current value of that property — if Position is at 100, 200, that is what gets recorded.

The stopwatch stays active after you click it. This means the next time you change that property value, After Effects will automatically create a second keyframe. If you turn the stopwatch off, changes you make will affect all frames equally, not create animation.

Creating the second keyframe by changing the value

With the stopwatch on, move your playhead forward in time by clicking and dragging the playhead scrubber at the top of the Timeline, or by typing a new timecode directly into the Current Time field. Move to wherever you want the animation to end — this might be one second later, five seconds later, or anywhere in between.

Now change the property value. If you are animating Position, click on the layer in the Composition window and drag it to a new location. If you are animating Opacity, find the Opacity row in the Timeline and change the number. If you are animating Scale, double-click the Scale value and type a new percentage. The moment you change it, After Effects creates a second keyframe automatically.

You now have two keyframes: one at the start time with the original value, and one at the new time with the new value. After Effects fills every frame in between with a smooth transition from the first value to the second. Play the composition to see the motion.

Seeing and moving keyframes in the Timeline

Keyframes appear as small diamond shapes on the property row in the Timeline. Each diamond represents one keyframe. If you have animated Position, you will see diamonds on the Position row. If you have animated both Position and Opacity, you will see diamonds on both rows.

Click any diamond to select it — it turns white when selected. You can then drag it left or right to shift when that keyframe happens without changing its value. This is useful if you set the timing wrong and need to move the keyframe earlier or later in the sequence.

To delete a keyframe, select it and press Delete, or right-click it and choose Delete Keyframe. The property will stay at its last value unless another keyframe tells it to change. If you delete both keyframes on a property, the stopwatch turns off and the property returns to a static value across the whole composition.

Adding more keyframes to create complex motion

You are not limited to two keyframes. Set as many as you need. Move the playhead to a third point in time, change the property value again, and a third keyframe appears. This lets you create motion that changes direction, speeds up and slows down, or cycles through multiple states.

For example, you could set Position keyframes at 0 seconds (left side), 2 seconds (right side), and 4 seconds (left side again) to make a layer bounce back and forth. Each keyframe locks in a specific value at a specific time, and After Effects interpolates the motion between them.

The more keyframes you add, the more control you have. But more keyframes also means more work to adjust if you change your mind about timing or values. Start straightforward with two keyframes, then add more only when you need finer control over the motion.

Adjusting keyframe timing and easing

After you have set keyframes, you can fine-tune how the animation moves between them. Right-click any keyframe in the Timeline and you will see options for easing — how the motion accelerates and decelerates. Linear means constant speed. Ease In means slow at the start, fast at the end. Ease Out means fast at the start, slow at the end.

You can also select multiple keyframes at once by clicking one, holding Shift, and clicking another. Then drag them all together to shift the entire animation earlier or later without changing the spacing between them. This is faster than moving each keyframe individually.

If you need to change a keyframe's value without moving it in time, double-click the diamond to open the value field and type a new number. The keyframe stays at the same frame but records a different property value.

Common mistakes when setting keyframes

The most common mistake is forgetting to turn on the stopwatch before making changes. If the stopwatch is off, you are changing the property for the entire composition, not creating animation. Always check that the stopwatch is blue and active before you expect keyframes to appear.

Another mistake is setting both keyframes at the same time. If you click the stopwatch, then when ready change the property value without moving the playhead, both keyframes land on the same frame and nothing animates. Always move the playhead to a different time before changing the value.

A third mistake is not realizing that different properties have separate keyframes. If you animate Position and then later animate Opacity, the Opacity keyframes are independent of the Position keyframes. They can start and end at different times. This is intentional and powerful, but it can be confusing if you expect all animation to move together.

Frequently Asked Questions

Do I have to set keyframes for every property I want to animate?

Yes. Each property — Position, Scale, Opacity, Rotation, effects — has its own stopwatch and its own set of keyframes. If you want a layer to move and fade at the same time, you need keyframes on both Position and Opacity. They animate independently unless you link them with expressions or parenting.

What happens if I delete a keyframe in the middle of an animation?

After Effects recalculates the motion between the remaining keyframes. If you had keyframes at 0 seconds, 2 seconds, and 4 seconds, and you delete the one at 2 seconds, the animation now goes directly from 0 to 4 seconds in a straight line. The motion changes shape but does not stop.

Can I copy keyframes from one layer to another?

Yes. Select the layer with the keyframes you want to copy, then right-click the property row and choose Copy. Select the target layer, right-click its property row, and choose Paste. The keyframes transfer with their exact timing and values, though they may need adjustment if the layers are different sizes or positions.

Why does my animation look jerky instead of smooth?

This usually means your keyframes are too far apart in value or too close together in time. If you jump from Position 0 to Position 500 in one frame, it looks like a jump. Try adding a keyframe in the middle with an in-between value, or spread the same keyframes across more time so the change happens more gradually.

Can I animate effects the same way I animate position?

Yes. Expand an effect in the Timeline and you will see its parameters — Blur Amount, Color, Intensity, or whatever the effect offers. Click the stopwatch next to any parameter to start keyframing it. The process is identical to animating Position or Opacity.