Interpolation

Summary

This lesson provides a comprehensive overview of Interpolation, which defines the speed of change between keyframe property values—commonly known as "Easing." It explores the five types of interpolation available in Rive: Linear, Hold, Cubic, Cubic Value, and Elastic. You will learn how to use the interpolation panel and graph to control acceleration, deceleration, and dynamic feedback.

Step by Step

1. 00:13
   Accessing the Interpolation Panel

   Located at the bottom of the editor, the panel's options become active only when one or more keyframes are selected.
2. 00:32
   Interpolation Types

   By default, keys use Linear. Other options include Hold, Cubic, Cubic Value, and Elastic.
3. 00:52
   Understanding the Graph

   The x-axis represents time, and the y-axis represents change. The line's angle shows the rate of change; a vertical blue line indicates the playhead's current position within that interpolation.
4. 02:14
   Linear vs. Hold

   • Linear: Constant speed change with equally spaced dots on the motion path.
   • Hold: Values jump instantly at the next keyframe. Useful for sudden changes, like toggling opacity without a fade.
5. 03:12
   Cubic Interpolation

   Allows for varied pace. Use handles to customize easing curves, such as starting fast and slowing down (Ease Out) or vice-versa.
6. 04:47
   Elastic Interpolation

   Ideal for adding anticipation (pulling back) and overshoot (bouncing past the target). It offers options for Ease In, Ease Out, or both.
7. 05:36
   Top-level Key Warning

   Applying interpolation to a collapsed layer key affects all properties inside. For individual control, expand the layer and select specific property keys.

Notes About Current Rive

• Physical Realism: Most objects in the real world accelerate and decelerate; using Cubic interpolation is key to making animations feel natural.
• Visual Feedback: After adjusting interpolation, check the dot spacing on your motion path to verify the speed changes visually.
• Presets: In Cubic mode, standard curve shapes can quickly solve common easing requirements.