Всем привет! Не так давно я столкнулась с проблемой загрузки плагина Lottie на свой компьютер. Мне было сложно понять, как им пользоваться. Могу поделиться с вами полезным гайдом, надеюсь поможет). Погнали!
1) Прежде всего, вам необходимо установить Adobe After Effects на свой компьютер.
2) Перейдите по ссылке на сайт: Link и найдите кнопку Скачать zxp.
3) Загрузите плагин ZXP и перейдите по этой ссылке: Link. Там вам нужно скачать ZXP Installer, чтобы ваш плагин заработал.
4) Запустите ZXP Installer и переместите туда скачанный архив (плагин).
4) Затем создайте анимацию, которую вы хотели бы видеть в формате GIF, и добавьте на свой сайт или загрузите в Figma.
Есть два варианта, как это сделать: вы можете создавать векторные фигуры в AE (смотрите мои другие истории и создавайте анимацию вместе со мной!), используя панель в верхней части экрана или вы можете создать иллюстрацию в Adobe Illustrator (сохранить в формате ai ) и добавьте этот файл в рабочую область AE.
Если вы предпочитаете второй вариант, загрузите файл с такими параметрами:
Затем вам нужно переместить эти файлы в пространство рендеринга, как показано на картинке:
Я использую эти параметры для этого:
И последний шаг, чтобы ваша иллюстрация двигалась, — это создание фигур из векторного слоя, поэтому я рекомендую, прежде чем загружать свой ai-файл в AE, убедиться, что вы создаете его правильно: со слоями и без бардака.
После этого вы увидите как векторный слой, так и слой ai. Вы можете легко удалить файлы ai и работать только в векторе.
5) После того, как вы будете готовы загрузить свою анимацию на панель управления Lottie, перейдите в «Окно» — «Расширения» — «LottieFiles» в AE.
Нажав на зеленую стрелку, вы начнете рендерить свою анимацию. После этого нажмите Загрузить.
На панели инструментов Lottie вы увидите свои анимации и можете скачать их в разных форматах.
Чтобы загрузить его в Figma, вам нужно установить плагин Lottie и загрузить туда свою анимацию в формате JSON.
Затем выбирайте формат GIF и большой размер и наслаждайтесь результатом! Вы можете посмотреть анимацию в движении в прототипе.
Работайте с умом, а не усердно! Желаю вам удачи и надеюсь, что это руководство упростило первые шаги в работе с AE.