ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
Анимация по скроллу с WOW эффектом на
ฝัง
- เผยแพร่เมื่อ 16 ส.ค. 2024
- Хэээй, привет- привет!
Я подготовила для Вас серию видео в которых рассказываю как реализовать интересные анимации на тильда.
В этом видео мы разберем как создать step-by-step анимацию по скроллу с фиксацией, вращением и исчезновением. Интересно? Тогда погнали смотреть видео)
Все уроки из этой серии можно найти здесь: • Серии уроков по анимации
Навигация:
0:00 Приветствие
0:43 Что будет в этом видео
1:26 Создаем изогнутый текст
6:35 Анимируем фоновую фотографию
10:15 Создаем пространство для скролла
11:05 Анимируем круг-подложку
14:49 Анимируем изогнутые текста
20:40 Анимируем кружок по середине
26:36 Анимируем линию
29:38 Заключение
Если есть вопросы или пожелания, жду их в комментариях или пиши в direct / karinasdreams
Меня зовут Карина и я веб-дизайнер, создаю сайты на #Тильда . Я обожаю делиться знаниями и опытом и поэтому снимаю видео для TH-cam и веду блог о дизайне в Instagram.
Блог о дизайне и фрилансе:
/ karinasdreams
Моё портфолио:
webdeskarina.t...
#tilda #zeroblock
Спасибо за видео, Карина! Анимация супер!
Я в данный момент заканчиваю курс по Тильде. Делала как то учебную открытку с анимацией. Даже сложнее вашей оказалось. Но процесс завораживает! ❤
Молодец Карина, супер.
Благодарю ☺️
Такой текст ещё можно сделать вручную, если каждую букву подгонять по анимации (для короткого слова например), но способ с плагином намного удобнее) Эффекты клёвые.
Если в тильда по букве делать будет очень заморочно+ ещё адаптация 😱
Лайк!
Здравствуйте! А есть возможность адаптации всего этого под мобильное устройство?
Привет! Даа, анимация по скроллу работает на всех устройствах