Sequences and transitions
Turn screens or recorded UI states into a video with matched transitions, a camera and a feel.
A sequence turns a series of screens into a polished video. EaseKit picks matching transitions between them (a morph for similar screens, a push or slide otherwise) and times holds and moves to a tempo.
Create a sequence
- Choose File → New Sequence from Frames… (⌥⌘N) or click Sequence in the toolbar.
- Drag screens or frames in, paste images with ⌘V, click Choose images…, or capture them with the Recorder.
- Pick a format (16:9, 4:5, 9:16, 1:1), a tempo (Calm, Normal, Brisk) and a feel.
- Optionally add a Camera and turn on Loop.
- Click ⋯ (More settings) for the look.
- Click Create.
| Control | Options | What it does |
|---|---|---|
| Format | 16:9, 4:5, 9:16, 1:1 | The canvas |
| Tempo | Calm (0.8), Normal (1), Brisk (1.25) | Tempo of holds and transitions |
| Feel | Smooth, Snappy, Bouncy | Smooth: critically damped springs, no overshoot. Snappy: shorter transitions with a hard ease-out. Bouncy: springs that overshoot a little on position and scale |
| Camera | None, Hero tilt, Dolly in, Float, Orbit | A camera move over the whole sequence |
| Loop | On / off | The last frame transitions back to the first |
| Background | Four colors | Behind the screens |
| Padding | 0–240 pt | Space around each screen |
| Corners | 0–48 pt | Screen corner radius |
| Shadow | On / off | A shadow under each screen |
Frames
Each frame shows as Frame 1, Frame 2 …; click to select, drag to reorder. Add more with Choose images…, Paste from clipboard or Start Recorder.
Transitions
Each cut has its own transition. Auto lets EaseKit choose per cut (the picker says “Auto picks Push”); or choose one yourself. Use … for all transitions applies the hovered one to every cut.
| Transition | Length |
|---|---|
| Cut | 0 s |
| Crossfade | 0.45 s |
| Morph | 0.5 s |
| Slide up | 0.55 s |
| Push, Zoom, Blur | 0.6 s |
| Stack | 0.65 s |
| Flip, Parallax | 0.7 s |
| Whip | 0.4 s |
Lengths are scaled by the tempo and the feel.
Edit it later
A sequence becomes a normal animation. The stage shows “Built from 4 frames” with Edit Sequence to reopen the editor.
Record UI states from any app
- Press ⇧⌘R (File → Start UI Recorder) or click Recorder in the toolbar.
- Pick the window to capture (or Select area each time; Refresh window list if it's missing).
- Click Cut for each state you want as a frame. The counter shows the captured frames.
- Click Done. The frames are added to your sequence.