Lottie

Web-Animationen mit Lottie

Einführung

Lottie ist im Prinzip ein JavaScript Player für Animationen im Lottie Format. Die Animationen können auf verschiedene Weise erstellt werden. Es gibt eigene Tools des Herstellers, aber auch ein Plugin für AfterFX. Den Player kann man auch mit GSAP steuern, und so z.B. scrollbasiert animieren.

Lottie und AfterFX

https://lottiefiles.com/plugins/after-effects

Installation

Mit dem Anastasiy Extension Manager kann man das Plugin Installieren.

Export aus After Effects

Der Export der JSON Daten für den Lottie Player geht mit dem Bodymovin Plugin (es gibt auch eins von Lottie, das ist nicht so gut. Außerdem gibt es weitere mit denen man Vektordaten aus diversen Programmen als Multilayer importieren kann.

https://exchange.adobe.com/apps/cc/12557/bodymovin