Что такое файлы Lottie и почему все их используют?

С таким количеством доступных типов файлов, как вы делаете выбор, чтобы начать использовать новый? Возможно, вы слышали о LottieFiles, видели плагины или, возможно, это все новая для вас информация. Мы собираемся представить LottieFiles и его фантастический, быстрый и компактный формат анимации: Lottie.

Что такое файлы Lottie?

LottieFiles укажите тип файла Lottie. Во всех смыслах и целях файл Lottie является типом файла анимации. В наши дни, когда вы открываете веб-сайт или приложение, которое отображает анимацию, есть большая вероятность, что формат указанной анимации — Lottie, а не GIF или другой формат.

Файл Lottie меньше и быстрее обычных файлов анимации. Только по этой причине они превзошли использование GIF за такой небольшой промежуток времени. А использование, доступность и популярность LottieFiles продолжают расти, поэтому давайте узнаем о них немного больше.

Краткая история LottieFiles

LottieFiles является создателем формата файлов Lottie. Все началось в 2015 году, когда инженер использовал Adobe After Effects для создания нового плагина под названием

Бодимовин который отображает формат JSON анимации в реальном времени. JSON — это текстовое представление файлов JavaScript, которое упрощает и делает более доступным использование для веб-разработчиков.

Где-то в 2016 году мозги Airbnb — мы знаем, это так же странно, как и звучит — объединились с их ведущий аниматор и разработал библиотеки iOS и Android, которые могут отображать этот новый, быстрый тип файла, используя JSON. Они назвали тип файла Lottie в честь Шарлотты Лотты Райнигер, немецкого кинорежиссера и пионера силуэтной анимации.

Имея инженерное образование и навыки анимации который был у команды Airbnb, оригинальный плагин рендеринга JSON смог стать тем, чем он является сегодня.

Теперь, когда вы ознакомились с предысторией LottieFiles, мы поделимся подробностями, которые заставят вас захотеть использовать Lottie самостоятельно.

Что делает файлы Lottie такими популярными?

Идея того, что анимацию Lottie можно визуализировать с помощью JSON, текстовой системы, позволяет делать многие вещи, которые не могут делать GIF или PNG. Самым большим плюсом является то, что файл JSON может быть легко отредактирован кем угодно после его первоначального создания, в отличие от GIF.

У LottieFiles есть сообщество GitHub, которое поощряет инженеров, аниматоров и любопытных людей создавать и исследовать то, что может предложить LottieFiles. Это постоянно продвигает LottieFiles для творческого сообщества.

Для среднего создателя, который может не интересоваться «как» и «почему» Лотти, что-то, что может побудить вас включить Лотти в свои проекты. заключается в том, что размер файла намного меньше, чем типичный PNG, GIF или другие форматы анимации, но при этом он работает с гораздо более высоким качеством из-за его рендеринга. стиль. Вы не отказываетесь от качества, используя Lottie в своих проектах.

Анимации Lottie полностью масштабируются, не превращаясь в пиксели, что упрощает разработку на устройствах или экранах разных размеров. Файлы Lottie доступны в большем количестве операционных систем, чем другие библиотеки рендеринга, поэтому вы можете работать с этими файлами из любого места, включая Mac, iOS, Android, Microsoft и Qt.

Связанный: Отличные места для поиска 3D-моделей для цифрового дизайна

Как получить доступ к файлам Lottie

Несмотря на то, насколько сложными могут показаться эти файлы для создания или использования, на самом деле их очень просто реализовать в ваших проектах. Вы можете найти плагины LottieFiles в Adobe XD, Figma, Framer X и ProtoPie, так что вы можете установить готовые анимации Lottie. Вы также можете внедрить их в свой рабочий процесс с параметрами без кода в Elementor для WordPress, Webflow и Kodika.io.

Помимо использования готовых файлов Lottie, большинство из которых поставляются с бесплатными коммерческими лицензиями, существует множество программ, которые можно использовать с Плагин LottieFiles для создания собственных анимаций Lottie, таких как Adobe After Effects, Adobe Animate, Inkscape, Sketch и Cavalry для назовите несколько. Плагин LottieFiles визуализирует вашу анимацию в Lottie, и это все, что нужно для создания великолепных анимаций в этом формате файла.

Связанный: Что такое Adobe Animate и что с ним можно делать?

Начните использовать файлы Lottie в своих проектах

Невооруженным глазом Lottie выглядит так же, как другие стандартные форматы анимации, поэтому вы, возможно, задавались вопросом, из-за чего весь этот шум. Теперь, когда вы знаете больше о LottieFiles, о том, как появился Lottie и что они могут предложить, вы почти наверняка захотите начать использовать их в своем рабочем процессе.

10 лучших программных систем для 2D-анимации

Вот наш список лучших приложений для 2D-анимации, которые вы можете использовать в 2021 году.

Читать далее

Об авторе