Lottie: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
 
(2 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 7: Zeile 7:
 
== Lottie und AfterFX ==
 
== Lottie und AfterFX ==
 
  https://lottiefiles.com/plugins/after-effects
 
  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

Aktuelle Version vom 4. Mai 2023, 13:35 Uhr

Web-Animationen mit Lottie

Einführung[Bearbeiten]

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[Bearbeiten]

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

Installation[Bearbeiten]

Mit dem Anastasiy Extension Manager kann man das Plugin Installieren.

Export aus After Effects[Bearbeiten]

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