Publishers of technology books, eBooks, and videos for creative people

# Keyframe Interpolation in Adobe After Effects CS4

• Print
From the author of

## Interpolation Types

With the exception of hold interpolation, After Effects uses the same methods to calculate both spatial and temporal interpolation. This section describes how each interpolation type is expressed spatially, in a motion path, and temporally, in a speed graph.

### No interpolation

No interpolation is applied to properties that have no keyframes and aren’t animated. Static properties display an I-beam icon (rather than keyframes) in the layer outline, and the Stopwatch icon isn’t selected.

### Linear

Linear interpolation dictates a constant rate of change from one keyframe to the next. Between two keyframes, linear interpolation defines a straight path; temporally, it results in a constant speed. When a keyframe’s incoming and outgoing interpolation are linear, a corner is created in the motion path. Temporally, speed changes instantly at the keyframe (Figures 9.7 and 9.8).

### Auto Bézier

Auto Bézier interpolation automatically reduces the rate of change equally on both sides of a keyframe.

Spatially, a keyframe set to auto Bézier is comparable to a smooth point, with two equal direction lines extending from it. It results in a smooth, symmetrical curve in a motion path. A satellite in an elliptical orbit, for example, takes even, round turns (Figure 9.9). (In addition, the satellite may auto-orient its rotation according to the direction of its movement. See “Orienting Rotation to a Motion Path Automatically,” in Chapter 7.)

Temporally, auto Bézier interpolation reduces the rate of change equally before and after a keyframe, creating a gradual deceleration that eases into and out of the keyframe (Figure 9.10).

### Continuous Bézier

Like auto Bézier, continuous Bézier interpolation reduces the rate of change on both sides of a keyframe. However, continuous Bézier interpolation is set manually, so it doesn’t affect the incoming and outgoing rates of change equally. In the motion path, continuous Bézier interpolation results in a smooth and continuous, but asymmetrical, curve. Typically, the path of a thrown ball follows an arc that’s continuous but asymmetrical; or imagine the ball rolling over a hill that’s steeper on one side than the other (Figure 9.11).

Temporally, continuous Bézier interpolation reduces the rate of change unequally before and after a keyframe (Figure 9.12).

### Bézier

Like continuous Bézier, you set Bézier interpolation manually, but the change is discontinuous. Bézier interpolation causes an abrupt decrease or increase in the rate of change on either or both sides of a keyframe.

Spatially, Bézier keyframes are comparable to a corner point in a mask path. As in a corner point, the direction lines extending from the keyframe are unequal and discontinuous. In a motion path, Bézier interpolation creates a discontinuous curve, or cusp, at the keyframe. Bézier interpolation can achieve the discontinuous curve of a ball’s bouncing path (Figure 9.13).

In the value graph, Bézier interpolation can reduce or increase the rate of change before and after a keyframe (Figure 9.14). For example, you can use Bézier interpolation to create a sharp acceleration at a keyframe (such as when a ball falls and bounces).

### Hold

Although you can observe its effects both spatially and temporally, hold interpolation is a strictly temporal type of interpolation, halting changes in a property’s value at the keyframe. The value remains fixed until the current frame of the composition reaches the next keyframe, where the property is set to a new value instantly. For example, specifying hold keyframes for a layer’s Position property causes the layer to disappear suddenly and then reappear in different places. Instead of a dotted motion path, a thin solid line connects hold keyframes, indicating not the motion path but the order of keyframed positions (Figure 9.15). Similarly, nonspatial properties proceed instantly from one held keyframed value to another. Whereas using linearly interpolated keyframes to change a layer’s opacity value from 0 to 100 is comparable to using a dimmer light, using hold keyframes is more like using a light switch. In the speed graph, hold keyframes appear as keyframes with a speed of 0 (Figure 9.16).

### Mixed incoming and outgoing interpolation

A keyframe can use different interpolation types for its incoming and outgoing interpolation. A keyframe’s incoming and outgoing spatial interpolation can be a mix of linear and Bézier. A keyframe’s temporal interpolation may use any combination of linear, Bézier, and hold for its incoming and outgoing interpolation. As usual, the shape of the motion path or graph in the Graph Editor indicates mixed interpolation. In the standard view of the time graph (rather than in the Graph Editor view), keyframe icons also indicate the temporal interpolation type.

### Keyframe icons and interpolation

The Graph Editor shows interpolation explicitly in the form of a value or speed graph. Regardless of the interpolation type, keyframe icons appear as small boxes, or control points, on the graph. Roving keyframes always appear as small dots.

But as you saw in Chapter 7, keyframe icons look different when you’re not using the Graph Editor. In the standard view of the time ruler, an expanded property’s keyframes appear as relatively large icons. Because no graph is visible, each icon’s shape helps indicate the incoming and outgoing interpolation (Figure 9.19). If you expand a heading only, any individual property’s keyframes appear as small dots to indicate their presence and position.