How to Animate with Keyframes in After Effects

A workflow taught by Adobe Certified Instructors at Adobe Video World.

Keyframes are the foundation of everything in After Effects. Master them and you can make anything move — a logo, a title, an entire scene. This guide takes you from your very first keyframe to the polished, natural motion that separates beginners from pros.

What a Keyframe Actually Is

A keyframe records the value of a property at a specific point in time. Set one keyframe where a layer starts and another where it ends, and After Effects automatically fills in every frame between them — a process called interpolation.

That in-betweening is the whole magic of animation. You define the key poses, and the software creates the smooth movement that connects them.

Meet the Transform Properties

Every layer has five core Transform properties you’ll animate constantly. Press a layer’s triangle to reveal them, or use single-key shortcuts to isolate one at a time:

• Position (P) — moves the layer around the frame
• Scale (S) — grows or shrinks it
• Rotation (R) — spins it
• Opacity (T) — fades it in and out
• Anchor Point (A) — sets the pivot for scale and rotation

Set Your First Keyframes

Animating is a simple three-step rhythm. Move the playhead to the start, click the stopwatch icon next to a property (this turns keyframing on and drops your first keyframe), then move the playhead forward and change the value.

After Effects adds a second keyframe automatically and animates between the two. That’s it — you’ve created motion. Every animation, no matter how complex, is built from this same pattern.

Smooth the Motion with Easy Ease

Default keyframes move with mechanical, linear motion that looks robotic. Real objects accelerate and decelerate. To add that, select your keyframes and press F9 for Easy Ease.

Instantly your animation eases in and out of each pose, feeling far more natural. Easy Ease is the single fastest way to make motion look professional, and you’ll apply it to almost everything.

Shape Motion in the Graph Editor

For full control, open the Graph Editor (the graph icon in the timeline). It plots your animation’s speed and value over time as adjustable curves.

Drag the handles to make a layer start slow and end fast, or snap to a stop with weight. The Graph Editor is where good animation becomes great — it’s how you dial in the exact feel of every move.

Animate Along a Motion Path

When you keyframe Position, After Effects draws a dotted motion path in the Composition panel showing the route your layer travels. You can drag the path’s points and handles directly to curve the movement.

Bending a straight path into a gentle arc instantly makes motion feel more organic. Few things read as ‘amateur’ faster than objects sliding in perfectly straight lines.

Set the Anchor Point Correctly

The anchor point is the pivot a layer scales and rotates around. By default it sits in the layer’s center, which isn’t always what you want — a title that should grow from its baseline, for example.

Use the Pan Behind (Y) tool to move the anchor without moving the layer, or the Align panel to snap it precisely. Getting the anchor right is the secret behind clean, intentional scaling and rotation.

Add Motion Blur for Realism

Fast-moving objects blur in the real world, and your animation should too. Enable Motion Blur on a layer (the blur icon) and switch it on for the whole composition.

Suddenly your quick moves smear naturally instead of looking sharp and digital. Motion blur is a small toggle with a huge impact on how believable your animation feels.

Parent Layers to Move Together

Often you want several layers to move as a group. Parenting links one layer’s transforms to another: pick-whip a child layer to a parent, and the child follows everything the parent does.

Animate the parent once and the whole group moves together, while each child can still have its own independent animation on top. Parenting keeps complex scenes organized and easy to control.

Common Keyframe Mistakes

• Leaving every keyframe linear, so motion looks robotic — add Easy Ease.
• Forgetting motion blur on fast moves.
• Animating from the wrong anchor point.
• Too many keyframes packed together, creating jittery, busy motion.

Tips for Natural Motion

Watch how things move in real life: nothing starts or stops instantly. Build in a little overshoot — let a layer move slightly past its target and settle back — for a lively, organic feel.

These same principles power professional motion graphics and kinetic text animation. Keyframes are the grammar of motion; everything else builds on them.

Watch Real Motion for Reference

The fastest way to improve your keyframing is to study how things actually move. A ball bounces with squash and stretch, a door swings with weight, a leaf drifts with air resistance — and your animation feels right only when it echoes that physics.

Keep a few reference clips handy and play them back frame by frame as you animate. Training your eye to notice timing, easing, and follow-through in the real world translates directly into more believable motion on the screen.

Key Takeaways

• Keyframes record a value at a point in time; After Effects interpolates between them.
• Use P, S, R, T, A to isolate Transform properties quickly.
• Press F9 for Easy Ease, then refine in the Graph Editor.
• Add motion blur and curve your paths for natural, professional movement.

A Practical Keyframe Workflow

Here’s how a simple title animation comes together in practice. You set the playhead at the start, turn on keyframes for Position and Opacity, and place the title off-screen at zero opacity. Then you move forward fifteen frames and bring it on-screen at full opacity, and After Effects animates the slide-and-fade between the two poses.

Next you select all four keyframes and press F9 for Easy Ease, then open the Graph Editor and pull the curve so the title decelerates as it arrives. A final touch of motion blur smooths the movement. In under two minutes you have a polished, professional title — and every animation you build follows this same set-ease-refine rhythm.

Speed Up Your Keyframing

A few habits make keyframing dramatically faster. Use the single-key shortcuts — P, S, R, T, A — to reveal just the property you need instead of scrolling through every layer. Copy and paste keyframes between layers to reuse timing, and hold Shift while dragging the playhead to snap to existing keyframes.

Learn to nudge selected keyframes earlier or later with the keyboard, and use the J and K keys to jump between them. As these shortcuts become second nature, you’ll spend your time making creative decisions rather than hunting through the timeline — which is exactly where an animator’s energy should go.

Frequently Asked Questions

How do I add a keyframe in After Effects?

Move the playhead to the start, click the stopwatch next to a property like Position, then move the playhead forward and change the value. After Effects creates a second keyframe and animates between them.

What does Easy Ease do in After Effects?

Easy Ease (F9) smooths the acceleration and deceleration of your keyframes so motion eases in and out naturally instead of moving in a robotic, linear way.

What is the Graph Editor used for?

It plots your animation’s speed and value as adjustable curves, letting you precisely control the timing and feel of motion — like starting slow and ending fast.

Sources: Wikipedia’s overview of key frames.