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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Давайте дружить и делиться опытом!
Мои работы на Behance: Link
Блог на Medium: Link
Фотографии на Unsplash: Link

2
Начать дискуссию