Что такое Lottie
Lottie — это формат файлов анимации с открытым исходным кодом на базе текстовых данных JSON (англ. JavaScript Object Notation). По сути, это код, который описывает движение векторных объектов: линий, фигур и точек. Браузер или приложение считывают эти инструкции и отрисовывают графику в реальном времени.
Lottie бесконечно масштабируется без появления пикселей и весит в десятки раз меньше, чем GIF-анимация или видео. Помимо экономии места, формат дает возможность работать с интерактивностью — настроить запуск анимации по наведению курсора или привязать движение на баннере к прокрутке страницы или кликам.
Где взять Lottie-анимацию
Основной источник готовых анимаций — специализированные библиотеки и онлайн-каталоги, такие как lottiefiles.com. Там доступны тысячи бесплатных и платных файлов, которые можно сразу использовать в работе.
Если же нужно создать уникальную анимацию, дизайнеры обычно используют профессиональный редактор Adobe After Effects с плагином Bodymovin. Он конвертирует готовый проект в тот самый JSON-файл, который считывает проигрыватель Lottie.
Как работать с Lottie в deaz.io
В редакторе deaz.io поддержка Lottie реализована через раздел «Элементы». Чтобы добавить анимацию в проект, достаточно загрузить подготовленный JSON-файл.
После добавления элемента на холст можно сразу отрегулировать скорость и зацикливание анимации, а сами объекты Lottie — свободно масштабировать и перемещать по макету без потери качества. При экспорте система автоматически собирает HTML5-архив так, чтобы анимация корректно отображалась на выбранной площадке — баннер готов к загрузке в рекламный кабинет сразу после скачивания.
