Czym są pliki Lottie i dlaczego wszyscy z nich korzystają?

Przy tak wielu dostępnych typach plików, jak podjąć decyzję o rozpoczęciu korzystania z nowego? Być może słyszałeś o LottieFiles, widziałeś wtyczki, a może są to dla ciebie wszystkie nowe informacje. Zamierzamy przedstawić LottieFiles i jego fantastyczny, szybki i mały format animacji: Lottie.

Czym są pliki Lottie?

LottieFiles podaj typ pliku Lottie. Dla wszystkich celów i celów, plik Lottie jest rodzajem pliku animacji. W dzisiejszych czasach, gdy otwierasz stronę internetową lub aplikację wyświetlającą animację, istnieje duże prawdopodobieństwo, że format tej animacji to Lottie, a nie GIF lub inny format.

Plik Lottie jest mniejszy i szybszy niż typowe pliki animacji. Tylko z tego powodu przewyższyły użycie GIF-ów w tak krótkim czasie. A użycie, dostępność i popularność LottieFiles wciąż rośnie, więc dowiedzmy się o nich trochę więcej.

Krótka historia LottieFiles

LottieFiles jest twórcą formatu plików Lottie. Wszystko zaczęło się w 2015 roku, kiedy inżynier wykorzystał Adobe After Effects do stworzenia nowej wtyczki o nazwie

Bodymovin który renderuje format JSON animacji w czasie rzeczywistym. JSON to tekstowa reprezentacja plików JavaScript, która pozwala na łatwiejsze i bardziej przystępne użycie dla programistów stron internetowych.

Około 2016 roku mózgi stojące za Airbnb — wiemy, że jest to tak dziwaczne, jak się wydaje — połączyły siły ich główny animator i zaprojektowane biblioteki iOS i Android, które mogą renderować ten nowy, szybki typ pliku za pomocą JSON. Nazwali typ pliku Lottie, na cześć Charlotte Lotte Reiniger, niemieckiej reżyserki filmowej i pionierki animacji sylwetki.

Z doświadczeniem w inżynierii i umiejętności animacyjne że zespół Airbnb miał, oryginalna wtyczka renderująca JSON mogła stać się tym, czym jest dzisiaj.

Teraz, gdy już zapoznałeś się z historią LottieFiles, udostępnimy więcej szczegółów, które sprawią, że będziesz chciał sam korzystać z Lottie.

Co sprawia, że ​​pliki Lottie są tak popularne?

Pomysł, że animacja Lottie może być renderowana za pomocą JSON, systemu tekstowego, pozwala na wiele rzeczy, których GIF-y lub PNG nie mogą zrobić. Największym plusem jest to, że plik JSON może być łatwo edytowany przez każdego po jego pierwotnym utworzeniu, w przeciwieństwie do GIF.

LottieFiles ma społeczność GitHub, która zachęca inżynierów, animatorów lub ciekawskich ludzi do tworzenia i odkrywania tego, co LottieFiles ma do zaoferowania. To nieustannie popycha LottieFiles dalej dla kreatywnej społeczności.

Dla przeciętnego twórcy, który może nie być zainteresowany jak i dlaczego Lottie, coś, co może zachęcić Cię do włączenia Lottie do swoich projektów jest to, że rozmiar pliku jest znacznie mniejszy niż typowy format PNG, GIF lub inne formaty animacji, ale działa również w znacznie wyższej jakości ze względu na jego renderowanie styl. Nie rezygnujesz z jakości, używając Lottie w swoich projektach.

Animacje Lottie są całkowicie skalowalne, nie ulegając pikselowaniu, co ułatwia projektowanie na urządzeniach lub ekranach o różnych rozmiarach. Pliki Lottie są dostępne w większej liczbie systemów operacyjnych niż inne biblioteki renderujące, więc możesz pracować z tymi plikami z dowolnego miejsca, w tym z komputerów Mac, iOS, Android, Microsoft i Qt.

Związane z: Świetne miejsca, w których można znaleźć modele 3D do projektowania cyfrowego

Jak uzyskać dostęp do plików Lottie?

Pomimo tego, jak skomplikowane mogą się wydawać te pliki, są tworzone lub używane, w rzeczywistości są one bardzo proste do wdrożenia w twoich projektach. Wtyczki LottieFiles można znaleźć w programach Adobe XD, Figma, Framer X i ProtoPie, dzięki czemu można zainstalować gotowe animacje Lottie. Możesz także zaimplementować je w swoim przepływie pracy z opcjami braku kodu w Elementorze dla WordPress, Webflow i Kodika.io.

Oprócz korzystania z gotowych plików Lottie — z których większość ma darmowe licencje komercyjne — istnieje wiele programów, których można używać z Wtyczka LottieFiles do tworzenia własnych animacji Lottie, takich jak Adobe After Effects, Adobe Animate, Inkscape, Sketch i Cavalry do wymienić tylko kilka. Wtyczka LottieFiles renderuje twoją animację do Lottie, co wystarczy, aby stworzyć wspaniałe animacje w tym formacie pliku.

Związane z: Co to jest Adobe Animate i co można z nim zrobić?

Zacznij używać plików Lottie w swoich projektach

Gołym okiem Lottie wygląda jak inne standardowe formaty animacji, więc być może zastanawiałeś się, o co tyle zamieszania. Teraz, gdy wiesz więcej o LottieFiles, o tym, jak powstała Lottie i co mają do zaoferowania, prawie na pewno będziesz chciał zacząć ich używać w swoim przepływie pracy.

10 najlepszych systemów oprogramowania do animacji 2D

Oto nasza lista najlepszych aplikacji do animacji 2D, z których możesz korzystać w 2021 roku.

Czytaj dalej

O autorze