Motion in flare.design starts from a selected frame. The frame defines the scene duration, and child layers define when they appear, disappear, and animate.
Motion model
| Level | Controls | Use it when |
|---|---|---|
| Frame | Duration, poster time, fps | You are defining the scene that preview and export will use |
| Layer range | Start time and end time | You need a layer to appear, disappear, or trim over time |
| Preset motion | IN and OUT animation behavior | You want a fast entrance, exit, reveal, or emphasis |
| Motion clip | Custom transform, opacity, color, or path timing | A preset is close but not exact enough |
Frame timing
Select a frame before editing timing. Frame duration, poster time, and fps describe the scene that preview and export will use.
Short scenes are easier to judge when the first second is simple. Bring in the main subject first, then supporting text and details.
Use poster time for the still moment that should represent the scene in previews or project overviews. Pick a moment where the subject and headline are already readable.
Layer ranges
Each layer inside a frame can have a start and end time. Drag timing bars in the docked timeline when you need to stagger entrances, trim video, or keep supporting layers off screen until they matter.
Layer ranges are often enough for clean motion. A good first pass is:
- Background or product appears at the start.
- Title enters after the subject is readable.
- Supporting text appears last.
- Decorative elements either stay subtle or leave quickly.
- The scene ends after the viewer has time to read the message.
Presets
Preset IN and OUT animations are the fastest way to add motion. Use them for common entrances such as fade, slide, scale, crop, wipe, or text reveals.
Choose one clear motion idea per scene. Too many presets at the same time make the export harder to read.
When in doubt, reduce the number of animated layers before changing easing. If the hierarchy is unclear, better easing rarely fixes it.
Motion clips and keyframes
When presets are not enough, detach or add motion clips and edit transform, opacity, color, or motion path values. Use custom keyframes for moments that need exact timing or a branded movement language.
Preview often. The timeline should serve the visual hierarchy, not just fill every layer with movement.
Review loop
Watch the scene at normal speed, not only while scrubbing. Then check:
- Does the first second explain the subject?
- Does text appear long enough to read?
- Do exits happen after the message lands?
- Is motion direction consistent with the layout?
- Does the final frame still look intentional if the video loops?
Duplicate the frame before large timing changes so you can compare motion directions side by side.