Paletoo Відкрити редактор

Анімація Lottie онлайн

Анімація Lottie онлайн без After Effects: анімуйте шрифт і фігури — по кліку на кожну — й експортуйте легкий файл для сайтів і застосунків.

Почати безкоштовноВідкривається в браузері · без реєстрації · без водяного знака

Почніть з одного з цих

Справжні документи й результати з Paletoo — відкрийте будь-який і змініть усе.

Як це працює

  1. Анімуйте

    Виберіть слово чи фігуру й відкрийте вкладку Анімація. Оберіть, як вони зʼявляються, — Підйом, Друк, Стрибок та інші, по літері, слову чи рядку, — і натисніть Відтворити, щоб подивитися.

    Постер з анімованими літерами і відкрита вкладка «Анімація»
    Постер з анімованими літерами і відкрита вкладка «Анімація»

  2. Експортуйте в Lottie

    Натисніть Експорт і виберіть Lottie — «Векторна анімація для застосунків і сайтів». Для тексту оберіть Контури чи Текстові шари, для файлу — JSON чи dotLottie, і натисніть Перегляд, щоб побачити, як він грає в lottie-web.

    Вікно «Експорт» з усіма артбордами й трьома файлами одразу
    Вікно «Експорт» з усіма артбордами й трьома файлами одразу

  3. І відео теж

    Для соцмереж чи відеоредактора експортуйте ту саму анімацію в MP4 чи GIF або у WebM із прозорим тлом, щоб накласти її поверх відео.

    Вікно «Експорт» з вибраним WebM і прозорим фоном
    Вікно «Експорт» з вибраним WebM і прозорим фоном

Що ви отримуєте

Запитання

Анімація Lottie тут безкоштовна?

Так. Анімація й експорт у Lottie, MP4, GIF і WebM нічого не коштують і не мають водяного знака. Кредити потрібні лише для генерації зображень ШІ та матеріалів.

Що таке файл Lottie?

Невеликий файл JSON, який описує анімацію векторними фігурами й ключовими кадрами. Сайти й застосунки відтворюють його програвачем Lottie, тож він чіткий у будь-якому розмірі й важить значно менше за відео.

JSON чи dotLottie — що вибрати?

JSON — коли розробник просить «файл Lottie» або працює з lottie-web; зображення в ньому всередині. dotLottie пакує JSON і зображення в один менший файл, який читають LottieFiles і новіші програвачі.

Контури чи текстові шари — у чому різниця?

Контури перетворюють літери на фігури: вони однакові всюди й не потребують шрифтів. Текстові шари лишають слова редагованими, але малюються шрифтом, встановленим у глядача; літери, що рухаються окремо, у будь-якому разі лишаються контурами.

Чому деякі шари стали зображеннями?

Деяких речей Lottie описати не може: фото, ефекти, стилі, окремі види обведення. Такі шари вбудовуються зображеннями й однаково рухаються ключовими кадрами; вікно «Експорт» перелічує кожен із них і причину ще до експорту.

Чи можна відкрити файл в After Effects?

Так, через імпортер Lottie для After Effects. Це стандартний Lottie: трансформації, фігури, градієнтні заливки, маски для витирання й появи та розмиття за Гаусом.

Як перевірити файл, перш ніж його віддати?

Натисніть «Перегляд» у вікні «Експорт»: файл грає в lottie-web — програвачі, яким користується більшість сайтів, — саме таким, яким його буде записано.

Чи можна зациклити анімацію?

Так. Задайте повтор на вкладці «Анімація»; експортований файл триває стільки, скільки анімація на артборді, з тією самою частотою кадрів, а програвачі Lottie зазвичай повторюють його самі.

Дізнатися більше

Уроки крок за кроком

У довідці

Інші інструменти

Усі інструменти

Зробіть це зараз

Paletoo відкривається в браузері. Почніть із шаблону вище або з чистого аркуша й експортуйте, коли результат вас влаштовує.

Почати безкоштовно