Logo animation software
Animate a logo from its SVG
Most logo animation is four moves: draw the outline on, bring the parts in with a stagger, settle with an overshoot, and hold. Premation imports the logo's SVG as shape layers, so every path is animatable without redrawing anything.
Free · AGPL-3.0-only · macOS & Windows
The panel that does it
The editor’s own panel, rebuilt on its chrome. It works: drag, toggle, queue.
How to do it
- 01
Import the SVG
File ▸ Import. Each path becomes a shape layer with its fill and stroke, grouped as the file was.
- 02
Draw it on
Add ▸ Trim Paths on the outline layers and keyframe End from 0 to 100%. Taper the stroke for a pen feel.
- 03
Stagger the parts in
Select the layers and use Animate In: one press, varied entrances on an uneven stagger, under the project's Motion Feel. Or keyframe by hand and use the graph editor's Stagger modifier.
- 04
Settle, then export
The Overshoot preset in the graph editor gives the landing weight. Export with alpha for video, or as Lottie for the web if the logo stayed vector.
Questions
- My logo is a PNG, not an SVG. Can I still animate it?
- Yes, as an image layer: position, scale, rotation, opacity, masks and effects all work. Trim Paths needs a vector path, so a draw-on needs the SVG or a traced version.
- Can two versions of the logo morph into each other?
- Smart Animate matches layers by name across two boards and writes the transition as keyframes. Path morphing between shapes with the same vertex count is supported too.