Найти тему
Stasyabis

Как скачать плагин Lottie для Adobe After Effects на Windows и начать им пользоваться

Всем привет! Не так давно я столкнулась с проблемой загрузки плагина Lottie на свой компьютер. Мне было сложно понять, как им пользоваться. Могу поделиться с вами полезным гайдом, надеюсь поможет). Погнали!

1) Прежде всего, вам необходимо установить Adobe After Effects на свой компьютер.

2) Перейдите по ссылке на сайт: Link и найдите кнопку Скачать zxp.

Вебсайт Littie Files
Вебсайт Littie Files

3) Загрузите плагин ZXP и перейдите по этой ссылке: Link. Там вам нужно скачать ZXP Installer, чтобы ваш плагин заработал.

ZXP Installer
ZXP Installer

4) Запустите ZXP Installer и переместите туда скачанный архив (плагин).

Запустите ZXP Installer
Запустите ZXP Installer

4) Затем создайте анимацию, которую вы хотели бы видеть в формате GIF, и добавьте на свой сайт или загрузите в Figma.
Есть два варианта, как это сделать: вы можете создавать векторные фигуры в AE (смотрите мои другие истории и создавайте анимацию вместе со мной!), используя панель в верхней части экрана или вы можете создать иллюстрацию в Adobe Illustrator (сохранить в формате ai ) и добавьте этот файл в рабочую область AE.

Если вы предпочитаете второй вариант, загрузите файл с такими параметрами:

Попап в AE
Попап в AE

Затем вам нужно переместить эти файлы в пространство рендеринга, как показано на картинке:

Страница в AE
Страница в AE

Я использую эти параметры для этого:

Попап в AE
Попап в AE

И последний шаг, чтобы ваша иллюстрация двигалась, — это создание фигур из векторного слоя, поэтому я рекомендую, прежде чем загружать свой ai-файл в AE, убедиться, что вы создаете его правильно: со слоями и без бардака.

Попап в AE
Попап в AE

После этого вы увидите как векторный слой, так и слой ai. Вы можете легко удалить файлы ai и работать только в векторе.

Страница в AE
Страница в AE

5) После того, как вы будете готовы загрузить свою анимацию на панель управления Lottie, перейдите в «Окно» — «Расширения» — «LottieFiles» в AE.

Попап в AE
Попап в AE

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

Попап в AE
Попап в AE

На панели инструментов Lottie вы увидите свои анимации и можете скачать их в разных форматах.

Попап в Lottie Files
Попап в Lottie Files

Чтобы загрузить его в Figma, вам нужно установить плагин Lottie и загрузить туда свою анимацию в формате JSON.

Фигма
Фигма

Затем выбирайте формат GIF и большой размер и наслаждайтесь результатом! Вы можете посмотреть анимацию в движении в прототипе.

Фигма
Фигма

Работайте с умом, а не усердно! Желаю вам удачи и надеюсь, что это руководство упростило первые шаги в работе с AE.

Обложка
Обложка

Чтобы сказать привет, используй

Email: stasyabis7@gmail.com

Telegram, Medium, LinkedIn: @stasyabis

Viber: +79877503993

Портфолио: Behance

Фотографии: Unsplash

Вебсайт: Website