Настройка анимации в Zero Block: 3 крутых сценария
ฝัง
- เผยแพร่เมื่อ 28 พ.ค. 2024
- На бесплатном мастер-классе основатель и арт-директор студии «Молния» Сергей Ананьев разберёт несколько кейсов c настройкой сложной анимации на лендинге в Zero Block.
◾ Исходники изображений: disk.yandex.ru/d/RfuC0A-svpaELw
◾ Инстаграм Сергея: / ananiev_design
◾ Студия «Молния»: flashfamily.ru
🌟 Посмотреть больше разных эффектов в Zero Block: tilda.link/playlist-animation
🌟 Учебник по веб-анимации: tilda.education/web-animation...
🌟 Подробнее о настройке пошаговой анимации: help-ru.tilda.cc/zero/advance...
На вебинаре разберём:
00:00 - Вступление
09:43 - Анимация векторных персонажей
43:09 - Тонкости пошаговой анимации по скроллу
1:04:00 - Настройка зависимой анимации
1:17:00 - Ответы на вопросы
✨ Ближайшие вебинары Tilda Publishing: webinars.tilda.cc
👉 Создать сайт на Tilda: tilda.cc/ru
◾ Школа Тильды: tilda.school
🤩 Онлайн-журнал для дизайнеров, маркетологов и предпринимателей Tilda Education: tilda.education
Подписывайтесь на нас в соцсетях:
◾ Telegram: t.me/tildanews
◾ VK: tildapublishing
◾ Instagram: / tildapublishing
Оставить отзыв о работе на платформе Tilda: tilda.cc/ru/otzyvy
Здравствуйте! Сергей, Вы молодец! Спасибо за разъяснение. Школа Тильды не ведётся на такие прибамбасы с секретами. Респект и уважуха!
отличный урок. Всё четко и понятно. У меня появился еще один любимый спикер у Тильды))
Спасибо! Мы рады 😃
училась у Сергея, спасибо за мои первые шаги и первого заказчика!
Класс!
Сергей, спасибо огромное за эфир. Очень круто и ясно понятно. Сегодня я закрыла свои вопросы по анимации заголовков и текста полностью. Буквально месяц назад, так и не смогла найти решение, пришлось использовать другой вариант.
Сергей, спасибо огромное за эфир. Очень круто и ясно понятно.
Спасибо. Всё очень понятно и вдохновляюще.
Очень понравилось! Всё просто, доходчиво и понятно даже мне :D
Спасибо, всё очень просто и понятно.
Супер клёвая анимация! Спасибо огромное за такие решения! Особенно про текст зашло, как раз у меня стояла задача как скрыть большой текст! Супер все во время!
Спасибо)
Для того, чтобы при наведении голова менялась мгновенно (без мини-задержки) - просто поставьте "Duration" на значение 0.01 вместо 0.1 😉
Спасибо, не думал использовать сотые))
Спасибо большое! Всё понятно 👍👍👍
Контент огонь! Респект и уважуха!!!
Вау, думал знаю все функции. Спустя 2.5 года открытие, что есть разный скейл у x/y в сбс анимации.
Спасибо. Класс 👍👍👍
10:55 "я разрезал уже заранее, отдельно тело, отдельно руку и отдельно две версии головы" 🥲
Спасибо большое
Спасибо))))
Можно ли еще раз загрузить исходники?
добрый день. Спасибо за вебинар. Очень понятно и доходчиво. У меня вопрос есть, когода делаем анимацию появления текста из прозрачности снизу и добавляем поворот, почему центр поворота в начале текста с левого края. Я когда делаю у меня центр поворота в середине и такого приятного эффекта от поворота уже нет. Что я не так делаю?
Добрый день!
Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.
Сергей вы крутой! У вас есть свои уроки! Как попасть к вам на обучение?
Раньше были, сейчас пока нет. Возможно возобновлю обучение в этом году
Подскажите. В Зеро блок поставил шейп с шестерёнкой. В пошаговой анимации в позиции "ROTATE" задаю шейпу параметры вращения 30, ставлю "LOOP" и при воспроизведении шейп начинает подёргиваться. Подскажите как устранить эти дёргания? Нужно, чтобы шейп вращался медленно и плавно, в амплитуде 30-40.
Здравствуйте!
Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.
здравствуйте, у меня точно так же. Как будто анимация проигрывается с нуля, Вы как-то решили вопрос?
@@redhood1504 ротате нужно выставить 360 и увеличить время анимации. У меня заработало!
@@maestro_vivat спасибо попробую
Только узнал, что есть зеро блок... Теперь я не представляю жизнь без него!)
Сколько интересного у вас впереди! Zero block расширяет возможности 👍
анимация с человеком интересная, только как быть с версткой под другие разрешения экрана, весь этот персонаж неминуемо распадется на составные части, так как в тильде нет возможности фиксировать шейпы относительно друг друга, только относительно рабочей области в целом
Здравствуйте! На данный момент все версии в zero блок настраиваются отдельно друг от друга. Мы передаем все пожелания разработчикам.
здравствуйте, а что делать, если все также делала ( с табличками), но анимация не работает?
Добрый день!
Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.
Почему у меня рука смещается в предпросмотре, хотя изначально все настроила идеально?
Здравствуйте!
Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc.
В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.
Для ознакомления полезно. Но Сереж, ты к зеркалу то подойди, помаши себе рукой. Так, как машет этот твой анимированный мужик - это на инвалида с протезом похоже.. Плечо должно практически не двигаться, а вот предплечье - наоборот.
С Максом интереснее 😞
Что ж 😉
@@sergeyananev не слушай, отличный стрим с классным материалом и у тебя крутая студия с классными работами ,я бы с удовольствием поучился у вас и вашей команды.
@@Artem23192 спасибо)
@@sergeyananev я вообще в шоке что такие люди как ты есть ))) мне тоже понравилось супер сильно ) максимально крутые анимации и объяснения )
@@kirillolshannikov2078 Спасибо!