Перейти к содержимому
SUPA

Объекты: Анимация (Lottie)

Векторные Lottie-анимации: библиотека LottieFiles, загрузка своих JSON и TGS, настройка скорости и зацикливания, редактор цветов.

Lottie — формат векторных анимаций: файлы маленькие, а качество не теряется при любом масштабе.

Как добавить

  1. Откройте раздел «Анимации» в левой панели.
  2. Выберите категорию «Lottie-анимации».
  3. Нажмите на анимацию, чтобы добавить её на холст.

Полная библиотека LottieFiles

  1. Нажмите «Авторизоваться в LottieFiles».
  2. Авторизуйтесь на сайте LottieFiles.
  3. Дайте разрешение на использование.
  4. Вернитесь в SUPA — полная библиотека станет доступна.

Подробнее о коллекции: Библиотека Lottie-анимаций.

Своя анимация

Перетащите JSON-файл на холст или скопируйте (Ctrl/⌘ + C) и вставьте (Ctrl/⌘ + V). Поддерживаются и TGS-файлы — анимированные стикеры Telegram.

Максимальный размер файла — 10 МБ.

Настройки

  • Заменить Lottie — выбрать другую анимацию.
  • Скорость — ползунок от 0.1x до 7x.
  • Зацикливание — «Да», чтобы анимация повторялась бесконечно, «Нет», чтобы проиграть её один раз.

Редактор цветов

Вкладка «Цвета» показывает все цвета анимации: нажмите на цвет, и перекрасятся все элементы этого цвета.

Вкладка «Слои» даёт доступ к каждому элементу: измените его цвет или скройте, нажав на значок глаза.

Кнопка «Сбросить» возвращает исходные настройки.

Особенности

  • Lottie-анимации проигрываются в режиме видео.
  • Масштабируются без потери качества.
  • Поддерживают стандартные анимации объектов — стартовую, основную и финальную.