User Guide Cancel

Keyframe interpolation

  1. After Effects User Guide
  2. Beta releases
    1. Beta Program Overview
    2. After Effects Beta Home
  3. Getting started
    1. Get started with After Effects
    2. What's new in After Effects 
    3. Release Notes | After Effects
    4. After Effects system requirements
    5. Keyboard shortcuts in After Effects
    6. Supported File formats | After Effects
    7. Hardware recommendations
    8. After Effects for Apple silicon
    9. Planning and setup
  4. Workspaces
    1. General user interface items
    2. Get to know After Effects interface
    3. Workflows
    4. Workspaces, panels, and viewers
  5. Projects and compositions
    1. Projects
    2. Composition basics
    3. Precomposing, nesting, and pre-rendering
    4. View detailed performance information with the Composition Profiler
    5. CINEMA 4D Composition Renderer
  6. Importing footage
    1. Preparing and importing still images
    2. Importing from After Effects and Adobe Premiere Pro
    3. Importing and interpreting video and audio
    4. Preparing and importing 3D image files
    5. Importing and interpreting footage items
    6. Working with footage items
    7. Detect edit points using Scene Edit Detection
    8. XMP metadata
  7. Text and Graphics
    1. Text
      1. Formatting characters and the Character panel
      2. Text effects
      3. Creating and editing text layers
      4. Formatting paragraphs and the Paragraph panel
      5. Extruding text and shape layers
      6. Animating text
      7. Examples and resources for text animation
      8. Live Text Templates
    2. Motion Graphics
      1. Work with Motion Graphics templates in After Effects
      2. Use expressions to create drop-down lists in Motion Graphics templates
      3. Work with Essential Properties to create Motion Graphics templates
      4. Replace images and videos in Motion Graphics templates and Essential Properties
      5. Animate faster and easier using the Properties panel
  8. Drawing, Painting, and Paths
    1. Overview of shape layers, paths, and vector graphics
    2. Paint tools: Brush, Clone Stamp, and Eraser
    3. Taper shape strokes
    4. Shape attributes, paint operations, and path operations for shape layers
    5. Use Offset Paths shape effect to alter shapes
    6. Creating shapes
    7. Create masks
    8. Remove objects from your videos with the Content-Aware Fill panel
    9. Roto Brush and Refine Matte
  9. Layers, Markers, and Camera
    1. Selecting and arranging layers
    2. Blending modes and layer styles
    3. 3D layers
    4. Layer properties
    5. Creating layers
    6. Managing layers
    7. Layer markers and composition markers
    8. Cameras, lights, and points of interest
  10. Animation, Keyframes, Motion Tracking, and Keying
    1. Animation
      1. Animation basics
      2. Animating with Puppet tools
      3. Managing and animating shape paths and masks
      4. Animating Sketch and Capture shapes using After Effects
      5. Assorted animation tools
      6. Work with Data-driven animation
    2. Keyframe
      1. Keyframe interpolation
      2. Setting, selecting, and deleting keyframes
      3. Editing, moving, and copying keyframes
    3. Motion tracking
      1. Tracking and stabilizing motion
      2. Face Tracking
      3. Mask Tracking
      4. Mask Reference
      5. Speed
      6. Time-stretching and time-remapping
      7. Timecode and time display units
    4. Keying
      1. Keying
      2. Keying effects
  11. Transparency and Compositing
    1. Compositing and transparency overview and resources
    2. Alpha channels and masks
    3. Track Mattes and Traveling Mattes
  12. Adjusting color
    1. Color basics
    2. Color management
    3. Color Correction effects
    4. OpenColorIO and ACES color management
  13. Effects and Animation Presets
    1. Effects and animation presets overview
    2. Effect list
    3. Effect Manager
    4. Simulation effects
    5. Stylize effects
    6. Audio effects
    7. Distort effects
    8. Perspective effects
    9. Channel effects
    10. Generate effects
    11. Time effects
    12. Transition effects
    13. The Rolling Shutter Repair effect
    14. Blur and Sharpen effects
    15. 3D Channel effects
    16. Utility effects
    17. Matte effects
    18. Noise and Grain effects
    19. Detail-preserving Upscale effect
    20. Obsolete effects
  14. Expressions and Automation
    1. Expressions
      1. Expression basics
      2. Understanding the expression language
      3. Using expression controls
      4. Syntax differences between the JavaScript and Legacy ExtendScript expression engines
      5. Editing expressions
      6. Expression errors
      7. Using the Expressions editor
      8. Use expressions to edit and access text properties
      9. Expression language reference
      10. Expression examples
    2. Automation
      1. Automation
      2. Scripts
  15. Immersive video, VR, and 3D
    1. Construct VR environments in After Effects
    2. Apply immersive video effects
    3. Compositing tools for VR/360 videos
    4. Advanced 3D Renderer
    5. Import and add 3D models to your composition
    6. Import 3D models from Creative Cloud Libraries
    7. Image-Based Lighting
    8. Extract and animate lights and cameras from 3D models
    9. Tracking 3D camera movement
    10. Cast and accept shadows
    11. Embedded 3D model animations
    12. Shadow Catcher
    13. 3D depth data extraction
    14. Modify materials properties of a 3D layer
    15. Work in 3D Design Space
    16. 3D Transform Gizmos
    17. Do more with 3D animation
    18. Preview changes to 3D designs real time with the Mercury 3D engine
    19. Add responsive design to your graphics 
  16. Views and Previews
    1. Previewing
    2. Video preview with Mercury Transmit
    3. Modifying and using views
  17. Rendering and Exporting
    1. Basics of rendering and exporting
    2. H.264 Encoding in After Effects
    3. Export an After Effects project as an Adobe Premiere Pro project
    4. Converting movies
    5. Multi-frame rendering
    6. Automated rendering and network rendering
    7. Rendering and exporting still images and still-image sequences
    8. Using the GoPro CineForm codec in After Effects
  18. Working with other applications
    1. Dynamic Link and After Effects
    2. Working with After Effects and other applications
      1. Export After Effects project as Premiere Pro project
    3. Sync Settings in After Effects
    4. Creative Cloud Libraries in After Effects
    5. Plug-ins
    6. Cinema 4D and Cineware
  19. Collaboration: Frame.io, and Team Projects
    1. Collaboration in Premiere Pro and After Effects
    2. Frame.io
      1. Install and activate Frame.io
      2. Use Frame.io with Premiere Pro and After Effects
      3. Frequently asked questions
    3. Team Projects
      1. Get Started with Team Projects
      2. Create a Team Project
      3. Collaborate with Team Projects
  20. Memory, storage, performance
    1. Memory and storage
    2. How After Effects handles low memory issues while previewing    
    3. Improve performance
    4. Preferences
    5. GPU and GPU driver requirements for After Effects
  21. Knowledge Base
    1. Known issues
    2. Fixed issues
    3. Frequently asked questions
    4. After Effects and macOS Ventura
    5. How After Effects handles low memory issues while previewing

About spatial and temporal keyframe interpolation

Interpolation is the process of filling in the unknown data between two known values. You set keyframes to specify a property’s values at certain key times. After Effects interpolates values for the property for all times between keyframes.

Because interpolation generates the property values between keyframes, interpolation is sometimes called tweening. Interpolation between keyframes can be used to animate movement, effects, audio levels, image adjustments, transparency, color changes, and many other visual and audio elements.

After you create keyframes and motion paths to change values over time, you may want to make more precise adjustments to the way that change occurs. After Effects provides several interpolation methods that affect how the in-between values are calculated.

Temporal interpolation is the interpolation of values in time; spatial interpolation is the interpolation of values in space. Some properties—such as Opacity—have only a temporal component. Other properties—such as Position—also have spatial components.

Temporal interpolation and the value graph

Using the value graph in the Graph Editor, you can make precise adjustments to the temporal property keyframes you’ve created for your animation. The value graph displays x values as red, y values as green, and z values (3D only) as blue. The value graph provides complete information about the value of keyframes at any point in time in a composition and allows you to control it. In addition, the Info panel displays the temporal interpolation method of a selected keyframe.

Spatial interpolation and the motion path

When you apply or change spatial interpolation for a property such as Position, you adjust the motion path in the Composition panel. The different keyframes on the motion path provide information about the type of interpolation at any point in time. The Info panel displays the spatial interpolation method of a selected keyframe.

When you create spatial changes in a layer, After Effects uses Auto Bezier as the default spatial interpolation.

Note:

To change the default to linear interpolation, choose Edit > Preferences > General (Windows) or After Effects > Preferences > General (Mac OS), and select Default Spatial Interpolation To Linear. Changing the preference setting does not affect keyframes that already exist or new keyframes on properties for which keyframes already exist.

Motion path interpolation: Linear, Auto Bezier, Continuous Bezier, Bezier, and Hold
Motion path interpolation 

A. Linear B. Auto Bezier C. Continuous Bezier D. Bezier E. Hold 

In some cases, the Auto Bezier spatial interpolation for Position keyframes can cause undesired back-and-forth (boomerang) motion between two keyframes with equal values. In such a case, you can change the earlier keyframe to use Hold interpolation or change both keyframes to use Linear interpolation.

Keyframe interpolation methods

In layer bar mode, the appearance of a keyframe icon depends on the interpolation method you choose for the interval between keyframes. When half of the icon is dark gray , the dark half indicates that no keyframe is adjacent to that side, or that its interpolation is overridden by the Hold interpolation applied to the preceding keyframe.

By default, a keyframe uses one interpolation method, but you can apply two methods: the incoming method applies to the property value as the current time approaches a keyframe, and the outgoing method applies to the property value as the current time leaves a keyframe. When you set different incoming and outgoing interpolation methods, the keyframe icon in layer bar mode changes accordingly. It displays the left half of the incoming interpolation icon and the right half of the outgoing interpolation icon.

Note:

To toggle between keyframe icons and keyframe numbers, select Use Keyframe Icons or Use Keyframe Indices from the Timeline panel menu.

Keyframe icons in Timeline panel in layer bar mode: Linear; Linear in, Hold out; Auto Bezier; Continuous Bezier or Bezier; Linear in, Bezier out
Examples of keyframe icons in Timeline panel in layer bar mode 

A. Linear B. Linear in, Hold out C. Auto Bezier D. Continuous Bezier or Bezier E. Linear in, Bezier out 

All interpolation methods used by After Effects are based on the Bezier interpolation method, which provides direction handles so that you can control the transitions between keyframes. Interpolation methods that don’t use direction handles are constrained versions of Bezier interpolation and are convenient for certain tasks.

To learn more about how different interpolation methods affect temporal properties, experiment by setting up at least three keyframes with different values for a temporal layer property—such as Opacity—and change the interpolation methods as you view the value graph in Graph Editor mode in the Timeline panel.

To learn more about how different interpolation methods affect a motion path, experiment by setting up three keyframes for a spatial property—such as Position—with different values on a motion path, and change the interpolation methods as you preview the motion in the Composition panel.

Note:

To change interpolation methods, right-click a keyframe, select Keyframe Interpolation from the menu that appears, and then select an option from the Temporal Interpolation menu.

To clarify the examples in the following descriptions of interpolation methods, the result of each method is described as if you had applied it to all of the keyframes for a layer property. In practice, you can apply any available interpolation method to any keyframe.

No interpolation

No interpolation is the state in which a layer property has no keyframes—when the stopwatch is turned off and the I-beam icon appears in the Timeline panel under the current-time indicator. In this state, when you set the value of a layer property, it maintains that value for the duration of the layer, unless overridden by an expression. By default, no interpolation is applied to a layer property. If any keyframes are present for a layer property, some type of interpolation is in use.

Linear interpolation

Linear interpolation creates a uniform rate of change between keyframes, which can add a mechanical look to animations. After Effects interpolates the values between two adjacent keyframes as directly as possible without accounting for the values of other keyframes.

If you apply Linear interpolation to all keyframes of a temporal layer property, change begins instantly at the first keyframe and continues to the next keyframe at a constant speed. At the second keyframe, the rate of change switches immediately to the rate between it and the third keyframe. When the layer reaches the final keyframe value, change stops instantly. In the value graph, the segment connecting two keyframes with Linear interpolation appears as a straight line.

Bezier interpolation

Bezier interpolation provides the most precise control because you manually adjust the shape of the value graph or motion path segments on either side of the keyframe. Unlike Auto Bezier or Continuous Bezier, the two direction handles on a Bezier keyframe operate independently in both the value graph and motion path.

If you apply Bezier interpolation to all keyframes of a layer property, After Effects creates a smooth transition between keyframes. The initial position of the direction handles is calculated using the same method used in Auto Bezier interpolation. After Effects maintains existing direction handle positions as you change a Bezier keyframe value.

Unlike other interpolation methods, Bezier interpolation lets you create any combination of curves and straight lines along the motion path. Because the two Bezier direction handles operate independently, a curving motion path can suddenly turn into a sharp corner at a Bezier keyframe. Bezier spatial interpolation is ideal for drawing a motion path that follows a complex shape, such as a map route or the outline of a logo.

Existing direction handle positions persist as you move a motion-path keyframe. The temporal interpolation applied at each keyframe controls the speed of motion along the path.

Auto Bezier interpolation

Auto Bezier interpolation creates a smooth rate of change through a keyframe. You may use Auto Bezier spatial interpolation to create the path of a car turning on a curving road.

As you change an Auto Bezier keyframe value, the positions of Auto Bezier direction handles change automatically to maintain a smooth transition between keyframes. The automatic adjustments change the shape of the value graph or motion path segments on either side of the keyframe. If the previous and next keyframes also use Auto Bezier interpolation, the shape of the segments on the far side of the previous or next keyframes also changes. If you adjust an Auto Bezier direction handle manually, you convert it to a Continuous Bezier keyframe .

Auto Bezier is the default spatial interpolation.

Continuous Bezier interpolation

Like Auto Bezier interpolation, Continuous Bezier interpolation creates a smooth rate of change through a keyframe. However, you set the positions of Continuous Bezier direction handles manually. Adjustments you make change the shape of the value graph or motion path segments on either side of the keyframe.

If you apply Continuous Bezier interpolation to all keyframes of a property, After Effects adjusts the values at each keyframe to create smooth transitions. After Effects maintains these smooth transitions as you move a Continuous Bezier keyframe on either the motion path or the value graph.

Hold interpolation

Hold interpolation is available only as a temporal interpolation method. Use it to change the value of a layer property over time, but without a gradual transition. This method is useful for strobe effects, or when you want layers to appear or disappear suddenly.

If you apply Hold temporal interpolation to all keyframes of a layer property, the value of the first keyframe holds steady until the next keyframe, when the values change immediately. In the value graph, the graph segment following a Hold keyframe appears as a horizontal straight line.

Even though Hold interpolation is available only as a temporal interpolation method, the keyframes on the motion path are visible, but they are not connected by layer-position dots. For example, if you animate the Position property of a layer using Hold interpolation, the layer holds at the position value of the previous keyframe until the current-time indicator reaches the next keyframe, at which point the layer disappears from the old position and appears at the new position.

You can easily freeze the current frame for the duration of the layer using the Freeze Frame command. To freeze a frame, position the current time indicator at the frame you want to freeze. Make sure that the layer is selected and then choose Layer > Time > Freeze Frame. Time-remapping is enabled, and a Hold keyframe is placed at the position of the current time indicator to freeze the frame.

Note:

If you previously enabled time-remapping on the layer, any keyframes you created are deleted when you apply the Freeze Frame command.

You can use Hold interpolation only for outgoing temporal interpolation (for the frames following a keyframe). If you create a keyframe following a Hold keyframe, the new keyframe uses incoming Hold interpolation.  

Note:

To apply or remove Hold interpolation as outgoing interpolation for a keyframe, select the keyframe in the Timeline panel, and choose Animation > Toggle Hold Keyframe.

Apply and change keyframe interpolation methods

You can apply and change the interpolation method for any keyframe. You can apply changes using the Keyframe Interpolation dialog box, or you can apply them directly to a keyframe in layer bar mode, in a motion path, or in the Graph Editor. You can also change the default interpolation After Effects uses for spatial properties.

For information on using Easy Ease controls to automatically ease speed between keyframes, see Controlling speed between keyframes.

Change interpolation method with the Keyframe Interpolation dialog box

The Keyframe Interpolation dialog box provides options for setting temporal and spatial interpolation and—for spatial properties only—roving settings.

  1. In layer bar mode or in the Graph Editor, select the keyframes you want to change.
  2. Choose Animation > Keyframe Interpolation.
  3. For Temporal Interpolation, choose one of the following options:

    Current Settings

    Preserves the interpolation values already applied to the selected keyframes. Choose this option when multiple or manually adjusted keyframes are selected and you do not want to change the existing settings.

    Linear, Bezier, Continuous Bezier, Auto Bezier, and Hold

    Apply a temporal interpolation method using default values.

  4. If you selected keyframes of a spatial layer property, choose one of the following options for Spatial Interpolation:

    Current Settings

    Preserves the interpolation settings already applied to the selected keyframes.

    Linear, Bezier, Continuous Bezier, and Auto Bezier

    Apply a spatial interpolation method using default values.

  5. If you selected keyframes of a spatial layer property, use the Roving menu to choose how a keyframe determines its position in time, and then click OK:

    Current Settings

    Preserves the currently applied method of positioning the selected keyframes in time.

    Rove Across Time

    Smooths the rate of change through the selected keyframes by automatically varying their position in time, based on the positions of the keyframes immediately before and after the selection.

    Lock To Time

    keeps the selected keyframes at their current position in time. They stay in place unless you move them manually.

    For more information on smoothing the rate of change through selected keyframes, see Smooth motion with roving keyframes.

Change interpolation method with the Selection tool in layer bar mode

  1. Using the Selection tool, do one of the following:
    • If the keyframe uses Linear interpolation, Ctrl-click (Windows) or Command-click (Mac OS) the keyframe to change it to Auto Bezier .

    • If the keyframe uses Bezier, Continuous Bezier, or Auto Bezier interpolation, Ctrl-click (Windows) or Command-click (Mac OS) the keyframe to change it to Linear.

Change interpolation method in the Graph Editor

  • Click the keyframe with the Convert Vertex tool to toggle between linear and Auto Bezier interpolation.
  • Select one or more keyframes, and then click the Hold, Linear, or Auto Bezier button at the bottom of the screen to change the interpolation method.
Interpolation buttons in the Graph Editor: Convert selected keyframes to Hold; Convert seleced keyframes to Linear; Convert selected keyframes to Auto Bezier
Interpolation buttons in the Graph Editor

A. Convert selected keyframes to Hold B. Convert seleced keyframes to Linear C. Convert selected keyframes to Auto Bezier 

Modify Bezier direction handles in the Graph Editor

In the Graph Editor, keyframes that use Bezier interpolation have direction handles attached to them. You can retract, extend, or rotate the direction handles to fine-tune the Bezier interpolation curve in a value graph. You can retract or extend the direction handles to fine-tune the curve in a speed graph.

By default, when you retract or extend a direction handle, the opposite handle on the keyframe moves with it. Splitting direction handles makes the two direction handles attached to a keyframe behave independently.

  • To retract or extend direction handles, drag the direction handle toward or away from the center of its keyframe with the Selection tool.
  • To split direction handles, Alt-drag (Windows) or Option-drag (Mac OS) a keyframe with the Selection tool. You can also Alt-drag (Windows) or Option-drag (Mac OS) outside a keyframe to draw new handles, whether or not handles already exist.
  • To manipulate the direction handles of two neighboring keyframes simultaneously, drag the value graph segment between the keyframes.
Extending a Bezier direction handle in the speed graph
Extending a Bezier direction handle in the speed graph

 Adobe

Get help faster and easier

New user?

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX 2024

Adobe MAX
The Creativity Conference

Oct 14–16 Miami Beach and online

Adobe MAX

The Creativity Conference

Oct 14–16 Miami Beach and online