The Graph Editor draws each animated property of the selected layers as a curve of value over time. Use it to shape how a value moves between keyframes. It corresponds to After Effects' Graph Editor in value-graph mode.
Open it from Window ▸ Graph Editor or with ⇧G. It opens below the Timeline.
Layout
- Label column (left): a header row per selected layer, followed by a row per animated property in that property's colour.
- Click a layer header to solo that layer's curves; click again to show all selected layers.
- Click a property name to select every keyframe on it.
- Graph (right): the curves, keyframes and bezier handles.
Header bar
| Control | What it does |
|---|---|
| Linear, Ease In/Out, Ease In, Ease Out, Hold, Bounce, Elastic | Apply that easing to the selected keyframes. Ease In shapes the arrival at a key, Ease Out the departure, Ease In/Out both. Needs a selected keyframe. |
| x1 y1 x2 y2 | The bezier handles of the selected segment as numbers. Drag to adjust or click to type. x values run 0–1. |
| bounces / height | Shown instead of x1–y2 on a Bounce segment. bounces: number of rebounds (0–12). height: rebound height as a fraction of the previous bounce (0–0.95). |
| freq / decay | Shown on an Elastic segment. freq: oscillations across the segment (0.1–20). decay: how fast the wobble dies out (0.1–40). |
| Separate dimensions | Split Position into X/Y channels, or join them back into one. Keyframes move across either way. |
| Copy | Copy the selection's easing. One keyframe: its in and out. Two: the curve between them. Several properties: an average. |
| Paste | Paste the copied easing. Select the same number of keyframes per property as the copy. |
| Graph zoom | Zoom the graph. 8 zooms in, 7 zooms out. The fit button fits the selected keyframes, the selected layers' keyframes, or the whole comp. |
| Fit Height | Frame every visible curve vertically without changing the time zoom. |
| Presets | Open the easing preset library. Click a preset to apply it to the selected keyframe; save the selected keyframe's easing as a new preset; delete your presets. |
Editing curves
| Action | Result |
|---|---|
| Drag a keyframe | Move it in time and value. With several keys selected, a plain drag on one moves them all. |
| ⇧-drag | Constrain to horizontal or vertical. |
| ⌥-drag a keyframe | Duplicate it: the original stays, a copy lands where you release. |
| ⌥-drag the first or last key of a selection | Time-stretch the selection about its other end. |
| ⌥-click a curve | Add a keyframe at that time without changing the curve's shape. |
| Drag a handle | Reshape the easing. Each handle pivots about the keyframe it belongs to. |
| Drag on empty graph | Rubber-band select keyframes. ⇧ adds to the selection. A plain click seeks and clears the selection. |
| ⌥ + scroll wheel | Zoom the time axis. |
| ⌘ + scroll wheel, or pinch | Zoom the value axis around the cursor. |
On Windows and Linux use Alt for ⌥, Shift for ⇧ and Ctrl for ⌘.
Shortcuts
| Action | Mac | Windows / Linux |
|---|---|---|
| Toggle graph editor | ⇧G | Shift+G |
| Zoom graph in / out | 8 / 7 | 8 / 7 |
With the After Effects keymap preset, the graph editor toggle is ⇧F3.