Lottie-анимация в тильде
Рет қаралды 5,667
Күн бұрынДрузья, привет!
В этом видео научу вас добавлять lottie анимацию в тильду несколькими способами. Также научимся конвертировать обычные видео, формата mp4 или avi в json файл и затем загружать в тильду.
Мой сайт, где можете взять код:
dsgnmax.ru/lottie-animation
Мой телеграм-канал:
t.me/dsgnmax
Чат для общения и помощи:
t.me/dbmchat
Мои контакты:
dsgnmax.ru/link
Как и обещал, конвертер видео в формат JSON:
isotropic.co/tool/video-to-lo...
00:00 Вступление
01:12 Примеры анимаций
02:25 Что такое lottie
03:26 Работа с сайтом lottiefiles.com
07:46 Анимация с автоматическим проигрыванием
10:04 Анимация по скроллу
13:58 Анимация по наведению
15:59 Анимация по клику
16:56 Анимация по позиции курсора
17:21 Просто способ добавления анимации
19:31 Делаем из любого видео файл lottie
#tilda #тильда #дизайн #lottie
@problem0ffic3r Жыл бұрын
Шикарно! Огромное спасибо, Максим! Обнял-приподнял:)
@designmax Жыл бұрын
Ахаха, пользуйся на здоровье)
@klimakov4161 Жыл бұрын
Очень классно! Ты первый, у кого я вижу такое видео, вроде никто не показывал этого) спасибо 🎉
@designmax Жыл бұрын
супер, спасибо)
@7emenovi4 3 ай бұрын
Здравствуйте! Спасибо за полезные видео, особенно за внедрения данных анимаций! Лайк! Вопрос, а возможно сделать так, чтобы анимация проигрывалась без зацикливания? Один раз при загрузке и остановилась. Спасибо!
@oknehcvark Жыл бұрын
Много полезной информации. Ваааау! Благодарю тебя!
@designmax Жыл бұрын
Пожалуйста) рад, что заходит такой контент)
@user-gb2bc5rk7u Жыл бұрын
Спасибо, Макс! Очень полезное видео 👍
@designmax Жыл бұрын
Пожалуйста)))
@pavelkorolev4575 8 ай бұрын
Спасибо бро 👍
@beaversupertooth 4 ай бұрын
пушка! спасибо
@shlkkk Жыл бұрын
спасибо огромное!
@designmax Жыл бұрын
пожалуйста)
@user-to6zl7sy5c Жыл бұрын
Крутяк!!! все подробно и понятно )))
@designmax Жыл бұрын
Рад, что зашло)
@prohlada4932 Жыл бұрын
Спасибо большое и за сайт все мега удобно и понятно
@designmax Жыл бұрын
Пожалуйста, рад что пользуетесь)
@PotapovVladimir Жыл бұрын
Макс, спасибо!
@designmax Жыл бұрын
Пожалуйста))
@polinapolkovskaya3146 Жыл бұрын
Привет! Большое спасибо за урок, очень помог! Единственное, можно каким либо образом стопануть анимацию на последнем кадре? Типа чтобы проигралась один раз?
@daniktem Жыл бұрын
Спасибо за гайд!
@designmax Жыл бұрын
пожалуйста)
@user-mr7eq5zy6q 4 ай бұрын
все круто сработало! супер удобный способ) но вопрос, при настройке анимации по ховеру можно ли как-то добавить ссылку в html элемент? Чтобы по клику на этот элемент ссылка в новом окне открывалась
@designmax 4 ай бұрын
Да, можно, в зеро блоке в коде с Лотти-анимацией нужно прописать href="ссылка" target="_blank"
@user-mr7eq5zy6q 4 ай бұрын
@@designmax спасибо большое!
@6yxouehot556 3 ай бұрын
Доброго времени суток! Возможно ли загрузить свой json файл в проигрыватель?
@valentincotun4750 7 ай бұрын
Здравствуйте, очень полезный урок! Можно ли использовать другой тип триггера для активации анимации? Например кнопка?
@designmax 7 ай бұрын
Да, нужно читать документацию и уже делать по ней)
@valentincotun4750 7 ай бұрын
Где я могу найти документацию? Спасибо!@@designmax
@designmax 7 ай бұрын
@@valentincotun4750 на сайте с модификацией есть ссылки)
@dariak8672 Жыл бұрын
Спасибо, очень выручил) Подскажи, пожалуйста, можно ли сделать так, чтобы анимация проигрывалась автоматически каждые n секунд? Что в коде поменять?
@designmax Жыл бұрын
Пожалуйста) нужно использовать другой скрипт для Lottie анимации) на канале есть видео, где я подробно разбираю все способы)
@dariak8672 Жыл бұрын
@@designmax Последнее видео имеешь в виду? Посмотрела, не нашла информацию( Я в итоге сделала через loop и delay, но в таком случае, что логично, первый раз проигрывается только через n секунд... Возможно, это можно решить одной строчкой кода? Или совсем другой код нужен?
@designmax Жыл бұрын
@@dariak8672 напиши мне в телеге) не совсем понимаю что именно не так)
@heblux6644 Жыл бұрын
Не могу понять, чем лотти отличается от свг анимации, только весом ? К примеру еще свг анимацию на тильду можно загружать как обычную картинку, а с лотти так не выйдет ?
@designmax Жыл бұрын
это абсолютно два разных формата) лотти нельзя загрузить как обычную картинку
@Philipp-Batus Жыл бұрын
всё очень круто, только ты забыл упомянуть, вроде, что через 24ч ссылка перестанет работать, и нам надо купить за 20$ подписку, чтобы это нормально работало
@designmax Жыл бұрын
Первый раз об этом слышу, анимация, которая сейчас на сайте, она также подгружается с моей рабочей папки в лотти, и нет никаких проблем и не требует платной подписки
@designmax Жыл бұрын
Сейчас действительно ввели такое ограничение) буду готовить новый способ)
@Alexeybelozerov Жыл бұрын
@@designmax интересно, есть ли новый способ без обновления каждые 24 часа?
@designmax Жыл бұрын
@@Alexeybelozerov есть, но через загрузку на гихаб, я скоро запишу на эту тему видео
@Alexeybelozerov Жыл бұрын
@@designmax здорово, ждём!
@mars77775 Жыл бұрын
конвертер в json не работает
@designmax Жыл бұрын
сейчас проверил, всё работает, возможно не так что-то сделали)
Макс Щукин — design by max
Рет қаралды 6 М.
Anyaischuk LIVE
Рет қаралды 9 МЛН
Oddly Satisfying
Рет қаралды 20 МЛН
Anyaischuk LIVE
Рет қаралды 5 МЛН
Школа Молнии для дизайнеров сайтов на Тильде
Рет қаралды 12 М.
Мирошкин Олег | Состоятельный геймдев
Рет қаралды 5 М.
PASTUKHOV
Рет қаралды 518
Anyaischuk LIVE
Рет қаралды 9 МЛН