Docs Animation

Easing panel

A dedicated window for one keyframe's timing: pick a preset or drag its bezier handles by hand, without opening the Graph Editor.

This page has not been translated into your language yet, so you are reading the English original.

The Easing panel is the small-footprint way to shape a single keyframe's outgoing curve. Where the Graph Editor plots every channel of a layer at once, this panel stays pointed at one keyframe and gives it a big canvas to work in.

Open it from Window ▸ Easing. With nothing selected it reads No selection; if it has a target but that target has no keyframe at the current frame, it reads No keyframe at frame, followed by the frame number.

Which keyframe it targets

The panel does not need a keyframe explicitly selected on the Timeline. It works out a target on its own, checked in this order:

  • A generic parameter keyframe last touched on a Style, Follow Path, Layer Effects or bone-parameter row.
  • A bone keyframe: the selected bone's angle key at the current frame, else its position key, else the nearest earlier key, else the first bone that has any keys.
  • A sub-track diamond you clicked on the Timeline.
  • Failing all of those, the nearest earlier keyframe on the primary selected layer, checked in this priority: Position, Rotation, Scale, Vertices, Style, Anchor, Opacity, Blend, Mesh.

Only that last, fall-through case can apply a change to more than one keyframe at once. When it does, it writes every channel that has a key at that frame together, setting every axis of a multi-axis channel to the same easing.

The axis toggle

A small toggle sits above the curve on channels that carry more than one value. Position shows X, Y and Z; Scale and Anchor show X and Y; every other channel shows a single fixed label instead: Ease, Vertices, Rotation, Style, Opacity, Blend, Mesh or Bone, or the parameter's own name for a generic track.

X is the curve that drives ordinary playback on every channel that has one. On Position, switching to Z lets you shape the ease of a depth move the same way.

The presets

The same nine presets as everywhere else in the app: see Easing for what each one does. Picking any preset other than Custom Bezier replaces the curve outright; the handles only appear once you switch to Custom Bezier.

A read-only line above the canvas reports how many keyframes the current change will touch.

Keyframe Interval

A second combo sits beside the preset list and holds this key on twos, threes and up to eights, exactly as the Timeline header combo does. It is the same value read from the same place, so setting it here, in the Graph Editor or in the Timeline all land on the same keyframe. It is greyed out on a key whose channel carries no interval, a Style key for instance.

Hand-editing the curve

Switch to Custom Bezier and two handles appear on the canvas: a red P1 and a green P2. Drag either one to reshape the curve; both are free to move past the edges of the canvas, which is how you get anticipation or overshoot without adding a keyframe.

The canvas plots value from -2 to +3 on its vertical axis, so a handle pulled past 0 or 1 stays visible instead of running off the edge. Scroll the wheel over the canvas to pan it vertically, and use its own scrollbar when a handle sits out of view.

The Easing panel with a Position keyframe selected, the axis toggle set to X, and the Custom Bezier handles pulled into an overshoot.
Coordinates for both handles are shown as plain numbers next to the canvas, so you can match a curve by eye between two keyframes.