Vad är Lottie-filer och varför använder alla dem?

Med så många tillgängliga filtyper, hur gör du valet att börja använda en ny? Du kanske har hört talas om LottieFiles, sett plugins, eller så är detta helt ny information för dig. Vi kommer att introducera LottieFiles och dess fantastiska, snabba och lilla animationsformat: Lottie.

Vad är Lottie-filer?

LottieFiles ange Lottie-filtypen. För alla ändamål är en Lottie-fil en typ av animationsfil. Nuförtiden, när du öppnar en webbplats eller en app som visar en animation, finns det en stor chans att formatet för nämnda animation är Lottie, och inte GIF eller något annat format.

Lottie-filen är mindre och snabbare än vanliga animationsfiler. Bara av denna anledning har de överträffat GIF-användningen på en så kort tidsram. Och användningen, tillgängligheten och populariteten för LottieFiles fortsätter att växa, så låt oss lära oss lite mer om dem.

En kort historia av LottieFiles

LottieFiles är skaparen av Lottie-filformatet. Det hela började 2015 när en ingenjör använde Adobe After Effects för att skapa ett nytt plugin som heter

Bodymovin som återger ett JSON-format för realtidsanimeringen. JSON är en textbaserad representation av JavaScript-filer som möjliggör enklare och mer tillgänglig användning för webbutvecklare.

Någon gång runt 2016 träffades hjärnorna bakom Airbnb – vi vet, det är precis så bisarrt som det låter – med deras ledande animatör och konstruerade iOS- och Android-bibliotek som kan rendera denna nya, snabba filtyp med hjälp av JSON. De döpte filtypen till Lottie, efter Charlotte Lotte Reiniger, en tysk filmregissör och pionjär inom siluettanimation.

Med bakgrund inom teknik och animationsförmåga som Airbnb-teamet hade, kunde det ursprungliga JSON-renderingspluginet bli vad det är idag.

Nu när du har kommit ikapp med LottieFiles bakgrund kommer vi att dela med oss ​​av fler detaljer som får dig att vilja använda Lottie själv.

Vad gör Lottie-filer så populära?

Tanken att en Lottie-animation kan renderas genom JSON, ett textbaserat system, tillåter många saker som GIF eller PNG inte kan göra. Det största pluset är att en JSON-fil lätt kan redigeras av vem som helst efter den ursprungliga skapandet, till skillnad från en GIF.

LottieFiles har en GitHub-gemenskap som uppmuntrar ingenjörer, animatörer eller nyfikna människor att skapa och utforska vad LottieFiles har att erbjuda. Detta driver kontinuerligt LottieFiles vidare för den kreativa gemenskapen.

För en genomsnittlig kreatör som kanske inte är intresserad av hur eller varför för Lottie, något som kan uppmuntra dig att införliva Lottie i din design är att filstorleken är mycket mindre än en typisk PNG, GIF eller andra animationsformat, men den körs också i mycket högre kvalitet på grund av dess rendering stil. Du avstår inte från kvalitet genom att använda Lottie i dina mönster.

Lottie-animationer är helt skalbara utan att bli pixlade, vilket gör det lättare att designa på enheter eller skärmar i olika storlekar. Lottie-filer är tillgängliga i fler operativsystem än andra renderingsbibliotek, så du kan arbeta med dessa filer var som helst, inklusive Mac, iOS, Android, Microsoft och Qt.

Relaterad: Bra ställen att hitta 3D-modeller för digital design

Hur man kommer åt Lottie-filer

Trots hur komplexa dessa filer kan verka att skapa eller använda, är de faktiskt väldigt enkla att implementera i din design. Du kan hitta LottieFiles-plugins på Adobe XD, Figma, Framer X och ProtoPie, så att du kan installera förgjorda Lottie-animationer. Du kan också implementera dem i ditt arbetsflöde utan kodalternativ i Elementor för WordPress, Webflow och Kodika.io.

Förutom att använda förgjorda Lottie-filer – av vilka de flesta kommer med gratis kommersiella licenser – finns det många program du kan använda med en LottieFiles-plugin för att skapa dina egna Lottie-animationer, som Adobe After Effects, Adobe Animate, Inkscape, Sketch och Cavalry för att nämn några. LottieFiles-pluginen återger din animation till Lottie, vilket är allt som krävs för att skapa fantastiska animationer i detta filformat.

Relaterad: Vad är Adobe Animate och vad kan du göra med det?

Börja använda Lottie-filer i dina mönster

För blotta ögat ser en Lottie ut som andra vanliga animationsformat, så du kanske har undrat vad allt väsen handlade om. Nu när du vet mer om LottieFiles, hur Lottie kom till och vad de har att erbjuda, kommer du nästan säkert att vilja börja använda dem i ditt arbetsflöde.

De 10 bästa 2D-animationsmjukvarusystemen

Här är vår lista över de bästa 2D-animationsapparna som du kan använda under 2021.

Läs Nästa

Om författaren