Met zoveel beschikbare bestandstypes, hoe maak je de keuze om een nieuwe te gaan gebruiken? Je hebt misschien gehoord van LottieFiles, de plug-ins gezien, of misschien is dit allemaal nieuwe informatie voor je. We gaan LottieFiles introduceren en zijn fantastische, snelle en kleine animatieformaat: de Lottie.
Wat zijn Lottie-bestanden?
LottieFiles geef het Lottie-bestandstype op. In alle opzichten is een Lottie-bestand een soort animatiebestand. Wanneer je tegenwoordig een website of een app opent die een animatie weergeeft, is de kans groot dat het formaat van die animatie Lottie is en niet GIF of een ander formaat.
Het Lottie-bestand is kleiner en sneller dan typische animatiebestanden. Alleen al om deze reden hebben ze het GIF-gebruik in zo'n kort tijdsbestek overtroffen. En het gebruik, de toegankelijkheid en de populariteit van LottieFiles blijven groeien, dus laten we er wat meer over leren.
Een korte geschiedenis van LottieFiles
LottieFiles is de maker van het Lottie-bestandsformaat. Het begon allemaal in 2015 toen een technicus Adobe After Effects gebruikte om een nieuwe plug-in te maken met de naam
Bodymovin dat een JSON-indeling van de realtime animatie weergeeft. JSON is een op tekst gebaseerde weergave van JavaScript-bestanden die webontwikkelaars gemakkelijker en toegankelijker maakt.Ergens rond 2016 kwamen het brein achter Airbnb - we weten het, het is net zo bizar als het klinkt - samen met hun hoofdanimator en ontwikkelde iOS- en Android-bibliotheken die dit nieuwe, snelle bestandstype kunnen weergeven met behulp van JSON. Ze noemden het bestandstype de Lottie, naar Charlotte Lotte Reiniger, een Duitse filmregisseur en pionier op het gebied van silhouetanimatie.
Met een achtergrond in techniek en animatie vaardigheden die het Airbnb-team had, kon de originele JSON-renderingplug-in worden wat het nu is.
Nu je het achtergrondverhaal van LottieFiles kent, zullen we meer details delen waardoor je Lottie zelf wilt gebruiken.
Wat maakt Lottie-bestanden zo populair?
Het idee dat een Lottie-animatie kan worden weergegeven via JSON, een op tekst gebaseerd systeem, zorgt voor veel dingen die GIF's of PNG's niet kunnen doen. Het grootste pluspunt is dat een JSON-bestand gemakkelijk door iedereen kan worden bewerkt nadat het is gemaakt, in tegenstelling tot een GIF.
LottieFiles heeft een GitHub-community die ingenieurs, animators of nieuwsgierige mensen aanmoedigt om te creëren en te ontdekken wat LottieFiles te bieden heeft. Dit duwt LottieFiles continu verder voor de creatieve gemeenschap.
Voor een gemiddelde maker die misschien niet geïnteresseerd is in het hoe of waarom van de Lottie, iets dat je kan aanmoedigen om Lottie in je ontwerpen op te nemen is dat de bestandsgrootte veel kleiner is dan een typische PNG-, GIF- of andere animatie-indeling, maar het werkt ook in veel hogere kwaliteit vanwege de weergave stijl. Je doet niet af aan kwaliteit door Lottie te gebruiken in je ontwerpen.
Lottie-animaties zijn volledig schaalbaar zonder gepixeld te worden, wat het ontwerpen op apparaten of schermen van verschillende groottes gemakkelijker maakt. Lottie-bestanden zijn toegankelijk in meer besturingssystemen dan andere weergavebibliotheken, dus u kunt overal met deze bestanden werken, inclusief Mac, iOS, Android, Microsoft en Qt.
Verwant: Geweldige plaatsen om 3D-modellen voor digitaal ontwerp te vinden
Hoe toegang te krijgen tot Lottie-bestanden
Ondanks hoe complex deze bestanden lijken te maken of te gebruiken, zijn ze eigenlijk heel eenvoudig te implementeren in uw ontwerpen. U kunt LottieFiles-plug-ins vinden op Adobe XD, Figma, Framer X en ProtoPie, zodat u vooraf gemaakte Lottie-animaties kunt installeren. U kunt ze ook in uw workflow implementeren met opties zonder code in Elementor voor WordPress, Webflow en Kodika.io.
Afgezien van het gebruik van vooraf gemaakte Lottie-bestanden - waarvan de meeste worden geleverd met gratis commerciële licenties - zijn er veel programma's die u kunt gebruiken met een LottieFiles-plug-in om uw eigen Lottie-animaties te maken, zoals Adobe After Effects, Adobe Animate, Inkscape, Sketch en Cavalry om noem er een paar. De LottieFiles-plug-in geeft uw animatie weer aan Lottie, en dat is alles wat nodig is om geweldige animaties in dit bestandsformaat te maken.
Verwant: Wat is Adobe Animate en wat kunt u ermee?
Begin met het gebruik van Lottie-bestanden in uw ontwerpen
Met het blote oog lijkt een Lottie op andere standaard animatieformaten, dus je hebt je misschien afgevraagd waar al die ophef over was. Nu je meer weet over LottieFiles, hoe de Lottie is ontstaan en wat ze te bieden hebben, wil je ze vrijwel zeker gaan gebruiken in je workflow.
Hier is onze lijst met de beste 2D-animatie-apps die u in 2021 kunt gebruiken.
Lees volgende
- Creatief
- Technologie uitgelegd
- Bestandssysteem
- Computer animatie
- Grafische vormgeving
Ruby is een schrijver in de categorie Creative van MUO en richt zich op het schrijven over ontwerpsoftware. Ruby heeft gewerkt als ontwerper, illustrator en fotograaf en heeft ook een BA in grafische communicatie en een MA in Engels met creatief schrijven.
Abonneer op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Klik hier om je te abonneren