0:18 План 2:40 Photoshop вырезаем бутылку "Corona" 3:19 Качай курс photoshop бесплатно; 5:41 Объясняю на пальцах как устроена анимация нашего сайта; 6:42 Практика Tilda, создаем Zero Block; 7:07 Видеофон 10:09 Инструмент Shape тильда (4-х угольники); 11:52 Инструмент image тильда ( бутылка); 13:08 Анимация в тильде (виды анимации)/ анимация 4-х угольников; 17:17 Анимация бутылки (шаг за шагом); 18:20 Анимация бутылки (базовая анимация); 19:42 Инструмент Текст Тильда 20:24 Разница между containet window и grid; 24:58 Исправляем ошибку с шейпом (выравнивание); 26:55 Как с одного блока перенести элементы в другой блок; 30:31 Пункты меню Тильда в Zero block; 31:47 Анимация текста в зеро блок; 32:39: Курс Tilda: umapalata.net/intensiv_tilda Вторая часть урока: ua-cam.com/video/uBvlFRDnWbw/v-deo.html Хочешь скачать ID этого шаблона? Качай в телеграм канале: t.me/joinchat/AAAAAEadvOAkiKMAeDJ-tQ
Спасибо, недавно прошел курс по тильде, там zero-блок вскользь упомянули, хотя, по мне самый интересный элемент, с вашего видео почерпнул для себя полезную информацию. В целом понял, что полезней и дешевле почитать документацию тильды, и посмотреть ролики на ютуб, чем курсы инфоцыган проходить..
"почитать документацию тильды" естественно можете. Можно и программирование по книжкам выучить. А есть инфокурсы, где люди с опытом выдают выжимку ровным счетом то, что нужно, а не все и обо всем. Корочу я к тому, что не стоит всех онлайн-преподавателей под один ярлык "инфоциганства". Заметьте, я даже ссылку на курсы вам не кинул)
И еще вопрос, простите. В видео меня интересовала часть с 86 секунды по 136. Так вот первый раз прокручивает как задано, а второй раз, когда срабатывает автоплей начинает крутить с начала, т.е. с нулевой секунды. Это я что-то делаю не так или это норма? Заранее благодарю за ответ
Сделал эту анимацию и первый раз все работало как надо. Потом правый шейп стал в конце движения влево заходить за центр экрана. Я его возвращаю назад и при PlayAll все нормально. при просмотре и публикации он опять выезжает левее центра. Пробовал удалять шаги анимации для всех элементов и делать заново, Все равно этот косяк. Приходится ручками подбирать положение правого шейпа на втором шаге анимации не по центру а чуть правее. Заснял это на видео, чтобы было наглядно видно мои настройки.
Макс, привет! Такой вопрос: добавила свое видео начиная с 215 секунды и заканчиваю на 239. Но по истечению заданного интервала видео начинается не с 215 секунды, а с самого начала :( не понимаю в чем причина, повтор поставила, но все равно крутит с начала
Добрый день! Спасибо за Ваши видео. Начала с нуля и прямо с этого зеро блока. Объяснение ОЧЕНЬ доступное, все получилось. Второй раз уже новую версию создала без подглядывания. Есть вопрос: подскажите, пожалуйста, когда такая роскошная первая страница, наверное, лучшее вниз потом не дорабатывать, а сделать просто новые страницы, как Вы считаете?
Доброго времени суток, увеличиваем видео дабы скрыть инструменты youtube, они исчезают. Но остается виден таймлайн видео при наведении курсора на видео. Как быть ?
Макс, а как сделать так, чтобы в макете этого дизайна качество видео сразу было хорошее выше 720? Да и вообще в целом любого видео, которое вставляешь в зеро блок?
Добрый день! При попытке добавить видео в фон как у Вас в итоговом варианте получаются отступы по краям черного цвета. Как бы видео не растягивала отступы (граница черного цвета) сохраняются. Не подскажите в чем может быть причина? Заранее спасибо за ответ!
Скажите, пожалуйста. Не получается видео на фон с автопроигрывателем. Вставляю блок с видео, урл с Ютуба. Предварительный просмотр видео загружается, но автоматически не включается, только с кнопки. В чем может быть проблема?
Спасибо, было полезно. Подскажите, есть ли возможность наложить градиент на видеофон в Зероблоке? Так как по умолчанию фон бэкграунда в слоях ниже, чем видео.
Привет , если не сильно хочешь заморачиваться, то делай ширину 2000px (высота автоматом подстроится). Если хочешь заморочится ко радрируй под HD (HDTV (Full HD) (FHD) 1920 × 1080)
Здравствуйте, подскажите пожалуйста: у нас на сайте на тильде размещен код формы калькулятора в zero блоке. Сервис, который предоставляет калькуляторы, сообщает что уменьшил максимально размер формы. Но все равно форма вся не влезает в один блок и приходится использовать прокрутку, что неудобно. Ещё картинки рядом хотим уместить. Подскажите, пожалуйста как быть? Можно решить проблему только с программистом?
Ставлю с 6 секунды и зацикливание. Как только 1 раз проиграл, следующий начинает с 0 секунды... это у меня только? Каждый раз видно загрузчик тоже не очень... Что-то можно с этим сделать?
Макс, огромное спасибо за полезные и познавательные видео! Есть проблемка - в браузере Google Chrome не запускается видео в режиме autoplay. ОС - Windows-10, "Последняя версия Google Chrome уже установлена Версия 88.0.4324.182 (Официальная сборка), (64 бит)" - это из настроек. Ставлю в Microsoft Edge - все работает без проблем. На смартфоне тоже не отображается, но там видимо от особенностей ОС гаджета зависит. Не сталкивался с такими вещами? Как с этим бороться?
Подскажите, почему у меня повторение видео начинается с 0 секунды, а не с 6 как это происходит при первой загрузке? А так же, все последующие разы, видео не заканчивается на заданной секунде и проигрывается до конца.
Добрый день вы растянули, но на некоторых мониторах все равно интерфейс будет Ютуба будет виден, как его отключить, видео что малый бизнес дает гораздо хуже качеством, чем у официантов короны.....поэтому вторая причина растягивать не подходит.......как быть, может вы уже нашли лучшее решение????????? Да и на мобиле почему то в бок открывается, хотя center center установил???????
добрый день, делаю всё как на видео ,но получается совсем не так. Центр находится в правой стороне, приходится прописывать значения больше чем у вас на видео для перемещения,хотя в самом редактировании в zero blok всё работает как нужно ,а вот на просмотре не понятно как .Что можно с этим сделать? Помогите пожалуйста.
Подскажите,может кто встречал проблему?выставляю старт и финиш видео по времени,но при просмотре Сайт это игнорирует и воспроизводиться с начала и до конца(
Здравствуйте Максим! Как сделать плавный переход между блоками тильда в зеро блок? Например мне нужно что бы в каждом блоке был свой цвет, но что бы он плавно переходил из одного цвета в другой? Спасибо заранее
А как убрать значок загрузки видео в начале? Выглядит вообще не очень И еще почему-то видео проигрывается в установленных пределах, но потом начинается не с указанной секунд, а с начала. Что не так?
очень круто!)) спасибо. сделала похожую анимацию, но сайт совсем перестал грузиться. В сафари грузится после обновления страницы. Инкогнито в сафари попробовала, вообще не грузится. На мобильном сайт грузится, но анимация не работает. только текст((( в чем может быть причина?
Скажите пожалуйста, сделала в настройка с видео все как у вас, только вписала, чтобы начало было с 14секунди, но оно на сайте мне запускает с самого начала видео, в чем может быть проблема?
потому что в виндов контейнере не правильно указали координаты ( лево/право, верх/низ) . У меня в курсе "зеро блок" отдельный модуль по этому страшному виндов контейнеру
0:18 План
2:40 Photoshop вырезаем бутылку "Corona"
3:19 Качай курс photoshop бесплатно;
5:41 Объясняю на пальцах как устроена анимация нашего сайта;
6:42 Практика Tilda, создаем Zero Block;
7:07 Видеофон
10:09 Инструмент Shape тильда (4-х угольники);
11:52 Инструмент image тильда ( бутылка);
13:08 Анимация в тильде (виды анимации)/ анимация 4-х угольников;
17:17 Анимация бутылки (шаг за шагом);
18:20 Анимация бутылки (базовая анимация);
19:42 Инструмент Текст Тильда
20:24 Разница между containet window и grid;
24:58 Исправляем ошибку с шейпом (выравнивание);
26:55 Как с одного блока перенести элементы в другой блок;
30:31 Пункты меню Тильда в Zero block;
31:47 Анимация текста в зеро блок;
32:39: Курс Tilda: umapalata.net/intensiv_tilda
Вторая часть урока:
ua-cam.com/video/uBvlFRDnWbw/v-deo.html
Хочешь скачать ID этого шаблона?
Качай в телеграм канале: t.me/joinchat/AAAAAEadvOAkiKMAeDJ-tQ
Благодарю от всей души! Супер просто и понятно доносите информацию, круто!
Это мой первый урок по Тильде, который я ПОНЯЛА, и всё получилось!! Спасиииибо!
ну при чем это далеко не легкий)
Максим, спасибо, столько времени прошло, а мы учимся у Вас. КРУТО. ЗДОРОВО. ЛЕГКО и КЛАССНО - СПАСИБИЩЕ !!! МИРА и БЛАГОПОЛУЧИЯ
Понравился ролик, подача простая. Продолжайте в том же духе! Спасибо за ролики.
Ты крут. Спасибо за такие видео
Бутылочка «Короны» в 20-ом году звучит по особенному!
ХОСПАДЕ!! Какая же я молодец!!! Неужели я сделала эту круть!!! Макс, СПАСИБИЩЕ ОГРОМНОЕ!
Спасибо за подробный урок. Буду внедрять в сайты анимацию. Раньше боялся зеро блока. Теперь подружился.
Лучший, спасибо огромное
Макс, как всегда, блестящий урок. Вы дарите вдохновение, желание познавать. Благодарю.
Спасибо за урок !!!
Просто охрененно, чувак!
Воу, это что-то слишком крутое!! Спасибо за этот урок!!! Я даже не мог подумать, что тильда даёт такие возможности!!! Огромный респект
Спасибо тебе огромное Макс, за такой простой и доступный язык познавания Z-block!
Тигр ты просто, от души. Без воды и только полезное!!!
Очень круто, спасибо, попробую. Подписалась🤗
Красавчик 👏🏻👏🏻👏🏻 Очень круто
Очень помог, спасибо!
Макс спасибо за урок, очень клевый + ті доступно и хорошо объясняешь и показываешь всё
Спасибо за приятные слова)
Макс!!! Огромное вам спасибо за инфу!!!!!!!
Супер полезное видео! Спасибо большое))) Пойду пробовать)
Отличные видео, спасибо за ваши уроки
Для меня это самое крутое видео по работе с зеро блоком!!! 😍 Спасибо!!! Ответы на вопросы которые я даже не ожидала!
супер, спс за контент, счастья вам
Спасибо большое, искал как убрать автоплэй, помог
Спасибо, недавно прошел курс по тильде, там zero-блок вскользь упомянули, хотя, по мне самый интересный элемент, с вашего видео почерпнул для себя полезную информацию.
В целом понял, что полезней и дешевле почитать документацию тильды, и посмотреть ролики на ютуб, чем курсы инфоцыган проходить..
не знаю что ответить. У меня тоже есть курсы) Инфоцигани это те, кто успешный успех продают. Не все образовательные курсы инфоциганство.
"почитать документацию тильды" естественно можете. Можно и программирование по книжкам выучить. А есть инфокурсы, где люди с опытом выдают выжимку ровным счетом то, что нужно, а не все и обо всем. Корочу я к тому, что не стоит всех онлайн-преподавателей под один ярлык "инфоциганства". Заметьте, я даже ссылку на курсы вам не кинул)
Очень крутая работа!
Макс спасибо.
Спасибо
Макс всё отлично, видео твои просто космос, одна поправка FOLLOW US читается как фалоу ас. 😎
спасибо, обязательно учту в след. раз!
спасибо
Пошла купила себе корону)
очень круто:)))
с такими уроками, я у тебя буду отбивать клиентов!)) шутка конечно, хороший урок и очень информативный!
Благодарю
Здравствуйте, подскажите пожалуйста почему видео автоматически не воспроизводиться, настройки как по видео сделала
И еще вопрос, простите. В видео меня интересовала часть с 86 секунды по 136. Так вот первый раз прокручивает как задано, а второй раз, когда срабатывает автоплей начинает крутить с начала, т.е. с нулевой секунды. Это я что-то делаю не так или это норма? Заранее благодарю за ответ
И при смене монитора с большим разрешением аесь контент ползет в разные стороны. У Вас была такая проблема?
заебись
Сделал эту анимацию и первый раз все работало как надо. Потом правый шейп стал в конце движения влево заходить за центр экрана.
Я его возвращаю назад и при PlayAll все нормально. при просмотре и публикации он опять выезжает левее центра.
Пробовал удалять шаги анимации для всех элементов и делать заново, Все равно этот косяк.
Приходится ручками подбирать положение правого шейпа на втором шаге анимации не по центру а чуть правее.
Заснял это на видео, чтобы было наглядно видно мои настройки.
Макс, привет! Такой вопрос: добавила свое видео начиная с 215 секунды и заканчиваю на 239. Но по истечению заданного интервала видео начинается не с 215 секунды, а с самого начала :( не понимаю в чем причина, повтор поставила, но все равно крутит с начала
Добрый день! Спасибо за Ваши видео. Начала с нуля и прямо с этого зеро блока. Объяснение ОЧЕНЬ доступное, все получилось. Второй раз уже новую версию создала без подглядывания. Есть вопрос: подскажите, пожалуйста, когда такая роскошная первая страница, наверное, лучшее вниз потом не дорабатывать, а сделать просто новые страницы, как Вы считаете?
Доброго времени суток, увеличиваем видео дабы скрыть инструменты youtube, они исчезают. Но остается виден таймлайн видео при наведении курсора на видео. Как быть ?
Очень!
Макс, а как сделать так, чтобы в макете этого дизайна качество видео сразу было хорошее выше 720? Да и вообще в целом любого видео, которое вставляешь в зеро блок?
Добрый день! При попытке добавить видео в фон как у Вас в итоговом варианте получаются отступы по краям черного цвета. Как бы видео не растягивала отступы (граница черного цвета) сохраняются. Не подскажите в чем может быть причина? Заранее спасибо за ответ!
Скажите пожалуйста можно перейти с зеро блока в обычный режим после небольшого редактирования?
Нет
Скажите, пожалуйста. Не получается видео на фон с автопроигрывателем. Вставляю блок с видео, урл с Ютуба. Предварительный просмотр видео загружается, но автоматически не включается, только с кнопки. В чем может быть проблема?
Спасибо, было полезно. Подскажите, есть ли возможность наложить градиент на видеофон в Зероблоке? Так как по умолчанию фон бэкграунда в слоях ниже, чем видео.
Я тоже не понял, поэтому просто сделал шейп в цвет нижнего блока, а элементы нижнего блока поставил чтоб отображались
Привет! Помоги пожалуйста начинающему веб дизайнеру. Какой размер (в пикселях) изображение лучше использовать для обложки ?
Привет , если не сильно хочешь заморачиваться, то делай ширину 2000px (высота автоматом подстроится). Если хочешь заморочится ко радрируй под HD (HDTV (Full HD) (FHD) 1920 × 1080)
А почему на телефоне анимация не плавная, а скорее как телепорт?
Ответьте пожалуйтса)
Здравствуйте, подскажите пожалуйста: у нас на сайте на тильде размещен код формы калькулятора в zero блоке. Сервис, который предоставляет калькуляторы, сообщает что уменьшил максимально размер формы. Но все равно форма вся не влезает в один блок и приходится использовать прокрутку, что неудобно. Ещё картинки рядом хотим уместить. Подскажите, пожалуйста как быть? Можно решить проблему только с программистом?
Ставлю с 6 секунды и зацикливание. Как только 1 раз проиграл, следующий начинает с 0 секунды... это у меня только? Каждый раз видно загрузчик тоже не очень... Что-то можно с этим сделать?
Макс, огромное спасибо за полезные и познавательные видео! Есть проблемка - в браузере Google Chrome не запускается видео в режиме autoplay. ОС - Windows-10, "Последняя версия Google Chrome уже установлена
Версия 88.0.4324.182 (Официальная сборка), (64 бит)" - это из настроек.
Ставлю в Microsoft Edge - все работает без проблем.
На смартфоне тоже не отображается, но там видимо от особенностей ОС гаджета зависит.
Не сталкивался с такими вещами? Как с этим бороться?
Подскажите, почему у меня повторение видео начинается с 0 секунды, а не с 6 как это происходит при первой загрузке? А так же, все последующие разы, видео не заканчивается на заданной секунде и проигрывается до конца.
Добрый день вы растянули, но на некоторых мониторах все равно интерфейс будет Ютуба будет виден, как его отключить, видео что малый бизнес дает гораздо хуже качеством, чем у официантов короны.....поэтому вторая причина растягивать не подходит.......как быть, может вы уже нашли лучшее решение????????? Да и на мобиле почему то в бок открывается, хотя center center установил???????
добрый день, делаю всё как на видео ,но получается совсем не так. Центр находится в правой стороне, приходится прописывать значения больше чем у вас на видео для перемещения,хотя в самом редактировании в zero blok всё работает как нужно ,а вот на просмотре не понятно как .Что можно с этим сделать? Помогите пожалуйста.
на маке всё работает корректно, а вот на виндовсе нет.
Подскажите,может кто встречал проблему?выставляю старт и финиш видео по времени,но при просмотре Сайт это игнорирует и воспроизводиться с начала и до конца(
Здравствуйте, не могу понять почему ссылка с ютуб не открывается в тильде, я копию ставлю потом нажимаю save она пропадает 🙄 что делать?)🙏
Где взять формат PNG, если при сохранении на диск его не предлагается?Спасибо
фотошоп даёт возможность сохранить в .png
Здравствуйте Максим!
Как сделать плавный переход между блоками тильда в зеро блок? Например мне нужно что бы в каждом блоке был свой цвет, но что бы он плавно переходил из одного цвета в другой? Спасибо заранее
Приветствую , стандартный блок в разделе «разделители»
А как убрать значок загрузки видео в начале? Выглядит вообще не очень
И еще почему-то видео проигрывается в установленных пределах, но потом начинается не с указанной секунд, а с начала.
Что не так?
очень круто!)) спасибо. сделала похожую анимацию, но сайт совсем перестал грузиться. В сафари грузится после обновления страницы. Инкогнито в сафари попробовала, вообще не грузится. На мобильном сайт грузится, но анимация не работает. только текст((( в чем может быть причина?
Привет. Посмотрите в описание видео есть ссылка на вторую часть, так как раз ответы на эти вопросы
Почему в мобильной версии не проигрывается видео?
потому что она не потдерживает пк версию
А как сделать ссылки при клике на меню?
Скажите пожалуйста, сделала в настройка с видео все как у вас, только вписала, чтобы начало было с 14секунди, но оно на сайте мне запускает с самого начала видео, в чем может быть проблема?
Поменяла Loop на None и уже проигрывает видео с нужной секунды, а с Loop не хочет
Здравствуйте 🙋. А почему у меня бутылка не выходит.(один раз вышла, но очень поздно) что с этим делать?
Очень медленно) Но, это даже плюс...
Не понимаю как нужно текст правильно выровнять. В редактировании вроде все правильно, но когда публикую все смещаеется
потому что в виндов контейнере не правильно указали координаты ( лево/право, верх/низ) . У меня в курсе "зеро блок" отдельный модуль по этому страшному виндов контейнеру
Лучше без фоновой музыки.
Уже понятно) исправился в последующих видео)
никак не увижу ссылку на фотошоп
Вторая часть урока:
ua-cam.com/video/uBvlFRDnWbw/v-deo.html
Музыка громко играет на видео
Есть такой косяк
Это какой фотошоп ???