Hva er Lottie-filer, og hvorfor bruker alle dem?

Med så mange tilgjengelige filtyper, hvordan tar du valget om å begynne å bruke en ny? Du har kanskje hørt om LottieFiles, sett pluginene, eller kanskje dette er helt ny informasjon for deg. Vi skal introdusere LottieFiles og dets fantastiske, raske og lille animasjonsformat: Lottie.

Hva er Lottie-filer?

LottieFiles oppgi Lottie-filtypen. For alle hensikter er en Lottie-fil en type animasjonsfil. I disse dager, når du åpner et nettsted eller en app som viser en animasjon, er det stor sjanse for at formatet til nevnte animasjon er Lottie, og ikke GIF eller et annet format.

Lottie-filen er mindre og raskere enn vanlige animasjonsfiler. Bare av denne grunn har de overgått GIF-bruken på en så kort tidsramme. Og bruken, tilgjengeligheten og populariteten til LottieFiles fortsetter å vokse, så la oss lære litt mer om dem.

En kort historie om LottieFiles

LottieFiles er skaperen av Lottie-filformatet. Det hele startet i 2015 da en ingeniør brukte Adobe After Effects til å lage en ny plugin kalt Bodymovin

som gjengir et JSON-format for sanntidsanimasjonen. JSON er en tekstbasert representasjon av JavaScript-filer som muliggjør enklere og mer tilgjengelig bruk for webutviklere.

En tid rundt 2016 ble hjernen bak Airbnb – vi vet, det er akkurat så bisarr som det høres ut – sammen med deres ledende animator og konstruerte iOS- og Android-biblioteker som kan gjengi denne nye, raske filtypen ved hjelp av JSON. De kalte filtypen Lottie, etter Charlotte Lotte Reiniger, en tysk filmregissør og pioner innen silhuettanimasjon.

Med bakgrunn i ingeniørfag og animasjonsferdigheter som Airbnb-teamet hadde, kunne den originale JSON-gjengivelsespluginen bli hva den er i dag.

Nå som du er fanget opp med bakhistorien til LottieFiles, vil vi dele flere detaljer som gjør at du vil bruke Lottie selv.

Hva gjør Lottie-filer så populære?

Ideen om at en Lottie-animasjon kan gjengis gjennom JSON, et tekstbasert system, tillater mange ting som GIF-er eller PNG-er ikke kan gjøre. Det største pluss er at en JSON-fil enkelt kan redigeres av hvem som helst etter den opprinnelige opprettelsen, i motsetning til en GIF.

LottieFiles har et GitHub-fellesskap som oppfordrer ingeniører, animatører eller nysgjerrige folk til å lage og utforske det LottieFiles har å tilby. Dette presser LottieFiles kontinuerlig videre for det kreative fellesskapet.

For en gjennomsnittlig skaper som kanskje ikke er interessert i hvordan eller hvorfor til Lottie, noe som kan oppmuntre deg til å inkorporere Lottie i designene dine er at filstørrelsen er mye mindre enn en typisk PNG-, GIF- eller andre animasjonsformater, men den kjører også i mye høyere kvalitet på grunn av gjengivelsen. stil. Du gir ikke avkall på kvalitet ved å bruke Lottie i designene dine.

Lottie-animasjoner er fullstendig skalerbare uten å bli pikserte, noe som gjør det lettere å designe på enheter eller skjermer i ulike størrelser. Lottie-filer er tilgjengelige i flere operativsystemer enn andre gjengivelsesbiblioteker, så du kan jobbe med disse filene fra hvor som helst, inkludert Mac, iOS, Android, Microsoft og Qt.

I slekt: Flotte steder å finne 3D-modeller for digital design

Hvordan få tilgang til Lottie-filer

Til tross for hvor komplekse disse filene kan virke å lage eller bruke, er de faktisk veldig enkle å implementere i designene dine. Du kan finne LottieFiles-plugins på Adobe XD, Figma, Framer X og ProtoPie, slik at du kan installere forhåndslagde Lottie-animasjoner. Du kan også implementere dem i arbeidsflyten din med alternativer uten kode i Elementor for WordPress, Webflow og Kodika.io.

Bortsett fra å bruke forhåndslagde Lottie-filer – de fleste kommer med gratis kommersielle lisenser – er det mange programmer du kan bruke med en LottieFiles-plugin for å lage dine egne Lottie-animasjoner, for eksempel Adobe After Effects, Adobe Animate, Inkscape, Sketch og Cavalry til nevne noen. LottieFiles-pluginen gjengir animasjonen din til Lottie, som er alt som trengs for å lage flotte animasjoner i dette filformatet.

I slekt: Hva er Adobe Animate, og hva kan du gjøre med det?

Begynn å bruke Lottie-filer i designene dine

For det blotte øye ser en Lottie ut som andre standard animasjonsformater, så du har kanskje lurt på hva alt oppstyret handlet om. Nå som du vet mer om LottieFiles, hvordan Lottie ble til og hva de har å tilby, vil du nesten helt sikkert begynne å bruke dem i arbeidsflyten din.

Topp 10 2D-animasjonsprogramvaresystemer

Her er listen vår over de beste 2D-animasjonsappene du kan bruke i 2021.

Les Neste

Om forfatteren