Set a transition’s duration and curve in the Motion panel.
Open the Motion panel with the first button in the button row at the top right, the curve-shaped one. With nothing selected, it edits the current scene’s transition. With an object selected, it edits that object’s transition.
Target and property
Click the curve-shaped button again to close the panel. In Animation mode, a scene that has a transition gets a curve badge on its thumbnail in the Scenes list. Clicking that badge also opens the panel for that scene.
Target
Below the title, what you’re editing shows as “Scene: name” or “Object: name”. If you change the selection while the panel is open, the target changes too. A scene’s transition plays when you move from that scene to the next one.
- No selectionThe current scene
- Select an objectThat object
- Select several objectsAll of them at once
- Select keyframesBetween keyframes · the title becomes Motion - Keyframe or Motion - Keyframes
Property
Choose which part gets the transition. The names in the list always appear in English, and a name with its own values gets a • after it. Scenes have only default and style.
| Name in the list | What it moves |
|---|---|
| default | Everything not set separately |
| transform | Position · rotation · scale · skew · 3D rotation |
| size | Width and height. If not set, they move with transform. |
| opacity | Opacity |
| style | Fill · stroke · effects, path shape, corner radius. A scene’s style also applies to its background. |
Editor tab
Kind
Choose None, Easing, or Spring. None means the target has no transition of its own. An object then follows its group’s or scene’s transition, and if there is none anywhere, it switches straight to how it looks in the next scene. When keyframes are selected, Step shows instead of None (Work with keyframes).
- Choose EasingSet it with a curve and duration
- Choose SpringSet it with stiffness, damping, and mass
- Choose NoneNo transition of its own
Inherited from Scene
Shows when an object has no transition of its own. The object follows the scene’s transition, summarized like “Easing · 300ms”. Click Override to load those values and change them for this object alone.
Curve
A graph of the easing’s speed: time runs across and progress runs up. To change it, drag its two control points or type numbers in the x1 · y1 · x2 · y2 fields. Going above 1 vertically makes the motion pass the target and come back. The faded curve is the saved one.
- Drag a pointChange the curve
- ⌘+drag a pointSnap to the grid
- ⇧+drag a pointHorizontal or vertical only
Duration · Delay
Duration is how long the motion takes, and Delay is how long it waits before it starts. Both are in milliseconds (1000 = 1 second). When you first turn on easing, the duration is 300.
- ↩Finish typing
- escBack to the value before typing
Stiffness · Damping · Mass
The spring’s three values. Higher Stiffness pulls harder and moves faster, lower Damping bounces more, and higher Mass feels heavier. A spring has no set duration: the estimated time until it settles shows in place of Duration, like “~1430 ms”.
- Drag a sliderChange the value
- Type a numberAn exact value
Recent
Curves and springs you’ve saved with Apply collect here. Click one to load its values into the panel. Right-click one to add it to favorites or remove it. The menu items, such as “Add to Favorites”, appear in English even when the interface is in Korean.
- Click oneLoad its values
- Right-clickFavorites · remove
Preview
Plays the transition to the next scene on the canvas with the panel’s current values, then comes back. You can preview values you haven’t saved, and while it plays the button becomes Stop. With only one scene, nothing moves.
- Click PreviewPlay to the next scene and come back
- Click StopStop playing
Apply · Revert
Apply saves the panel’s values to the target. When there are unsaved values, Apply is highlighted and Revert appears. Revert goes back to the saved values. To delete a transition, choose None and click Apply.
Templates tab
Templates
There are 20 named curves and springs in five groups: Basic · Smooth · Expressive · Snappy · Bouncy. When you click one, the panel switches back to the Editor tab with its values filled in and plays the preview once. “Reveal”, “Exit”, and “Pop” are also curves that change only the speed. They don’t make objects appear or disappear.
- Click a templateLoad its values · preview
- Right-clickFavorites
Search templates
Filters the templates by what you type. You can search by English or Korean name, or by words like “enter” or “heavy”.
Favorites
Right-click a template and choose “Add to Favorites” to collect it in the Favorites group at the top of the list. Recent and Favorites are kept in the browser or app you’re using, not in the project.
Title row
Copy · Paste
The Copy button in the title row remembers the panel’s current kind, curve, duration, and delay. Switch the target to another scene or object and click Paste, and those values are applied right away.
- Click CopyRemember the current values
- Click PasteApply them to the target right away
Move objects differently
Make one object different. Select the object, click Override, change the values, and click Apply. An object’s transition takes priority over the scene’s.
Start them one after another. For each object, click Override, increase only Delay (0, 100, 200, and so on), and apply. They follow the same curve, each starting a little later.
Set a group all at once. Select a group and give it a transition. The objects inside it that have no transition of their own use the same motion.
Nothing is saved until you click Apply
Clicking a kind, dragging the curve, or choosing a template changes the values only in the panel, and Preview doesn’t save them either. If you close the panel or select another object now, your changes are lost. When Apply is highlighted, click it to save.
Updated 10/12/2026 · The videos on this page were recorded in the current editor.