Измените цвета Lottie-анимации

Подберите для анимации свои цвета. Откройте её в Libre, выделите графику и измените заливки или обводки. Обновлённый Lottie-файл можно скачать бесплатно.

Изменить цвета Lottie

Редактирование и экспорт бесплатны. Аккаунт не нужен.

Редактор и документация на английском.

Перекрасьте анимацию

  1. Импортируйте файл

    Откройте Studio и нажмите Import. Выберите Lottie JSON или dotLottie и убедитесь, что импортированная анимация выглядит правильно.

  2. Найдите фигуру

    Выделите её на холсте или в панели Layers. Раскройте группу, если нужно добраться до отдельной фигуры.

  3. Выберите цвет

    Откройте настройки заливки или обводки в Properties и задайте цвет. Для градиента измените нужные цветовые точки. Если цвет анимирован, проверьте его ключевые кадры.

  4. Проверьте и скачайте

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

Какие цвета можно изменить

  • Так редактируются векторные заливки и обводки. Цвета, уже записанные в пикселях встроенного изображения, нужно менять в самом изображении.
  • Общей палитры с заменой цвета сразу во всём файле нет. Измените нужные фигуры и проверьте их ключевые кадры.

Хотите сначала попробовать? Откройте редактируемый пример Success.