Преобразуйте короткие фрагменты в полезные анимации для пользовательского интерфейса.
Кнопки, состояния загрузки и сообщения об успехе. Воспроизведите реальные экспортные файлы, скачайте исходные файлы или конвертируйте их самостоятельно.
Преобразуйте свой клипЭкспорт видео – это файлы Lottie ZIP, содержащие изображение, без редактируемых векторных путей. Эти примеры сохраняют исходный фон и могут быть больше, чем MP4.
01
Обратная связь по кнопке
Короткое нажатие и эффект волны для призыва к действию.
Воспроизведение один раз после действия пользователя. В живом интерфейсе, отображать завершение только когда реальное действие успешно выполнено.
- Фактические экспорт
- 480 × 270 px
- Продолжительность / частота кадров
- 3 s / 24 fps
- Источник MP4
- 13.4 KiB
- Lottie ZIP
- 171.5 KiB
Настройки: 480 px · 24 fps · 70% качества · Полная заставка · Оригинальный фон.
02
Загрузка в цикле
Непрерывно вращающийся индикатор для состояния ожидания.
Цикл выполняется пока выполняются задачи, и останавливается после завершения. Используйте с текстовым статусом и альтернативным вариантом с уменьшенной скоростью.
- Фактические экспорт
- 480 × 270 px
- Продолжительность / частота кадров
- 3 s / 24 fps
- Источник MP4
- 13.8 KiB
- Lottie ZIP
- 150.1 KiB
Настройки: 480 px · 24 fps · 70% качества · Полная заставка · Оригинальный фон.
03
Успешное подтверждение
Нарисованный галочка для завершенного действия.
Воспроизведите один раз после успешного подтверждения. Сохраните конечный результат или текст подтверждения видимым.
- Фактические экспорт
- 480 × 270 px
- Продолжительность / частота кадров
- 3 s / 24 fps
- Источник MP4
- 8.5 KiB
- Lottie ZIP
- 118.1 KiB
Настройки: 480 px · 24 fps · 70% качества · Полная заставка · Оригинальный фон.
От примера к вашему продукту
- Загрузите пример, просмотрите его настройки и выполните рендеринг. Затем выберите «Использовать свой файл», чтобы протестировать свои материалы.
- После успешного экспорта вашего файла, используйте сохраненные настройки экспорта в данном браузере. Просмотрите обрезку, укорочение и фон для каждого нового клипа.
- Сохраните JSON-файл и изображения вместе на вашем сайте, а затем проверьте поведение воспроизведения, повтора и остановки.
Метод и использование: эти оригинальные образцы EasyLottie могут использоваться в личных и коммерческих проектах. Результаты были сгенерированы в этом конвертере и проверены в веб-плеере Chrome; для нативных iOS, Android и других плееров требуется отдельное тестирование. Настройки просмотра, контрольные суммы файлов и дата теста.