Keyshape: Authoring Tool for Lottie Files

I was unaware of Lottie animation files before Sparkle 3.0. I had to do some quick research. Apparently javascript powered animation files.

On the Mac App Store, I found a neat $30 app called Keyshape that produces animation file formats including Lottie. Here’s a list of export formats:

Screen Shot 2020-11-12 at 5.56.22 PM

2 Likes

It would be so nice if we got Lottie animations on scroll

They do that automatically.

Keyshape doesn’t actually produce Lottie animation. It just outputs graphics (SVG’s) that can be used to create a Lottie animation. What is needed to create Lotties are SVG’s and .JSON files.

Lottie animation was created by Airbnb to replace GIF’s. While Lotties are smaller in size than GIF, there are limitations to Lottie animations. GIF’s are larger because they can create richer animations. Think of GIF’s as small movies.

Airbnb uses Adobe After Effects along with two plugins to create Lottie files. Sketch can output SVG, but not .JSON. Affinity Designer can output both SVG and .JSON.

With Sparkle 3 95% of users will download stock Lotties (what few exist) from the web while 5% will create Lotties form scratch. Lottie animation is very new technology. Kudo’s to Sparkle for getting out on the bleeding edge here, but it remains to be seen wether Lotties are a fad.

Did I misunderstand the Keyshape information? I understood them to say that with an optional plugin Keyshape can output the necessary components of a Lottie file.

With regard to Affinity Designer, there is no ability to create an animation. There is no timeline or keyframe editor.

I talked to someone who used Keyshape and yes it needs plugins (two actually as does After Effects), but the output was not a usable Lottie file on it’s own. The Affinity Designer output files still have to go through a third party Lottie editor to create a standalone Lottie animation. The Affinity Designer output files can be dropped into Xcode without any further compiling/editing. What I don’t know is how Sparkle handles those files. Lottie is so new everyone is still experimenting.

I also bought keyshape a while ago, and yes it can produce standard lottie files via plugins.

1 Like

That’s what I get for breaking my own rule of not commenting before experimenting with it directly myself!

Thanks @duncan