Was sind Lottie-Dateien und warum verwendet sie jeder?

Wie treffen Sie bei so vielen verfügbaren Dateitypen die Wahl, einen neuen zu verwenden? Sie haben vielleicht schon von LottieFiles gehört, die Plugins gesehen, oder vielleicht sind dies alles neue Informationen für Sie. Wir stellen LottieFiles und sein fantastisches, schnelles und kleines Animationsformat vor: Lottie.

Was sind Lottie-Dateien?

LottieDateien Geben Sie den Lottie-Dateityp an. In jeder Hinsicht ist eine Lottie-Datei eine Art Animationsdatei. Wenn Sie heutzutage eine Website oder eine App öffnen, die eine Animation anzeigt, besteht eine hohe Wahrscheinlichkeit, dass das Format dieser Animation Lottie ist und nicht GIF oder ein anderes Format.

Die Lottie-Datei ist kleiner und schneller als typische Animationsdateien. Allein aus diesem Grund haben sie die Verwendung von GIFs in einem so kurzen Zeitrahmen übertroffen. Und die Verwendung, Zugänglichkeit und Popularität von LottieFiles wächst weiter, also lasst uns ein wenig mehr darüber erfahren.

Eine kurze Geschichte von LottieFiles

LottieFiles ist der Schöpfer des Lottie-Dateiformats. Alles begann im Jahr 2015, als ein Ingenieur mit Adobe After Effects ein neues Plug-in namens „ Bodymovin die ein JSON-Format der Echtzeitanimation rendert. JSON ist eine textbasierte Darstellung von JavaScript-Dateien, die eine einfachere und zugänglichere Verwendung für Webentwickler ermöglicht.

Irgendwann um 2016 herum haben sich die Köpfe hinter Airbnb – wir wissen, es ist genauso bizarr, wie es sich anhört – zusammengefunden ihr leitender Animator und entwickelte iOS- und Android-Bibliotheken, die diesen neuen, schnellen Dateityp rendern können JSON. Sie nannten den Dateityp Lottie, nach Charlotte Lotte Reiniger, einer deutschen Filmregisseurin und Pionierin der Silhouetten-Animation.

Mit ingenieurwissenschaftlichem Hintergrund u Animationsfähigkeiten das das Airbnb-Team hatte, konnte das ursprüngliche JSON-Rendering-Plugin zu dem werden, was es heute ist.

Jetzt, wo Sie sich mit der Hintergrundgeschichte von LottieFiles beschäftigt haben, werden wir Ihnen weitere Details mitteilen, die Sie dazu bringen werden, Lottie selbst zu verwenden.

Was macht Lottie-Dateien so beliebt?

Die Idee, dass eine Lottie-Animation über JSON, ein textbasiertes System, gerendert werden kann, ermöglicht viele Dinge, die GIFs oder PNGs nicht können. Das größte Plus ist, dass eine JSON-Datei im Gegensatz zu einer GIF-Datei nach ihrer ursprünglichen Erstellung von jedem problemlos bearbeitet werden kann.

LottieFiles hat eine GitHub-Community, die Ingenieure, Animatoren oder Neugierige ermutigt, zu erstellen und zu erkunden, was LottieFiles zu bieten hat. Dies bringt LottieFiles für die kreative Community kontinuierlich weiter.

Für einen durchschnittlichen Schöpfer, der sich vielleicht nicht für das Wie und Warum von Lottie interessiert, etwas, das Sie dazu ermutigen könnte, Lottie in Ihre Designs zu integrieren ist, dass die Dateigröße viel kleiner ist als bei typischen PNG-, GIF- oder anderen Animationsformaten, aber aufgrund des Renderings auch in viel höherer Qualität ausgeführt wird Stil. Sie verzichten nicht auf Qualität, wenn Sie Lottie in Ihren Designs verwenden.

Lottie-Animationen sind vollständig skalierbar, ohne pixelig zu werden, was die Gestaltung auf Geräten oder Bildschirmen unterschiedlicher Größe erleichtert. Auf Lottie-Dateien kann in mehr Betriebssystemen als auf andere Rendering-Bibliotheken zugegriffen werden, sodass Sie mit diesen Dateien von überall aus arbeiten können, einschließlich Mac, iOS, Android, Microsoft und Qt.

Verwandt: Großartige Orte, um 3D-Modelle für digitales Design zu finden

So greifen Sie auf Lottie-Dateien zu

So komplex die Erstellung oder Verwendung dieser Dateien auch erscheinen mag, sie sind eigentlich sehr einfach in Ihren Designs zu implementieren. Sie finden LottieFiles-Plugins auf Adobe XD, Figma, Framer X und ProtoPie, sodass Sie vorgefertigte Lottie-Animationen installieren können. Sie können sie auch mit No-Code-Optionen in Elementor für WordPress, Webflow und Kodika.io in Ihren Workflow implementieren.

Abgesehen von der Verwendung vorgefertigter Lottie-Dateien – von denen die meisten mit kostenlosen kommerziellen Lizenzen geliefert werden – gibt es viele Programme, die Sie mit einem verwenden können LottieFiles-Plug-in zum Erstellen eigener Lottie-Animationen, z. B. für Adobe After Effects, Adobe Animate, Inkscape, Sketch und Cavalry nenne ein paar. Das LottieFiles-Plugin rendert Ihre Animation für Lottie, was alles ist, was Sie brauchen, um großartige Animationen in diesem Dateiformat zu erstellen.

Verwandt: Was ist Adobe Animate und was können Sie damit machen?

Beginnen Sie mit der Verwendung von Lottie-Dateien in Ihren Designs

Mit bloßem Auge sieht ein Lottie aus wie andere Standard-Animationsformate, also haben Sie sich vielleicht gefragt, worum es bei der ganzen Aufregung ging. Jetzt, da Sie mehr über LottieFiles wissen, wie Lottie entstanden ist und was sie zu bieten haben, möchten Sie sie mit ziemlicher Sicherheit in Ihrem Workflow verwenden.

Die Top 10 2D-Animationssoftwaresysteme

Hier ist unsere Liste der besten 2D-Animations-Apps, die Sie im Jahr 2021 verwenden können.

Lesen Sie weiter

Über den Autor