What a keyframe does and where to find it

A keyframe in After Effects is a marker that tells the program "remember this value at this exact moment." When you set two keyframes with different values — say, a layer at position X at frame 1 and position Y at frame 100 — After Effects automatically fills in all the frames between them, creating smooth motion or fading. Without keyframes, every property stays the same throughout your entire timeline.

You add keyframes through the Timeline panel, the horizontal strip at the bottom of your screen that shows your layers and the frames they occupy. Next to each layer name is a disclosure triangle. Click it to reveal the properties you can animate: Position, Scale, Opacity, Rotation, and others. To the left of each property name is a small stopwatch icon. That stopwatch is how you create keyframes.

The stopwatch does two things: it turns on animation for that property, and it plants your first keyframe at the current playhead position — the vertical line showing which frame you are viewing right now.

Key Takeaways

  • Click the stopwatch icon next to any property name in the Timeline panel to create your first keyframe at the current frame.
  • Move your playhead to a different frame, change the property value, and After Effects automatically creates a second keyframe.
  • You can add keyframes by clicking the diamond icon between the stopwatch and the property value, without moving the playhead.
  • Keyframes appear as small diamonds on the timeline; you can drag them left or right to adjust their timing.

The stopwatch method: turning on animation

Open your After Effects project and locate the layer you want to animate in the Timeline panel. If you do not see the properties listed under the layer name, click the disclosure triangle (the small arrow) to the left of the layer name.

Scroll down in the properties list until you see the property you want to animate. For a moving object, that is usually Position. For fading in or out, it is Opacity. For growing or shrinking, it is Scale. Click the stopwatch icon to the left of the property name. The stopwatch turns blue, and a small diamond appears on the timeline at your current frame. That diamond is your first keyframe.

Now move your playhead forward by clicking and dragging the vertical line in the timeline, or by clicking a frame number and typing a new one. Change the property value — drag the layer to a new position, type a new opacity number, or adjust the scale slider. After Effects sees that the property changed and automatically creates a second keyframe at this new frame. The animation between the two keyframes plays automatically when you press spacebar to preview.

The diamond icon method: adding keyframes without moving

If you want to add a keyframe at the current frame without moving your playhead, use the diamond icon instead of the stopwatch. The diamond sits between the stopwatch and the property value field. Click it once, and a new keyframe appears at your current position with the current property value.

This method is faster when you already have animation set up and want to add a keyframe in the middle of it — for example, to pause a motion for a few frames before it continues. You do not have to move the playhead, change the value, and move back. Just click the diamond, and the keyframe is there.

Adjusting keyframe timing on the timeline

Once you have created keyframes, you can see them as small diamonds on the timeline itself. Each diamond represents one keyframe. To move a keyframe earlier or later in time, click and drag the diamond left or right along the timeline. The frame number updates as you drag, and the animation adjusts when ready.

To delete a keyframe, click the diamond to select it, then press Delete. To select multiple keyframes at once, hold Shift and click each diamond. You can then drag them all together to shift the timing of an entire animation sequence.

Common properties to animate with keyframes

Position creates movement. Set the first keyframe, move the playhead forward, drag the layer to a new spot, and the layer glides from the first position to the second. Opacity creates fading. Set the first keyframe at 100% opacity, move forward, set opacity to 0%, and the layer fades out. Scale makes objects grow or shrink. Rotation spins them. Anchor Point changes where the layer rotates or scales from.

You can animate multiple properties on the same layer at the same time. A layer can move, fade, and rotate all in the same animation. Each property has its own keyframe track, so you control them independently.

Previewing your animation

After you set your keyframes, press the spacebar to play a preview of your animation in the Composition panel (the main viewing area). The playhead moves through your timeline, and you see the layer animate in real time. If the animation does not look right, you can adjust the keyframe values or timing without stopping the preview.

If the preview is slow or choppy, After Effects may be rendering in the background. Wait a moment for it to finish, or press spacebar again to stop and let it catch up. Once rendering is complete, the preview plays smoothly.

Frequently Asked Questions

How do I make an animation move faster or slower?

Drag the second keyframe closer to the first to speed up the animation, or farther away to slow it down. The shorter the time between two keyframes, the faster the change happens. You can also select both keyframes and drag them together to shift the entire animation without changing its speed.

Can I copy a keyframe from one layer to another?

Yes. Right-click the keyframe diamond and select Copy. Then click the property on the destination layer at the frame where you want the keyframe, right-click, and select Paste. The keyframe value transfers to the new layer at that frame.

What if I want to animate something that does not have a stopwatch?

Not all properties are animatable. Effects and adjustments sometimes have fixed values. If you do not see a stopwatch next to a property, that property cannot be keyframed. Stick to layer properties like Position, Scale, Opacity, and Rotation, which always support animation.

How do I make an animation loop?

Set your keyframes to end at a specific frame, then go to the Composition menu, select Composition Settings, and set the Duration to match your last keyframe. Then in the Timeline, right-click the layer and select Time > Enable Time Remapping to create a loop, or use the Loopout expression in the Effects & Presets panel.

Can I ease the motion between keyframes so it does not look robotic?

Yes. Right-click a keyframe diamond and select Keyframe Assistant > straightforward Ease. This softens the start and end of the motion, making it look more natural. You can also right-click and choose Keyframe Velocity to fine-tune exactly how the motion accelerates and decelerates.