Большое человеческое спасибо за этот контент! Отдушина среди бесполезных видео и вебинаров, в которых больше продают свою компанию, чем дают информацию. С твоими видео сделала огромный шаг вперёд в навыке работы с Тильдой
@@design_scripts можно попросить совет? Вчера весь день провела за попытками совместить проекты Cinema и Adobe, но так ничего не вышло. Версии CINEMA 4D R14 и Adobe After Effects CS6/Adobe After Effects 2020. Adobe либо не подгружает объекты с расширением .c4d, либо отображает черный экран расширения .aec. В папку с плагинами добавляла файл C4DImporter. Что можно сделать в этой ситуации? Версии программ крякнутые, мб в этом дело.
Первая часть lottie анимации в тильде: ua-cam.com/video/yRmj1L7oxF0/v-deo.html Середина видоса немного залагала. Если кто не понял, куда тыкать - после создания "Secret gist", нужно нажать на кнопку "Raw". Она вот здесь: i.imgur.com/ZxHGSBM.png Ссылки: Код для 3D анимации Зеро Блок Тильда: yadi.sk/d/ibxcdrclAqxu3w Инструкция по установке Bodymovin: github.com/airbnb/lottie-web
А каким образом можно сделать задержку для исполнения джейсон анимации если она привязана к % от прокрутки страницы? нужно чтобы сначала объект например подъехал на первом кадре в статике, остановился по центру экрана и только после этого начать его анимацию?
Благодарю, постараюсь) Теперь, когда я вижу что-нибудь крутое, первым делом думаю не о том, как это применить у себя на сайте, а о том, как об этом рассказать на ютубе ;)
Отличное видео! Тоже ждал еще с первой части. Спасибо! Осталось не полениться, повторить). Кстати, есть вариант что такие кастомные плюхи могут в один момент слететь у клиента из-за очередного обновления тилды? Все пугают что лучше не применять сторонний код для клиентов.
Спасибо за комментарий) Про возможность слететь - не слышал такого. Это же обычные css, js, jquery. Думаю, оно слетит, только если там на тильде специально сильно накосячат с добавлением кода из T123 к основному коду сайта, и то не факт ¯\_(ツ)_/¯
Хе, я только пару месяцев назад слямзил ноут с сайта Эпла. Тот самый, с той самой анимацией. Скриншотил каждое положение его, а потом фотошопом редактировал. Потом в Зеро блоке эти фотки ставил и запилил анимацию при скролле. Вышло один в один как у Эпла😀 И вот сегодня увидел твой видос - еще один вариант как это можно делать. Очень интересно👍
Здорово)) как же круто))) но для меня это пока темный лес) у Вас заняло 11 минут, у меня часа два займет наверное😂 но круто конечно) а если не Леново, а свой продукт нужно так сделать, не получится отфотать частыми кадрами и как-то соединить? Чтобы так же по скроллу получилось?
Добрый день, подскажите как можно установить старт триггер для этой анимации, чтобы она начала проигрываться когда выедет на середину экрана? Сейчас она начинает проигрываться сразу как только верх блока касается экрана, то есть элемент еще не выехал, но уже прокрутился
Большое спасибо за видео! Подскажите, а как 2 разные анимации по скроллу вставить на одну страницу? Я пробовал код продублировать для второй анимации, но всё ломается...
Привет. Сделали все как у тебя по видео. все получилось. Спасибо! НО... ) на маках сафари анимация прыгает как бы дергается и мерцает. Не сталкивались ли с подобным? Если да, то подскажите возможные решения работы json с яблоком.
Здравствуйте, огромное спасибо за урок! Скажите пожалуйста почему у меня анимация по итогу на тильде получается на бледном сером фоне и как от него избавиться?
Скажите, чтобы поменять время старт анимации, надо менять что-то в коде? У меня анимация располагается намного ниже верха страницы и к тому моменту когда я до неё долистываю, она уже проиграна до последнего кадра
Ты просто космос, Стас! Аххах)) респект за такой уникальный и редкий контент. Действительно, информацию про анимацию объектов по скроллу, особо нигде не смог найти. Тем более такой доступной информации, которая понятна человеку, не разбирающемуся в джава скриптах. У меня вопрос.. как добавить в джава скрипт несколько контейнеров lotti-1, lotti-2, lotti-3 и так далее. Если дублировать блок с кодом и менять в нем lotti-1 на lotti-2, то один из скриптов в итоге не работает. У меня два зеро блока на одной странице, в которых я хочу запустить анимацию. Заранее спасибо!
смогли решить эту проблему? то же самое сейчас пытаюсь сделать.. все перепробовал и в одном блоке html и разными, либо не играет анимация либо вообще пропадают джейсон контейнеры
Когда в проекте делаю два нулевых блока и в каждом по разной анимации привязанных к двум html-блокам с кодом, они почему-то ломаются и не работают. В чем проблема может быть? Может можно как-то в один блок с кодом все засунуть?
А у меня вот вопрос. Получится ли в афтер эффекте сделать так же не с кадрами а с самой анимацией? то есть, если я сделаю анимацию в премьере и ее же сохраню через этот плагин, то же самое получится???
спасибо за видео :) кто сталкивался: я повторила скрипт в blank page, но когда все проделываю на полноценном сайте, то скролл не работает - все застывает. кто знает в чем проблема? спасибо
Это связано с особенностью работы. Как я понимаю, только последовательность изображений мы можем запихнуть в json файл. По итогу, у нас выходит "слайдшоу", проигрываемое с помощью скролла
@@design_scripts Хмм.. Это немного странно. Я создавал в AE небольшие анимации, типа загрузки, и выгружал их через bodymovin в json. Проверял на сайте Lottie в их конструкторе и все хорошо работало. Единственное, не пробовал еще интегрировать html код с файлом json, который предлагает Lottie, в Тильду Так или иначе, спасибо, что ответил
@@nicolasjey9597 Фишка с PNGшками честно сворована с официального курса по webflow. Я только сейчас допёр, о чём ты) Честно, даже не додумался прогнать через плагин сразу видео или анимацию, не разбивая на на кучу картинок. Может оказаться, что это актуально лишь для 3D или видеороликов. В любом случае, первая часть - лишь подготовка к основной второй, я показываю и закрепляю в голове алгоритм. Завтра обязательно попробую выгрузить цельную 3d анимацию, не разбивая на картинки :)
Очень полезный крутой урок, спасибо большое. лайк подписка. ) Единственное, что фрустрирует, так это то, что синема денег стоит, а кряки должным образом не работают. Есть возможность ведь создать анимацию и зарендерить ее в блендере например? Или, может, посоветуешь какое-нибудь доступное хорошее приложение на твой взгляд? буду благодарна.
Привет, только начинаю работать на тильде, хотел бы узнать как правильно и аккуратно выравнивать элементы в рабочей зоне. ( Горячие клавиши может какие то, либо еще что. Изначально на зеро блоке есть вот эта вертикальная сетка и когда я пытаюсь выровнить какой либо элемент, то он постоянно смещается на несколько пикселей в лево или право). Надеюсь понятно объяснил и буду рад обратной связи! =)
А в github при постинге git файла получается что есть ограничения по размеру файла? У меня выходит json файл более 850-900кб и его не постит тк мол оч велик размер файла
Добрый день. Отписал на почту по поводу сотрудничества. Крутые видеоролики. В прошлом видео ты показывал сайт apple с AirPods, там была анимация видео по скроллу. Чтобы сделать такое в тильде, нужно сразу рендерить видео в картинки через афтер эффектс?
Всё верно. Пропускаешь полностью шаг с cinema4d и рендеришь видеоролик в формате набора изображений png. А дальше всё точно так же. Спасибо за комментарий
@@design_scripts Что делать если при рендере в бадимувин сам рендер завис на 100%? Всё сделала по инструкции, рендер прошёл до 100% и окно не сменилось как у тебя и файл в папке не появился. Можешь подсказать в чём причина?
У меня после создания secret gist и нажатия на row, на странице появляется ошибка 404. not found. Уже как только ни пробовал исправить, подскажите кто сталкивался с такой проблемой на gist.github.com?
Мне тоже интересно. Ты уже узнал как? Если разместить на анимацию на 2 экране, то когда доскроллишь до 2 экрана, анимация уже закончится. Нашел на одном лендинге тильды то, как это реализовано, только не знаю код. Этот лендинг можно найти погуглив " Tilda bodymovin"
Дружище, от все души благодарю. В который раз убеждаюсь в том, что Тильда со своими zero block ‘ами это чудо
Было круто знать, как сделать анимацию 3Д обьекта/обьектов не по скроллу а просто что-то плавное, когда находишься на этом блоке.
Большое человеческое спасибо за этот контент! Отдушина среди бесполезных видео и вебинаров, в которых больше продают свою компанию, чем дают информацию.
С твоими видео сделала огромный шаг вперёд в навыке работы с Тильдой
Я рад, что помогаю людям прокачиваться)
Спасибо за приятные слова
@@design_scripts можно попросить совет? Вчера весь день провела за попытками совместить проекты Cinema и Adobe, но так ничего не вышло. Версии CINEMA 4D R14 и Adobe After Effects CS6/Adobe After Effects 2020. Adobe либо не подгружает объекты с расширением .c4d, либо отображает черный экран расширения .aec. В папку с плагинами добавляла файл C4DImporter. Что можно сделать в этой ситуации? Версии программ крякнутые, мб в этом дело.
Увидел случайно, зашёл и тут...
Блин так это ведь то, что ч так давно искал...
Лайк, Подписка +🔔
Спасибо
Ох, как же я ждал второй видос по lottie анимации на тильде. Лайк
ГОСПОДИ!!! ОГРОМНОЕ ТЕБЕ СПАСИБО, ДОБРЫЙ ЧЕЛОВЕК, ЗА ТАКОЙ БЕСПЛАТНЫЙ И МЯСНОЙ КОНТЕНТ!!! ЗА ТАКОЕ МОЖНО БРАТЬ +МЛН ДЕНЕГ ЗА ЗАКАЗ!!! СПАСИБО!!!
Красава, не останавливайся. Обожаю твои видосы по тильде и зеро блокам. Куда кидать донаты?)
Спасибо за коммент. Всё в описании ;)
Я так долго искал эту инфу!!! Спасибо тебе огромное!!!!! Все твои видосы максимально полезные! Не останавливайся))))
Спасибо за такой эмоциональный комментарий)
Видео бомба. Действительно, снимаешь уникальный контент. Видео по такой анимации на тильде я еще не видел
хотелось бы увидеть видео о том, как добавлять в тильду в zero block скрипты с codepen. Буду благодарен
ещё нет видео?
Ещё нет
@@design_scripts тогда будем ждать)
Привет, супер! Я начинающий веб дизайнер на Тильда и счастлива, что попала на твой канал! Сразу же лайк и подписка!
Ударные инструменты это не только барабаны, но и ксилофон! ))
Первая часть lottie анимации в тильде: ua-cam.com/video/yRmj1L7oxF0/v-deo.html
Середина видоса немного залагала. Если кто не понял, куда тыкать - после создания "Secret gist", нужно нажать на кнопку "Raw". Она вот здесь: i.imgur.com/ZxHGSBM.png
Ссылки:
Код для 3D анимации Зеро Блок Тильда: yadi.sk/d/ibxcdrclAqxu3w
Инструкция по установке Bodymovin: github.com/airbnb/lottie-web
а что потом? нажав на кнопку на кнопку "Raw" получаем большой и длинный код, как его перевести в код по аналогии с lottie-1?
ты бы закрепил этот комент, уже думал ты не скинул код
лучший канал по тильде , на который я натыкалась. Спасибо тебе !!!
Я рад, что тебе понравилось, буду стараться дальше)
Так получилось - ты просто монстр!! У тебя супер полезные видео
подписалась. смотрю и буду смотреть. уже два твоих урока применила на сайт. Не останавливайся. Спасибо огромное
Слушай, это очень круто!) Спасибо
Огонь🔥 Спасибо за полезный контент!
Тебе спасибо, что смотришь :D
Просто шикарно. Бро, давай ещё видео по анимации в зеро блоке на Tilda
Потрясающая информация, спасибо!🤩👏👏👏
Наконец-то анимация на тильде, дождались) Инфа суперполезная
Едрить я думал по проще будет) но я реально сломал голову как это делается, в видосы полная инструкция оказалась👍👍
Вау! Контент просто пушка! Большое спасибо за Вашу работу, очень помогает!
Очень большое спасибо, я ради Вас весь интернет перелопатил)
Необыкновенно получилось!!!
Спасибо! Очень полезные уроки! Подписка и колокольчик прожаты!
Станислав, спасибо огромное за канал и за ваши видео! Вы позволили сэкономить мне уйму времени! Спасибо огромное!
Спасибо, приятно это слышать)
Дай Бог тебе здоровья, дружище)
Спасибо, и тебе, друг)
Отличный тутор, спасибо!
Спасибо за коммент, стараюсь :D
Спасибо за отличные уроки по анимации!
Спасибо - за готовое решешие, думал о подобном не давно
Как долго я ждал эти видео) Благодарище!
Потрясающе!
Как удачно я тебя откапал!!! Ощущение словно отрыл сундук с сокровищами, пхах))
нихрена себе блин, это бомба !
Я рад, что тебе понравилось ;)
Очень круто! Спасибо!
Приятно слышать. Рад, что понравилось)
Одно дело анимировать по скроллу иллюстрации, а другое дело делать анимацию в зеро блоке 3d объекта. Чего еще я не знала про тильду?)
А каким образом можно сделать задержку для исполнения джейсон анимации если она привязана к % от прокрутки страницы? нужно чтобы сначала объект например подъехал на первом кадре в статике, остановился по центру экрана и только после этого начать его анимацию?
Парень, ты просто нечто! Так держать! *как бы это по-гейски не звучало
Спасибо за 3d анимацию в тильде в зеро блоке!
Спасибо огромное! Очень полезно!
Стараюсь)
И тебе спасибо за коммент🌿
Реально крутое видео, побольше подобных видео делай
Благодарю, постараюсь)
Теперь, когда я вижу что-нибудь крутое, первым делом думаю не о том, как это применить у себя на сайте, а о том, как об этом рассказать на ютубе ;)
Красава, чувак! Очень полезное видео
Я аж засмущался. Тебе спасибо за просмотр и коммент. Рад, что было полезно ;)
Блаблабла много работы мало времени...
Что? Увидел новую фичу, все дела в сторону, сейчас научимся!🙂
Лайк, подписка, колокольчик🤘
Отличное видео! Тоже ждал еще с первой части. Спасибо! Осталось не полениться, повторить). Кстати, есть вариант что такие кастомные плюхи могут в один момент слететь у клиента из-за очередного обновления тилды? Все пугают что лучше не применять сторонний код для клиентов.
Спасибо за комментарий)
Про возможность слететь - не слышал такого. Это же обычные css, js, jquery.
Думаю, оно слетит, только если там на тильде специально сильно накосячат с добавлением кода из T123 к основному коду сайта, и то не факт ¯\_(ツ)_/¯
Хе, я только пару месяцев назад слямзил ноут с сайта Эпла. Тот самый, с той самой анимацией. Скриншотил каждое положение его, а потом фотошопом редактировал. Потом в Зеро блоке эти фотки ставил и запилил анимацию при скролле. Вышло один в один как у Эпла😀 И вот сегодня увидел твой видос - еще один вариант как это можно делать. Очень интересно👍
Здорово)) как же круто))) но для меня это пока темный лес) у Вас заняло 11 минут, у меня часа два займет наверное😂 но круто конечно) а если не Леново, а свой продукт нужно так сделать, не получится отфотать частыми кадрами и как-то соединить? Чтобы так же по скроллу получилось?
Спасибо большое!!! Обалденный делаешь материал с хорошо поставленным голосом, но почему не публикуешь новые видео?
Добрый день, подскажите как можно установить старт триггер для этой анимации, чтобы она начала проигрываться когда выедет на середину экрана? Сейчас она начинает проигрываться сразу как только верх блока касается экрана, то есть элемент еще не выехал, но уже прокрутился
Шикарно! Продолжай)))
Спасибо, приятно слышать ;)
Круть! Спасибо!
И тебе спасибо)
Большое спасибо за видео! Подскажите, а как 2 разные анимации по скроллу вставить на одну страницу? Я пробовал код продублировать для второй анимации, но всё ломается...
Кайф. Спасибо!
Спасибо, что смотришь и комментируешь. Кайф)
Привет. Сделали все как у тебя по видео. все получилось. Спасибо! НО... ) на маках сафари анимация прыгает как бы дергается и мерцает. Не сталкивались ли с подобным? Если да, то подскажите возможные решения работы json с яблоком.
Здравствуйте, огромное спасибо за урок! Скажите пожалуйста почему у меня анимация по итогу на тильде получается на бледном сером фоне и как от него избавиться?
красава, от души!!!
Ты крут спасибо)
Спасибо за коммент, стараюсь)
Скажите, чтобы поменять время старт анимации, надо менять что-то в коде? У меня анимация располагается намного ниже верха страницы и к тому моменту когда я до неё долистываю, она уже проиграна до последнего кадра
Красавчик!)
А как сделать так, чтобы анимация по скроллу повторялась, а не останавливалась на последнем кадре?
Ты просто космос, Стас! Аххах)) респект за такой уникальный и редкий контент. Действительно, информацию про анимацию объектов по скроллу, особо нигде не смог найти. Тем более такой доступной информации, которая понятна человеку, не разбирающемуся в джава скриптах.
У меня вопрос.. как добавить в джава скрипт несколько контейнеров lotti-1, lotti-2, lotti-3 и так далее. Если дублировать блок с кодом и менять в нем lotti-1 на lotti-2, то один из скриптов в итоге не работает. У меня два зеро блока на одной странице, в которых я хочу запустить анимацию. Заранее спасибо!
Спасибо за такой развёрнутый комментарий)
Напиши в вк, я тебе отправлю готовый код
смогли решить эту проблему? то же самое сейчас пытаюсь сделать.. все перепробовал и в одном блоке html и разными, либо не играет анимация либо вообще пропадают джейсон контейнеры
Привет! Скажи пожалуйста, если я использую блендер, как мне сохранять JSON блокнот?
Огонь.
А как изменить код, если хочу чтобы анимация начиналась с другого блока? Например в середине сайта, также по скроллу
Точно такая же проблема... случайно, не удалось решить её?
@@alexgoryainov5267 Удалось как-то решить?
У меня у одного при добавлении второго объекта анимации, первый пропадает?
А можно будет вместо cinema 4d использовать блендер?
Не получается вставить больше оджной лотти анимации на странцие. Это норма?
Когда в проекте делаю два нулевых блока и в каждом по разной анимации привязанных к двум html-блокам с кодом, они почему-то ломаются и не работают. В чем проблема может быть? Может можно как-то в один блок с кодом все засунуть?
Всё дело в конфликте между одинаковыми переменными. Поменяй названия переменных у второго зеро блока.
Если не получится - пиши в соц. сети ;)
подскажите пожалуйста, как и где установить cinema 4d на windows 10? не могу установить с рутрекера разными ссылками уже третий день)
Не подскажите, а как сделать тоже самое только по наведению?
Это анимация на мобильных версиях будет отображаться?
Хакер ),спасибо.
А у меня вот вопрос. Получится ли в афтер эффекте сделать так же не с кадрами а с самой анимацией? то есть, если я сделаю анимацию в премьере и ее же сохраню через этот плагин, то же самое получится???
а как добавить 2 и более анимации в блоке?
спасибо за видео :) кто сталкивался: я повторила скрипт в blank page, но когда все проделываю на полноценном сайте, то скролл не работает - все застывает. кто знает в чем проблема? спасибо
Почему у меня при добавлении кода перекрываются другие блоки с анимацией? и не показываются
Привет. Круто творишь. Как сделать бота на тильду? )
Привет, очень круто. Я такого не видел прям в шоке. А можно ли это сделать для мобильной устройства?
То, что я показываю в данном видео, прекрасно работает на мобильных устройствах
Очень крутое видео вышло! Спасибо!
Обязательно разбивать анимацию на много PNG-шек? С чем это связано?
Это связано с особенностью работы. Как я понимаю, только последовательность изображений мы можем запихнуть в json файл. По итогу, у нас выходит "слайдшоу", проигрываемое с помощью скролла
@@design_scripts Хмм.. Это немного странно. Я создавал в AE небольшие анимации, типа загрузки, и выгружал их через bodymovin в json. Проверял на сайте Lottie в их конструкторе и все хорошо работало. Единственное, не пробовал еще интегрировать html код с файлом json, который предлагает Lottie, в Тильду
Так или иначе, спасибо, что ответил
@@nicolasjey9597 Фишка с PNGшками честно сворована с официального курса по webflow. Я только сейчас допёр, о чём ты)
Честно, даже не додумался прогнать через плагин сразу видео или анимацию, не разбивая на на кучу картинок. Может оказаться, что это актуально лишь для 3D или видеороликов. В любом случае, первая часть - лишь подготовка к основной второй, я показываю и закрепляю в голове алгоритм.
Завтра обязательно попробую выгрузить цельную 3d анимацию, не разбивая на картинки :)
@@design_scripts Если не трудно, поделись результатом, что в итоге получилось
Спасибо за видео! Хотелось бы узнать можно ли таким образом создавать несколько лотти анимаций на одном сайте?
Если напишешь в вк, скину код для нескольких анимаций
Очень полезный крутой урок, спасибо большое. лайк подписка. ) Единственное, что фрустрирует, так это то, что синема денег стоит, а кряки должным образом не работают. Есть возможность ведь создать анимацию и зарендерить ее в блендере например? Или, может, посоветуешь какое-нибудь доступное хорошее приложение на твой взгляд? буду благодарна.
Респект за морровинд
Я скачиваю модель, но Cinema 4d говорит, что не известный формат, как это исправить?
Подскажи, есть ли другой способ получить ссылку на json файл?
Github заблочил, новые аккаунты тоже блочит😟
И делает это после первой же публикации.
Привет, сделай точно такой же обзор на такую анимацию в вордпресс elementor.
Привет, только начинаю работать на тильде, хотел бы узнать как правильно и аккуратно выравнивать элементы в рабочей зоне. ( Горячие клавиши может какие то, либо еще что. Изначально на зеро блоке есть вот эта вертикальная сетка и когда я пытаюсь выровнить какой либо элемент, то он постоянно смещается на несколько пикселей в лево или право). Надеюсь понятно объяснил и буду рад обратной связи! =)
А в github при постинге git файла получается что есть ограничения по размеру файла? У меня выходит json файл более 850-900кб и его не постит тк мол оч велик размер файла
Огонь :)
Стараюсь)
Лайк поставил! час просидел но так и не понял в чем проблема и почему не завелось / тестил в сафари/ хроме/ Яндекс / вообще ничего не отображается
Анимация со светом бы пригодилась, т.к незнаком прием. Хотя бы в подсказку воткнуть урок по свету
Render Failed
логов нету, не работает плагин
У меня почему то модели без текстур выгружаются, что с хэтим делать, подскажите пожалуйста люди добрые
Привет, на сколько это все замедляет загрузку страницы?
В-третьих несколько анимаций на сайте не будут заводиться никак.
Добрый день. Отписал на почту по поводу сотрудничества.
Крутые видеоролики. В прошлом видео ты показывал сайт apple с AirPods, там была анимация видео по скроллу. Чтобы сделать такое в тильде, нужно сразу рендерить видео в картинки через афтер эффектс?
Всё верно. Пропускаешь полностью шаг с cinema4d и рендеришь видеоролик в формате набора изображений png. А дальше всё точно так же.
Спасибо за комментарий
@@design_scripts Что делать если при рендере в бадимувин сам рендер завис на 100%? Всё сделала по инструкции, рендер прошёл до 100% и окно не сменилось как у тебя и файл в папке не появился. Можешь подсказать в чём причина?
У меня после создания secret gist и нажатия на row, на странице появляется ошибка 404. not found. Уже как только ни пробовал исправить, подскажите кто сталкивался с такой проблемой на gist.github.com?
Топовый контент! А как сделать так, чтобы анимация начиналась не с верха страницы, а с того места, где располагается анимируемый блок? Спасибо)
Мне тоже интересно. Ты уже узнал как? Если разместить на анимацию на 2 экране, то когда доскроллишь до 2 экрана, анимация уже закончится. Нашел на одном лендинге тильды то, как это реализовано, только не знаю код. Этот лендинг можно найти погуглив " Tilda bodymovin"
Ты крутой)
Ты тоже)
Привет еще раз, наткнулась на странный баг, при быстрой прокрутке анимация накладывается на следующие блоки сверху, в чем может быть проблема?
красава