Mitä Lottie-tiedostot ovat ja miksi kaikki käyttävät niitä?

Kun käytettävissä on niin monia tiedostotyyppejä, miten teet valinnan aloittaa uuden tiedostotyypin käyttö? Olet ehkä kuullut LottieFilesista, nähnyt laajennuksia, tai ehkä tämä kaikki on sinulle uutta tietoa. Esittelemme LottieFilesin ja sen fantastisen, nopean ja pienen animaatiomuodon: Lottien.

Mitä Lottie-tiedostot ovat?

LottieFiles anna Lottie-tiedostotyyppi. Kaikessa tarkoituksessa Lottie-tiedosto on animaatiotiedostotyyppi. Nykyään, kun avaat verkkosivun tai sovelluksen, joka näyttää animaation, on suuri mahdollisuus, että animaation muoto on Lottie, ei GIF tai muu muoto.

Lottie-tiedosto on pienempi ja nopeampi kuin tavalliset animaatiotiedostot. Pelkästään tästä syystä he ovat ylittäneet GIF-käytön niin pienessä ajassa. Ja LottieFilesin käyttö, saavutettavuus ja suosio kasvavat jatkuvasti, joten opitaanpa niistä hieman lisää.

LottieFilesin lyhyt historia

LottieFiles on Lottie-tiedostomuodon luoja. Kaikki alkoi vuonna 2015, kun insinööri loi Adobe After Effectsin avulla uuden laajennuksen nimeltä

Bodymovin joka tekee reaaliaikaisesta animaatiosta JSON-muodon. JSON on JavaScript-tiedostojen tekstipohjainen esitys, jonka avulla verkkokehittäjät voivat käyttää niitä helpommin ja helpommin.

Jonkin aikaa vuoden 2016 tienoilla Airbnb: n takana olevat aivot – tiedämme, se on yhtä oudolta kuin miltä se kuulostaa – yhdistyivät heidän johtava animaattorinsa ja suunnitellut iOS- ja Android-kirjastot, jotka voivat hahmontaa tämän uuden, nopean tiedostotyypin käyttämällä JSON. He nimesivät tiedostotyypin Lottieksi saksalaisen elokuvaohjaajan ja siluettianimaation pioneerin Charlotte Lotte Reinigerin mukaan.

Taustalla tekniikan ja animaatiotaidot joka Airbnb-tiimillä oli, alkuperäisestä JSON-renderöintilaajennuksesta tuli nykyinen.

Nyt kun olet perehtynyt LottieFilesin taustatarinoihin, jaamme lisää yksityiskohtia, jotka saavat sinut haluamaan käyttää Lottiea itse.

Mikä tekee Lottie-tiedostoista niin suosittuja?

Ajatus siitä, että Lottie-animaatio voidaan hahmontaa tekstipohjaisen JSON-järjestelmän kautta, mahdollistaa monia asioita, joita GIF- tai PNG-tiedostot eivät pysty tekemään. Suurin plussa on, että kuka tahansa voi helposti muokata JSON-tiedostoa sen alkuperäisen luomisen jälkeen, toisin kuin GIF-tiedosto.

LottieFilesilla on GitHub-yhteisö, joka kannustaa insinöörejä, animaattoreita tai uteliaita ihmisiä luomaan ja tutkimaan, mitä LottieFilesilla on tarjottavanaan. Tämä työntää LottieFilesiä jatkuvasti eteenpäin luovan yhteisön hyväksi.

Keskivertotekijälle, joka ei ehkä ole kiinnostunut Lottien miten tai miksi, voi kannustaa sinua sisällyttämään Lottien suunnitelmiisi tiedostokoko on paljon pienempi kuin tyypilliset PNG-, GIF- tai muut animaatiomuodot, mutta se toimii myös paljon paremmalla laadulla renderöinnin ansiosta. tyyli. Et luovu laadusta, jos käytät Lottieä suunnittelussasi.

Lottie-animaatiot ovat täysin skaalautuvia pikselöimättä, mikä helpottaa suunnittelua erikokoisille laitteille tai näytöille. Lottie-tiedostot ovat käytettävissä useammissa käyttöjärjestelmissä kuin muissa renderöintikirjastoissa, joten voit työskennellä näiden tiedostojen kanssa mistä tahansa, mukaan lukien Mac, iOS, Android, Microsoft ja Qt.

Aiheeseen liittyvä: Upeita paikkoja löytää 3D-malleja digitaaliseen suunnitteluun

Kuinka käyttää Lottie-tiedostoja

Huolimatta siitä, kuinka monimutkaisilta nämä tiedostot näyttävät luovan tai käyttävän, ne ovat itse asiassa hyvin yksinkertaisia ​​ottaa käyttöön malleissasi. Löydät LottieFiles-laajennukset Adobe XD: stä, Figmasta, Framer X: stä ja ProtoPiesta, joten voit asentaa valmiita Lottie-animaatioita. Voit myös ottaa ne käyttöön työnkulussasi koodittomilla vaihtoehdoilla Elementor for WordPressissä, Webflow: ssa ja Kodika.iossa.

Valmiiden Lottie-tiedostojen käytön lisäksi, joista useimmat tulevat ilmaisilla kaupallisilla lisensseillä, on monia ohjelmia, joita voit käyttää LottieFiles-laajennus, jolla voit luoda omia Lottie-animaatioita, kuten Adobe After Effects, Adobe Animate, Inkscape, Sketch ja Cavalry. mainitse muutama. LottieFiles-laajennus tekee animaatiosi Lottielle, mikä riittää loistavien animaatioiden luomiseen tässä tiedostomuodossa.

Aiheeseen liittyvä: Mikä Adobe Animate on ja mitä sillä voi tehdä?

Aloita Lottie-tiedostojen käyttö malleissasi

Paljaalla silmällä katsottuna Lottie näyttää muilta standardinmukaisilta animaatiomuodoilta, joten olet ehkä miettinyt, mistä meteli johtuu. Nyt kun tiedät enemmän LottieFilesista, kuinka Lottie syntyi ja mitä niillä on tarjota, haluat melkein varmasti alkaa käyttää niitä työnkulussasi.

10 parasta 2D-animaatioohjelmistojärjestelmää

Tässä on luettelo parhaista 2D-animaatiosovelluksista, joita voit käyttää vuonna 2021.

Lue Seuraava

Kirjailijasta