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 the layer at this exact moment in time." When you place two keyframes with different values — say, one position at frame 1 and a different position at frame 60 — After Effects automatically fills in all the frames between them, creating smooth motion or change. Without keyframes, every frame would stay identical.
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 pages in between are blank. A keyframe is you drawing that circle on page 1 and page 10. After Effects is the person flipping through and drawing all the pages in between so the circle appears to move.
You use keyframes for almost any change over time: moving text across the screen, fading a layer in or out, rotating an object, changing opacity, adjusting effects. Any property that has a stopwatch icon next to it can be keyframed.
Key Takeaways
- Click the stopwatch icon next to any layer property to enable keyframing for that property.
- Move the playhead to the frame where you want the change to start, then click the diamond icon to create the first keyframe.
- Move the playhead to where you want the change to end, adjust the property value, and click the diamond again to create the second keyframe.
- After Effects automatically creates the motion or transition between the two keyframes you set.
- You can have as many keyframes as you need on a single property to create complex animations with multiple changes.
Enable keyframing by clicking the stopwatch
Before you can create any keyframe, you must turn on keyframing for the specific property you want to animate. Open the layer in your timeline by clicking the arrow next to its name. You will see a list of properties: Transform, Effects, Text, and others depending on what kind of layer it is.
Expand the property group you need. For motion, expand Transform. For fading, look for Opacity. For color changes, expand the effect you are using. Next to each property name is a stopwatch icon. Click it once. The stopwatch will turn blue or highlight, and a keyframe will automatically appear at your current playhead position. This first keyframe locks in the current state of that property at that moment.
You only need to click the stopwatch once per property. After that, every time you move the playhead and change the property value, After Effects will create a new keyframe automatically.
Set your first keyframe at the starting point
Decide where in your timeline the animation should begin. This might be frame 1, or it might be frame 30 — wherever the change should start. Click on the timeline ruler or scrub the playhead to that frame. You will see the current frame number in the timecode display at the top left of the timeline.
Make sure the property value is what you want at the start. If you are animating position, the layer should be in its starting position. If you are animating opacity, it should be at the starting opacity. Once the playhead is in the right place and the value is correct, click the diamond icon next to the property name. This creates a keyframe at that exact frame with that exact value.
Move to the end point and change the value
Now move the playhead to the frame where you want the animation to finish. Scrub the timeline or click directly on the frame you want. The distance between your first keyframe and this second one determines how long the animation takes. If your first keyframe is at frame 1 and you move to frame 60, the animation will take 60 frames (about 2 seconds at 30 frames per second).
With the playhead at the new position, change the property value. If you are moving a layer, drag it to the new position on the canvas. If you are changing opacity, adjust the opacity slider. If you are rotating, turn the layer. The moment you change the value, After Effects creates a second keyframe automatically at that frame with the new value.
Play back your timeline by pressing the spacebar. You should see the layer smoothly transition from the first state to the second state over the frames between the two keyframes.
Adjust timing and easing between keyframes
The space between two keyframes does not have to be linear. By default, After Effects uses ease out and ease in, which means motion starts fast and slows down as it approaches the second keyframe, then speeds up again. This looks more natural than constant speed.
To change how the transition happens, right-click on a keyframe in the timeline and choose Keyframe Velocity or Keyframe Interpolation. You can set it to Linear (constant speed), Ease In (slow start, fast end), Ease Out (fast start, slow end), or Ease In/Out (slow at both ends). For most animations, the default works well. Change it only if the motion looks wrong when you play it back.
Create multiple keyframes for complex animations
You are not limited to two keyframes. Move the playhead to a third point in time, change the property value again, and a third keyframe appears. You can build sequences where a layer moves to position A, then to position B, then to position C, each with its own timing. This is how you create animations that change direction, pause, or have multiple stages.
To delete a keyframe you no longer need, click on it in the timeline to select it, then press Delete. To move a keyframe to a different frame, click and drag it left or right on the timeline. To change the value at an existing keyframe without creating a new one, click the keyframe to select it, then adjust the property value.
Common mistakes and how to avoid them
The most common mistake is forgetting to click the stopwatch before trying to create keyframes. If you move the playhead and change a value but no keyframe appears, go back and click the stopwatch icon for that property. The second mistake is creating keyframes at the wrong frames. Always check the timecode display to confirm you are at the frame you intend.
Another frequent issue is keyframing the wrong property. If you want to move a layer but you keyframed Rotation instead of Position, the layer will spin instead of move. Check the property name before you click the diamond. Finally, if an animation looks jerky or wrong, it is usually because the keyframes are too close together (animation happens too fast) or too far apart (animation takes too long). Adjust by dragging the keyframes left or right on the timeline to change their timing.
Frequently Asked Questions
What is the difference between a keyframe and a marker?
A keyframe records the value of a specific property at a specific time. A marker is just a label or note on the timeline with no effect on animation. Keyframes drive animation; markers are reminders for you.
Can I copy a keyframe from one layer to another?
Yes. Select the keyframe on the source layer, copy it (Ctrl+C or Cmd+C), move the playhead to the same frame on the destination layer, and paste (Ctrl+V or Cmd+V). The keyframe will paste at the same frame number on the new layer, but only if that layer has the same property keyframed.
Why does my animation look choppy or jumpy?
Choppy animation usually means your keyframes are too close together or your frame rate is too low. If keyframes are only 5 frames apart, the change happens very fast. Space them further apart. If your composition is set to 15 fps instead of 24 or 30, motion will look stuttered. Check your composition settings.
Can I keyframe effects like blur or color correction?
Yes. Any effect you add to a layer can be keyframed the same way. Click the stopwatch next to the effect property, move the playhead, adjust the effect value, and After Effects creates keyframes. This is how you fade effects in and out or make them change over time.
What happens if I delete a keyframe in the middle of an animation?
After Effects will interpolate directly from the keyframe before it to the keyframe after it, skipping the deleted one. If you had three keyframes creating a path with a turn, deleting the middle one makes the layer move in a straight line instead.