Keyframe interpolation modes

You can choose between Smooth (Bézier) and Linear interpolation modes for keyframe animations. The default interpolation mode is linear.

Examples of linear interpolation (left) and smooth interpolation (right) as seen in the curves editor

Linear interpolation

With linear interpolation, the object will transition between two keyframe values at a constant rate. The rate of change is determined by the difference in values and the time between keyframes. This is the simplest method of interpolation and is suitable for mechanical movements.

Example animation with linear interpolation

Smooth (Bézier) interpolation

With smooth interpolation, you can control the rate of change between keyframes. In the curves editor, you can adjust a tangent line for each keyframed value, which then determines the rate of change. This method provides the most control over your animations, and is suitable for organic movements.

Example animation with smooth (Bézier) interpolation

Setting the interpolation mode

To choose an interpolation mode, complete the following steps:

  1. In the top-right corner of the editor panel, select .

  2. Select Options.

  3. On the Options page, select either Smooth (Bézier) or Linear.

  4. Select to return to the timeline.

After you select an interpolation mode, all keyframes that you add will use that mode, even if you restart the application or load another experience. To change to a different interpolation mode, repeat previous steps.

Last updated