Draw it once, play it at any size.
Make a Lottie animation in your browser, nothing uploaded: draw shapes, give them keys and easing, and save a Lottie JSON that is checked before you get it.
By Suraj Kumar5 min read
Developers like Lottie because a whole animation is one small file their app or page can play, sharp at any size. KeepSimp's Lottie maker lets you draw one and give it keys in your browser, with no account and nothing uploaded, and saves it as a Lottie JSON.
Start from three bouncing dots.
The Lottie maker opens on a loader: three dots that bounce one after another. Change their colour, size and timing, or take them away and draw your own with shapes, the pen and words.
Give it keys and easing.
A key says what a part is like at one moment: its position, turn, size, opacity, colours or outline. Between two keys, easing says how it moves: steadily, slowing down as it arrives, or springing past and back.
Every change can be undone, and the timeline can loop, play once, or play there and back.
Saved as a Lottie, and checked.
Export asks where it will go, and this page has already answered An app or a website's code, which writes a Lottie JSON. Under More options, a dotLottie puts it in one .lottie file.
Before you get it, the file is checked against the Lottie Animation Community's schema (Lottie 1.0) and played back by ThorVG, whose frames must match the editor's at five moments.
What a Lottie does not keep.
Lottie 1.0 has no text, so words are written as their letters' outlines. Soft edges are left out. A timeline that plays there and back is written out as there and back, and whether one that plays once loops is up to the player that shows it. The result says each of these when it applies.
Further reading
Topics: lottie maker · make lottie animation · create lottie animation · lottie json · lottie generator · lottie animation free
A little less theory. A little more doing.
Try it on your own terms, with a free browser tool.
Try the tool