Easy Keyframes
Tool

Quickly adjust keyframe easings in an intuitive way.

Overview

Change keyframe easings in an easy and intuitive way

Video Tutorial

Tutorial starts at 0:18

Open in YouTube

How to Use

Easy Keyframes is an interactive widget that gives you precise control over keyframe easing with an intuitive interface. It features three main sliders that work together to create perfect animation curves.

Main Controls

The widget has two primary sliders for Ease In and Ease Out influence, plus a central slider to control them symmetrically. As you adjust the sliders (from 0 to 100), the easing is applied to your selected keyframes in real-time.

Modifier Keys While Dragging

  • Shift - Snap values to increments of 10 for consistent easing
  • Ctrl (Cmd on Mac) - Enable fine-tuning adjustments for precise control
  • Alt - Symmetrically adjust the opposite slider for balanced motion

Precise Input Methods

For exact control, use the input field to set values directly. You can also use arrow keys to increase or decrease values by 1, or hold Shift while using arrow keys to adjust by increments of 10.

Quick Apply Icons

  • Diamond icon - Apply Linear interpolation
  • Square icon - Apply Hold interpolation
  • Circle icon - Apply Auto-Bezier interpolation

Responsive Design

The widget features responsive design that adapts control elements for different sizes, both horizontal and vertical layouts. Resize by enabling edit mode from the top left corner, or hold Ctrl+Alt+Shift while hovering and drag the bottom right corner.

Tags

animationeasingkeyframes
MDS Scripts — Motion Design School Automation Tools