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