Skip to content
Academy DirectoryModule 4: What's new in 0.4Smart Animate: Two Boards, One Transition
Beginner6 min

Smart Animate: Two Boards, One Transition

Design a before and an after, keep the layer names the same, and let Smart Animate build the transition between them as ordinary keyframes.

Lesson Progress0%
Step Checklist
Step 1 of 3: Design the Two Boards

Duplicate your composition and rearrange the copy — move, resize, restyle. The one rule: keep the layer names the same in both boards. Names are how Smart Animate knows which element is which.

A layer that exists in only one board is fine — it will fade out (or in) instead of moving.
Live Interactive Editor WorkspaceLoaded: stagger-cards
Premation Studio - Smart Animate: Two Boards, One Transition
WebGPU Engine · 60 FPS
Easing Curve Dynamics
Motion Preset Scene
AI Command Execution Log
read composition · main_1080p
select layers · card_01 … card_05
apply curve · ease-out
→ ready for playback
Viewport Stage (1920 x 1080)
01
02
03
04
05
Timeline Lanes0.0s / 4.0s (60 FPS)
Position.X
Scale.X/Y