Interpolation

6m 02sPublished Oct 21, 2025Partial+1 changes

SummaryVersion Notes (Draft)

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.

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.

Some content differs from current version1 changes

2024.10Default interpolation

File-level default interpolation.

View source ↗

📌 Key Points

Linear/hold/cubic interpolation, curve handles for ease in/out.

📝 Notes

Markdown

0 chars

Step by Step

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.
00:32

Interpolation Types

By default, keys use Linear. Other options include Hold, Cubic, Cubic Value, and Elastic.
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.
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.
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.
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.
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.