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

Добавление Lottie-анимации

Lottie-анимация - это простая векторная графическая анимация.

Откройте слева раздел “Анимации” и выберите объект из категории Lottie-анимации.

Авторизация в LottieFiles для доступа к библиотеке анимаций

Обратите внимание, что полная библиотека Lottie-анимаций доступна только при авторизации в сервисе LottieFiles и настройке доступа.
Нажмите на название категории или на кнопку “Показать все”, чтобы открыть коллекцию анимаций.

Нажмите “Авторизоваться в LottieFiles”, чтобы перейти на страницу сервиса.
Авторизуйтесь в LottieFiles удобным способом, а после этого дайте разрешение на использование стороннего плагина сервиса.

Затем вернитесь на сайт SUPA.
Теперь вам доступна вся библиотека Lottie-анимаций.
Вы также можете добавить на холст свою Lottie-анимацию с компьютера, в формате JSON. Перенесите файл из проводника на холст или вставьте его, используя горячие клавиши Ctrl-C и Ctrl-V. Анимация будет загружена в раздел “Загрузить” и появится на холсте.

Настройка Lottie-анимации

Каждая Lottie-анимация имеет множество настроек.

Выделите её, чтобы открыть следующие настройки:

● Замена Lottie-анимации
● Скорость воспроизведения
● Зациклить воспроизведение
● Редактор цветов анимации
● Отображение слоёв

Замена Lottie-анимации

Чтобы заменить Lottie-анимацию, выделите её и нажмите в меню справа кнопку “Изменить Lottie”.
Выберите необходимую анимацию из истории загрузок или из категории “Lottie-анимации” раздела “Анимации”.

Скорость

Вы можете настроить скорость воспроизведения анимации.

Для этого выделите Lottie-анимацию и установите в меню справа ползунок “Скорость” на значение от 0,1 до 7.

Зациклить

Вы можете выбрать, будет ли Lottie-анимация воспроизводиться один раз или она будет зациклена.

Выделите Lottie-анимацию и нажмите справа выпадающее меню настройки “Зациклить”. Выберите нужный вариант из предлагаемых:

● Да
● Нет

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

Lottie-анимация - это объект, состоящий из множества отдельных элементов-слоёв.
Вам доступна настройка их цветов двумя способами.

Изменение цвета для группы элементов

Выделите Lottie-анимацию и найдите справа раздел настройки “Редактор Lottie”.

По умолчанию открыта вкладка “Цвета”. Здесь перечислены все цвета, использованные в анимации, а также количество элементов с такими цветами.

Нажмите на иконку цвета, чтобы открыть палитру и выбрать нужный цвет. Все элементы данной группы будут перекрашены в новый цвет.

Настройка отдельного элемента

Во вкладке “Слои” вы можете настроить отдельно каждый элемент Lottie-анимации.

Вы можете выбрать цвет любого элемента или вообще скрыть его.

Нажмите на иконку цвета, чтобы открыть палитру и выбрать нужный цвет.

Если вы хотите скрыть элемент, щелкните по иконке перечёркнутого глаза.

Чтобы сбросить все изменения, нажмите на кнопку “Сбросить”.

Анимированные стикеры Telegram

В SUPA есть возможность использовать файлы с расширением *.tgs - это анимированные стикеры из Telegram.

Чтобы сохранить стикер Telegram как файл, нажмите на него в диалоге правой кнопкой и выберите пункт “Сохранить как…”, укажите путь и нажмите кнопку “Сохранить”.
Перетащите файл из проводника на холст SUPA, где он появится сразу после загрузки. После этого стикер останется доступным для использования из истории загрузок.