Hvad er Lottie-filer, og hvorfor bruger alle dem?

Med så mange tilgængelige filtyper, hvordan træffer du valget om at begynde at bruge en ny? Du har måske hørt om LottieFiles, set plugins, eller måske er dette helt ny information for dig. Vi vil introducere LottieFiles og dets fantastiske, hurtige og lille animationsformat: Lottie.

Hvad er Lottie-filer?

LottieFiles angiv Lottie-filtypen. For alle formål er en Lottie-fil en type animationsfil. I disse dage, når du åbner et websted eller en app, der viser en animation, er der en stor chance for, at formatet på nævnte animation er Lottie og ikke GIF eller et andet format.

Lottie-filen er mindre og hurtigere end typiske animationsfiler. Alene af denne grund har de overgået GIF-brug på så kort en tidsramme. Og brugen, tilgængeligheden og populariteten af ​​LottieFiles bliver ved med at vokse, så lad os lære lidt mere om dem.

En kort historie om LottieFiles

LottieFiles er skaberen af ​​Lottie-filformatet. Det hele startede i 2015, da en ingeniør brugte Adobe After Effects til at oprette et nyt plugin kaldet

Bodymovin der gengiver et JSON-format af realtidsanimationen. JSON er en tekstbaseret repræsentation af JavaScript-filer, der giver mulighed for lettere og mere tilgængelig brug for webudviklere.

Et stykke tid omkring 2016 blev hjernen bag Airbnb – vi ved, det er lige så bizart som det lyder – sammen med deres ledende animator og konstruerede iOS- og Android-biblioteker, der kan gengive denne nye, hurtige filtype vha JSON. De opkaldte filtypen Lottie efter Charlotte Lotte Reiniger, en tysk filminstruktør og pioner inden for silhuetanimation.

Med baggrund i teknik og animationsevner som Airbnb-teamet havde, var det originale JSON-gengivelsesplugin i stand til at blive, hvad det er i dag.

Nu hvor du er blevet fanget med historien om LottieFiles, deler vi flere detaljer, der giver dig lyst til at bruge Lottie selv.

Hvad gør Lottie-filer så populære?

Ideen om, at en Lottie-animation kan gengives gennem JSON, et tekstbaseret system, giver mulighed for mange ting, som GIF'er eller PNG'er ikke kan. Det største plus er, at en JSON-fil nemt kan redigeres af enhver efter dens oprindelige oprettelse, i modsætning til en GIF.

LottieFiles har et GitHub-fællesskab, der opfordrer ingeniører, animatorer eller nysgerrige folk til at skabe og udforske, hvad LottieFiles har at tilbyde. Dette skubber løbende LottieFiles videre for det kreative fællesskab.

For en gennemsnitlig skaber, der måske ikke er interesseret i Lotties's hows eller hvorfor, noget, der kan opmuntre dig til at inkorporere Lottie i dine designs er, at filstørrelsen er meget mindre end en typisk PNG, GIF eller andre animationsformater, men den kører også i meget højere kvalitet på grund af dens gengivelse stil. Du giver ikke afkald på kvalitet ved at bruge Lottie i dine designs.

Lottie-animationer er fuldstændig skalerbare uden at blive pixileret, hvilket gør det nemmere at designe på enheder eller skærme i forskellige størrelser. Lottie-filer er tilgængelige i flere operativsystemer end andre gengivelsesbiblioteker, så du kan arbejde med disse filer hvor som helst, inklusive Mac, iOS, Android, Microsoft og Qt.

Relaterede: Fantastiske steder at finde 3D-modeller til digitalt design

Sådan får du adgang til Lottie-filer

På trods af hvor komplekse disse filer kan synes at oprette eller bruge, er de faktisk meget enkle at implementere i dine designs. Du kan finde LottieFiles-plugins på Adobe XD, Figma, Framer X og ProtoPie, så du kan installere forudlavede Lottie-animationer. Du kan også implementere dem i din arbejdsgang uden kodemuligheder i Elementor til WordPress, Webflow og Kodika.io.

Bortset fra at bruge færdiglavede Lottie-filer - hvoraf de fleste kommer med gratis kommercielle licenser - er der mange programmer, du kan bruge med en LottieFiles-plugin til at skabe dine egne Lottie-animationer, såsom Adobe After Effects, Adobe Animate, Inkscape, Sketch og Cavalry til nævne nogle få. LottieFiles-plugin'et gengiver din animation til Lottie, hvilket er alt, hvad der skal til for at skabe fantastiske animationer i dette filformat.

Relaterede: Hvad er Adobe Animate, og hvad kan du gøre med det?

Begynd at bruge Lottie-filer i dine designs

For det blotte øje ligner en Lottie andre standard animationsformater, så du har måske undret dig over, hvad balladen handlede om. Nu hvor du ved mere om LottieFiles, hvordan Lottie blev til, og hvad de har at tilbyde, vil du næsten helt sikkert begynde at bruge dem i din arbejdsgang.

De 10 bedste 2D-animationssoftwaresystemer

Her er vores liste over de bedste 2D-animationsapps, som du kan bruge i 2021.

Læs Næste

Om forfatteren