Перейти к содержимому

Где бесплатно брать и использовать Lottie анимацию? Редактируем и анимируем json на webflow

Фриланс прокачка

0:00 / 0:00

Где бесплатно брать и использовать Lottie анимацию? Редактируем и анимируем json на webflow

3 420 просмотров · 3 г. назад
Фриланс прокачка
22,4 тыс. подписчиков
3 420 просмотров · 3 г. назад
#webflow #вебфлоу Для начала вы спросите, что такое этот json и что еще за Lottie анимация? Если коротко - то это тип векторного файла, который включает в себя последовательность кадров, которыми мы можем управлять за счет анимаций доступных в вебфлоу. Проще говоря, это типа анимированных svg которые будут проигрываться при заданных нами условиях, буть то наведение, клик, движение мышки или скролл страницы. Сама анимация, подобна видео, которым мы легко сможем управлять. Так же, я покажу где именно бесплатно брать такие анимированные файлы, как их легко редактировать и использовать на сайте, на примере меню на мобильных устройствах (бургера) который будет открываться и закрываться, это самый популярный способ использования лотти анимации. Ну и в добавок я покажу как анимировать большие иллюстрации, с помощью разнообразных типов взаимодействия с ними и прочими элементами. Ссылка на сайт с видео — https://lottiefiles.com/ ••••••••••••••••••••••••••••••• ✅ 📌 СЕКРЕТНЫЕ МАТЕРИАЛЫ ➡️ https://t.me/webflow_free (да, это самая полезная ссылка 😉 там есть ВСЕ, что вам нужно, если хотите зарабатывать хорошие деньги и да там есть БЕСПЛАТНОЕ обучение 😎) ••••••••••••••••••••••••••••••• Моя почта — artstrangers@gmail.com Телеграм https://t.me/artstranger ••••••••••••••••••••••••••••••• Таймкоды: 00:00 Примеры того, о чем видео и чему я вас сегодня научу 00:25 Сайт где брать Lottie анимацию — https://lottiefiles.com 02:57 Добавляем скаченную анимацю в вебфлоу 05:04 Редактируем json онлайн 05:39 Заменяем старый файл на новый отредактированный + стилизируем его 07:10 Создаем анимацию для бургера меню (открытие/закрытие) 10:54 Делаем более сложную анимацию для первого экрана на основе большой и сложной "картинки" 12:48 Подбираем подходящий вариант изображения 13:15 Загружаем и делаем разнообразные типы взаимодействия при помощи интеракций вебфлоу 24:07 Выводы