Как сделать Lottie-анимацию бесплатно без СМС и регистрации

Как сделать Lottie-анимацию и не платить?

Lottie-анимации — это легкий способ оживить дизайн сайта или приложения. Они выглядят стильно, весят меньше, чем видео, и поддерживают прозрачность. Но как создать такую анимацию, если бюджет ограничен? Я расскажу, как сделать это бесплатно, используя три удобных сервиса.

Lottie - анимация (пример оформления)

Что вам понадобится?

1. Lottiefiles — основной инструмент для создания и работы с Lottie-анимациями.
2. Iconscout Converter — для конвертации Lottie-анимации в формат GIF.
3. RedKetchup GIF Resizer — чтобы оптимизировать вес итогового GIF-файла.

Шаг 1. Создайте анимацию на Lottiefiles

• Зарегистрируйтесь на Lottiefiles или войдите в свой аккаунт.
• Вы можете:

1. Найти готовые анимации в библиотеке. (самый простой вариант)
2. Загрузить свой файл в формате svg и далее сделать анимацию изображения, инструкцию можно найти в интернете, здесь я описываю как сделать ее бесплатной ( более сложный и уникальный вариант)

• Когда анимация готова, скачайте файл в формате JSON.

Как это сделать?

• Первым делом в режиме редактирования делаем экспорт, далее выбираем рабочую папку, можно любую в целом никакой разницы нет.

Экспорт проекта

• Затем выбираем наш файл JSON в который мы экспортируем

Скачивание файла в JSON-формате

💡 Совет: Если вы используете готовую анимацию, выберите ту, что соответствует вашему проекту, и слегка кастомизируйте её, чтобы она выглядела уникально.

Шаг 2. Конвертируйте Lottie в GIF

Теперь у вас есть JSON-файл, но не все платформы поддерживают Lottie-анимации. Решение — конвертировать её в GIF.

Перейдите на Iconscout Lottie-to-GIF Converter.

Платформа конвертирования

1. Загрузите свой JSON-файл.
2. Настройте параметры анимации:

Качество (рекомендуется оставить на высоком).

Размер (выберите стандартный или чуть меньше для оптимизации).

• Скачайте GIF-файл.

Шаг 3. Оптимизируйте вес GIF

GIF-файлы могут занимать много места, особенно если анимация сложная. Чтобы ускорить загрузку сайта, оптимизируйте файл:

Откройте RedKetchup GIF Resizer.

Оптимизация GIF-файла

1. Загрузите свой GIF-файл.
2. Уменьшите размеры GIF (например, с 1080px до 720px).
3. Проверьте итоговый вес файла и скачайте его.

💡 Совет: Не стоит сильно снижать качество, чтобы анимация не выглядела размыто.

Итог

Вот и всё! Используя эти три инструмента, вы получите стильную и легковесную Lottie-анимацию абсолютно бесплатно:

• Создали анимацию на Lottiefiles.
• Конвертировали её в GIF на Iconscout.
• Оптимизировали файл с помощью RedKetchup.

Теперь у вас есть готовая анимация, которую можно использовать на сайте, в презентации или в соцсетях.

А если вы хотите, чтобы ваши анимации стали частью профессионального сайта, обращайтесь в Authweb — мы знаем, как создавать дизайн, который впечатляет!