After Effects Keyframes: Techniques Every Editor Needs

Keyframes Are Not Just Start and End Points

Every editor learns what a keyframe is in their first hour of After Effects. You set a value at one time, set a different value at another time, and the software interpolates between them. That is the concept. That is not the skill.

The skill is in how those keyframes behave. Two editors can place the same two keyframes at the same frames with the same values, and produce animations that feel completely different. One looks like a presentation template. The other looks like motion design from a professional studio.

The difference is in keyframe type, curve shape, and technique. This post covers all three.

What Keyframes Actually Control

A keyframe is a record of a property's value at a specific point in time. That is the definition. What it controls in practice is everything that changes in your composition.

Position, Scale, Rotation, Opacity. Effect parameters like Blur amount, color values, distortion. Time Remapping on video clips. Mask expansion and feather. Camera settings. Every animatable property in After Effects is controlled by keyframes.

But here is what most editors miss: keyframes do not just record values. They also record the behavior of the change between those values. That behavior is controlled by keyframe type and the Graph Editor. Change the type, and the same two keyframes produce completely different motion.

The 6 Keyframe Types

After Effects has six keyframe interpolation types. Each one describes a different mathematical relationship between the keyframe and its neighbors. In the Timeline, they are represented by different shapes.

1. Linear

Symbol: Sharp diamond. Graph shape: Straight line connecting keyframes. What it feels like: Mechanical, robotic, instant acceleration and deceleration.

Linear keyframes create constant velocity between keyframes with no easing. The layer jumps instantly to full speed at the outgoing keyframe and stops instantly at the incoming keyframe. This is almost never what you want for organic motion. Linear is appropriate for: technical animations that need precise, consistent timing, typewriter character reveals where each character appears at an exact rate, and counting/data animations where the constant pace communicates information.

2. Bezier

Symbol: Rounded diamond with handles visible in the Graph Editor. Graph shape: A smooth curve you control manually. What it feels like: Whatever you make it feel like.

Bezier is the most flexible keyframe type. You get independent control over the incoming and outgoing handle of each keyframe, which means the ease in and ease out can be completely different shapes. This is what you use for all intentional, crafted animation where the feel of the motion matters.

3. Auto Bezier

Symbol: Circular diamond. Graph shape: Automatic smooth curve, handles adjust dynamically. What it feels like: Smooth but sometimes unpredictable.

After Effects calculates handles automatically based on adjacent keyframe values. This produces smooth motion without manual curve work, but the automatic handles can create unexpected speed changes when you move keyframes. Useful as a starting point, but manually adjusting to Bezier gives more predictable results on complex animations.

4. Continuous Bezier

Symbol: Hourglass diamond. Graph shape: Smooth curve with linked handles (moving one side moves both). What it feels like: Smooth, without the asymmetric control of full Bezier.

Continuous Bezier forces the incoming and outgoing handles to stay in a straight line through the keyframe. This prevents sharp direction changes in the graph, guaranteeing a smooth acceleration through a keyframe rather than a velocity spike. Use it when you need the layer to pass through an intermediate keyframe smoothly without changing direction abruptly.

5. Hold

Symbol: Square. Graph shape: Flat line with a vertical step jump at the keyframe. What it feels like: An instant snap from one value to another with no transition.

Hold keyframes cut instantly from the current value to the next one, with no interpolation. The layer holds at its current state until the exact frame of the next keyframe, then snaps. Use Hold for: stop-motion style animation, visibility toggles, frame-by-frame position changes, anything where gradual change between values is not wanted.

6. Roving

Symbol: Small circle. Graph shape: Keyframe position is calculated automatically to maintain consistent velocity. What it feels like: Smooth, even speed throughout a multi-keyframe path.

Roving keyframes remove manual timing control from intermediate keyframes on a path. After Effects spaces them automatically to produce constant speed. Use Roving on camera paths, animated objects traveling complex routes, or any multi-keyframe path where you want even movement rather than manually managing the timing of every intermediate point.

Why Easy Ease Is Not Always the Answer

Easy Ease (F9) is the most common keyframe command in After Effects. Select keyframes, hit F9, get an S-curve. It is fast. It is better than Linear. And it produces mushy, over-eased animations when overused.

The problem is that Easy Ease applies a symmetric S-curve: equal easing on both the incoming and outgoing side. In practice, most intentional motion design uses asymmetric easing. A layer should either ease out from its resting position (slow start, fast finish) or ease into its resting position (fast start, slow finish). The symmetric Easy Ease curve does neither cleanly. It produces a sluggish start and a sluggish end, which reads as soft and indecisive.

Easy Ease works for: gentle, ambient movements (floating elements, breathing glows). It does not work well for: snappy entrances, decisive exits, anything that needs energy or weight.

For professional motion work, use Easy Ease as a starting point, then go into the Graph Editor and shape the curve manually.

The One-Two Punch: Ease Out Start, Ease In End

This is the single most useful technique for making animation feel professional. Most good motion can be built from this pattern.

At the starting keyframe: use Ease Out. The layer starts slow and accelerates into motion. In the Speed Graph, the curve starts near zero and rises. This gives the launch energy and intentionality. Objects in the real world do not jump instantly to full speed. They accelerate.

At the ending keyframe: use Ease In. The layer is moving fast and decelerates to a stop. In the Speed Graph, the curve drops from high velocity back down to near zero. This gives the arrival weight and confidence. The layer does not slam to a stop. It settles.

Combined, the motion arc looks like this: starts slowly, builds speed through the middle, decelerates cleanly into the final position. That is physically accurate movement. Your eye expects it, and when it is present, the animation disappears. The viewer experiences the motion without noticing it was animated.

To apply this: select your starting keyframe, right-click, choose Keyframe Interpolation > Temporal Interpolation: Ease Out. Select your ending keyframe, right-click, choose Ease In. Then go into the Graph Editor and adjust the handle lengths to control how dramatic the acceleration and deceleration are.

Converting Between Keyframe Types

You can change keyframe type at any point without losing the keyframe values. Right-click any keyframe and go to Keyframe Interpolation for precise control. Or use keyboard shortcuts:

• F9 - Easy Ease (both incoming and outgoing)
• Shift+F9 - Easy Ease In (incoming only)
• Ctrl/Cmd+Shift+F9 - Easy Ease Out (outgoing only)
• Ctrl/Cmd+click keyframe in timeline - Toggle between Linear and Auto Bezier

The most practical workflow: set your keyframes, hit F9 to get Easy Ease on everything, then go into the Graph Editor and manually reshape the asymmetric curves you need. Starting from Easy Ease is faster than starting from Linear because you are already working with a smooth curve foundation.

Hold Keyframes: Underused and Underrated

Hold keyframes are not glamorous, but they solve problems that Bezier and Linear cannot. Any time you need an instant state change, Hold is the right tool.

The most useful application: visibility control without the Visibility switch. Set an Opacity to 0 at one frame with a Hold keyframe, then 100 at the next frame. The layer is invisible, then instantly visible. No fade. This is faster and more predictable than toggling the Visibility switch when you need precise frame-level timing.

Hold keyframes also work for stop-motion position animation, toggling effect states on and off, and switching between preset text strings in a text layer (if you have multiple text keyframes and want them to cut sharply rather than blend).

Roving Through Time: Camera Path Control

For camera animation across multiple position keyframes, Roving produces results that are genuinely difficult to achieve manually. The camera travels a complex path but does so at consistent velocity, without the speed spikes that appear at every manual keyframe when you have more than three or four position keyframes on a path.

To enable Roving: right-click a position keyframe, go to Rove Across Time, or select multiple intermediate keyframes and check the box in the Keyframe Interpolation dialog. The first and last keyframes of the path cannot be roving. All intermediate ones can.

Once Roving is applied, the keyframes float to positions that produce even speed. If you need to change the path, move the spatial positions of the keyframes. Roving handles the timing automatically.

EssentialFX Keyframe Tools

The repetitive part of professional keyframe work is applying consistent curves across many layers. If you have 20 animated layers in a composition and they all need the same ease-out entrance, manually shaping the Speed Graph on each one takes time that adds up.

EssentialFX includes a Keyframe Smoothing tool that applies pre-built curve presets to selected keyframes across any number of layers simultaneously. Select all your entrance keyframes across every layer, pick the curve preset, and every layer gets the same curve in one click.

The preset library includes the standard shapes: sharp ease-out, standard S-curve, overshoot with bounce, sharp snap. You can also save custom curves you build in the Graph Editor as presets for later use. For project-to-project consistency, it removes the variation that comes from rebuilding curves from memory each time.

The manual approach is still the foundation. Knowing what each curve type does and why is not optional. But for professional workflows where consistency across many layers matters, the preset system saves meaningful time.

Frequently Asked Questions

How many keyframes does a basic animation need?

Two is the minimum. Three is often better, because a three-keyframe animation (start, overshoot, end) gives you weight and settle that a two-keyframe animation cannot have. For path animation with curves, add keyframes only where the path needs to change direction. More keyframes than necessary creates complexity without adding quality.

What is the difference between Temporal Interpolation and Spatial Interpolation?

Temporal Interpolation controls when the change happens, meaning the speed and easing over time. Spatial Interpolation controls how the path curves in space for position-based properties. For a layer moving from left to right in a straight line, Spatial Interpolation does not matter. For a layer following an arc or curve, the Spatial Interpolation determines whether that path is straight, curved, or roving.

Why do my keyframes look different in the Graph Editor vs the timeline?

The Timeline shows a simplified representation of keyframe type using the diamond and square symbols. The Graph Editor shows the actual interpolation curve. A keyframe that looks like an Easy Ease in the timeline may have been manually adjusted in the Graph Editor to an asymmetric shape. Always check the Graph Editor if you need to know the actual behavior of a keyframe, not just its type category.

Can I copy keyframes from one layer and paste them to a different property on another layer?

Copying and pasting keyframes works between the same properties on different layers. You cannot paste Position keyframes onto an Opacity property. For cross-property copying, the values will not paste. But property-to-property between layers is direct: copy the keyframes from Layer A's Scale, paste onto Layer B's Scale, and the timing and values transfer exactly.