Tilda. КАК РАБОТАТЬ В TILDA ZERO BLOCK | 💓 Анимация, Видеофон, Верстка. Тильда конструктор сайтов

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 มี.ค. 2020
  • Создай свой уникальный блок в tilda zero block, где можно редактировать каждый элемент. В этом видео ты узнаешь:
    - Как редактировать и работать в зеро блоке (Zero Block);
    - Как работать в пошаговой анимации ( step by step);
    - Как работать с базовой анимацией;
    - Как создать меню в зеро блоке;
    - Как сделать видеофон в зероблоке.;
    - Обзор конструктор сайтов.
    tilda zero block тильда конструктор сайтов параллакс эффект
    Вторая часть урока:
    • Tilda. Как работать в ...
    ______________
    Поддержать канал монетой:
    (UA) secure.wayforpay.com/tips/uma...
    (Все страны) www.donationalerts.com/r/maks...
    _____________
    Платные Видео-уроки Tilda:
    umapalata.net/marafon_tilda ( Уровень сложности 1/10)
    umapalata.net/intensiv_tilda (Уровень сложности 4/10)
    umapalata.net/tilda_im (Уровень сложности 4/10)
    umapalata.net/tilda_zeroblock (Уровень сложности 10/10)
    Подписаться на новости:
    t.me/joinchat/AAAAAEadvOAkiKM... П
    Школа дизайна:
    umapalata.net
    Мое портфолио:
    umapalata.net/portfolio
    Меня зовут Макс Куратов, с 7 лет я изучаю Photoshop. В какой то момент это было моим хобби. Вскоре я стал web-дизайнером с опытом более 8 лет. Настало время, когда мне захотелось передать весь свой опыт в сфере дизайна. figma tilda обучение #tilda #zeroblock #Тильда

ความคิดเห็น • 102

  • @MaksKyratov
    @MaksKyratov  4 ปีที่แล้ว +10

    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
    Вторая часть урока:
    th-cam.com/video/uBvlFRDnWbw/w-d-xo.html
    Хочешь скачать ID этого шаблона?
    Качай в телеграм канале: t.me/joinchat/AAAAAEadvOAkiKMAeDJ-tQ

  • @dishaforex
    @dishaforex 3 ปีที่แล้ว +16

    Бутылочка «Короны» в 20-ом году звучит по особенному!

  • @andreyborys
    @andreyborys 3 ปีที่แล้ว +2

    Воу, это что-то слишком крутое!! Спасибо за этот урок!!! Я даже не мог подумать, что тильда даёт такие возможности!!! Огромный респект

  • @user-tl7zv6il1n
    @user-tl7zv6il1n 4 ปีที่แล้ว +11

    Понравился ролик, подача простая. Продолжайте в том же духе! Спасибо за ролики.

  • @marusovasvetlana6138
    @marusovasvetlana6138 ปีที่แล้ว +1

    Максим, спасибо, столько времени прошло, а мы учимся у Вас. КРУТО. ЗДОРОВО. ЛЕГКО и КЛАССНО - СПАСИБИЩЕ !!! МИРА и БЛАГОПОЛУЧИЯ

  • @olesyaguskova9361
    @olesyaguskova9361 4 ปีที่แล้ว +3

    Отличные видео, спасибо за ваши уроки

  • @alenaorlova1497
    @alenaorlova1497 ปีที่แล้ว +1

    Благодарю от всей души! Супер просто и понятно доносите информацию, круто!

  • @kpdpok
    @kpdpok 3 ปีที่แล้ว +1

    Спасибо за подробный урок. Буду внедрять в сайты анимацию. Раньше боялся зеро блока. Теперь подружился.

  • @Fekla_7481
    @Fekla_7481 2 ปีที่แล้ว

    Макс, как всегда, блестящий урок. Вы дарите вдохновение, желание познавать. Благодарю.

  • @dauletkenzhekhan825
    @dauletkenzhekhan825 3 ปีที่แล้ว

    Тигр ты просто, от души. Без воды и только полезное!!!

  • @shushu3819
    @shushu3819 3 ปีที่แล้ว +6

    Это мой первый урок по Тильде, который я ПОНЯЛА, и всё получилось!! Спасиииибо!

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      ну при чем это далеко не легкий)

  • @alana.happy.
    @alana.happy. 3 ปีที่แล้ว

    Для меня это самое крутое видео по работе с зеро блоком!!! 😍 Спасибо!!! Ответы на вопросы которые я даже не ожидала!

  • @vitrageline
    @vitrageline 3 ปีที่แล้ว +1

    Просто охрененно, чувак!

  • @MultiPlushy
    @MultiPlushy 2 ปีที่แล้ว +1

    ХОСПАДЕ!! Какая же я молодец!!! Неужели я сделала эту круть!!! Макс, СПАСИБИЩЕ ОГРОМНОЕ!

  • @ekaterinakilikeeva4036
    @ekaterinakilikeeva4036 3 ปีที่แล้ว

    Красавчик 👏🏻👏🏻👏🏻 Очень круто

  • @YummyChannelTina
    @YummyChannelTina 2 ปีที่แล้ว

    Супер полезное видео! Спасибо большое))) Пойду пробовать)

  • @irinayak4217
    @irinayak4217 ปีที่แล้ว

    Спасибо тебе огромное Макс, за такой простой и доступный язык познавания Z-block!

  • @sher8279
    @sher8279 ปีที่แล้ว

    Лучший, спасибо огромное

  • @liberty4187
    @liberty4187 ปีที่แล้ว

    Очень круто, спасибо, попробую. Подписалась🤗

  • @Atomy_effect
    @Atomy_effect ปีที่แล้ว

    Спасибо за урок !!!

  • @mZhukov94
    @mZhukov94 3 ปีที่แล้ว

    супер, спс за контент, счастья вам

  • @dddddsas
    @dddddsas 2 หลายเดือนก่อน

    Ты крут. Спасибо за такие видео

  • @lemonsanon
    @lemonsanon 3 ปีที่แล้ว

    Очень крутая работа!

  • @MaksKyratov
    @MaksKyratov  4 ปีที่แล้ว +3

    Вторая часть урока:
    th-cam.com/video/uBvlFRDnWbw/w-d-xo.html

  • @LadaL-zk8fc
    @LadaL-zk8fc ปีที่แล้ว

    Очень помог, спасибо!

  • @user-fu2pz6yf9t
    @user-fu2pz6yf9t 2 ปีที่แล้ว

    Макс!!! Огромное вам спасибо за инфу!!!!!!!

  • @Artemone1000
    @Artemone1000 3 ปีที่แล้ว

    Макс спасибо за урок, очень клевый + ті доступно и хорошо объясняешь и показываешь всё

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      Спасибо за приятные слова)

  • @sachenkodima
    @sachenkodima 4 ปีที่แล้ว +1

    Макс спасибо.

  • @user-kp8em1lo7f
    @user-kp8em1lo7f ปีที่แล้ว

    Спасибо

  • @gghxq6393
    @gghxq6393 3 ปีที่แล้ว

    очень круто:)))

  • @konstantin5852
    @konstantin5852 3 ปีที่แล้ว

    Спасибо большое, искал как убрать автоплэй, помог

  • @adeliasafina7341
    @adeliasafina7341 2 ปีที่แล้ว

    спасибо

  • @user-lq1dq8ir3f
    @user-lq1dq8ir3f 2 ปีที่แล้ว

    Пошла купила себе корону)

  • @user-sw7sd9du8w
    @user-sw7sd9du8w 4 ปีที่แล้ว

    Очень!

  • @huaweinova5t877
    @huaweinova5t877 ปีที่แล้ว

    Макс, а как сделать так, чтобы в макете этого дизайна качество видео сразу было хорошее выше 720? Да и вообще в целом любого видео, которое вставляешь в зеро блок?

  • @user-qy5jm5ny9w
    @user-qy5jm5ny9w 2 ปีที่แล้ว +1

    И еще вопрос, простите. В видео меня интересовала часть с 86 секунды по 136. Так вот первый раз прокручивает как задано, а второй раз, когда срабатывает автоплей начинает крутить с начала, т.е. с нулевой секунды. Это я что-то делаю не так или это норма? Заранее благодарю за ответ

  • @user-qy5jm5ny9w
    @user-qy5jm5ny9w 2 ปีที่แล้ว

    Добрый день! Спасибо за Ваши видео. Начала с нуля и прямо с этого зеро блока. Объяснение ОЧЕНЬ доступное, все получилось. Второй раз уже новую версию создала без подглядывания. Есть вопрос: подскажите, пожалуйста, когда такая роскошная первая страница, наверное, лучшее вниз потом не дорабатывать, а сделать просто новые страницы, как Вы считаете?

  • @andddd-
    @andddd- 3 ปีที่แล้ว +1

    Спасибо, недавно прошел курс по тильде, там zero-блок вскользь упомянули, хотя, по мне самый интересный элемент, с вашего видео почерпнул для себя полезную информацию.
    В целом понял, что полезней и дешевле почитать документацию тильды, и посмотреть ролики на ютуб, чем курсы инфоцыган проходить..

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว +1

      не знаю что ответить. У меня тоже есть курсы) Инфоцигани это те, кто успешный успех продают. Не все образовательные курсы инфоциганство.

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว +1

      "почитать документацию тильды" естественно можете. Можно и программирование по книжкам выучить. А есть инфокурсы, где люди с опытом выдают выжимку ровным счетом то, что нужно, а не все и обо всем. Корочу я к тому, что не стоит всех онлайн-преподавателей под один ярлык "инфоциганства". Заметьте, я даже ссылку на курсы вам не кинул)

  • @alikey686
    @alikey686 ปีที่แล้ว

    Макс, привет! Такой вопрос: добавила свое видео начиная с 215 секунды и заканчиваю на 239. Но по истечению заданного интервала видео начинается не с 215 секунды, а с самого начала :( не понимаю в чем причина, повтор поставила, но все равно крутит с начала

  • @user-hx9bk3tr6r
    @user-hx9bk3tr6r 4 ปีที่แล้ว +3

    с такими уроками, я у тебя буду отбивать клиентов!)) шутка конечно, хороший урок и очень информативный!

  • @user-tx3km6sg7p
    @user-tx3km6sg7p 3 ปีที่แล้ว

    Макс, огромное спасибо за полезные и познавательные видео! Есть проблемка - в браузере Google Chrome не запускается видео в режиме autoplay. ОС - Windows-10, "Последняя версия Google Chrome уже установлена
    Версия 88.0.4324.182 (Официальная сборка), (64 бит)" - это из настроек.
    Ставлю в Microsoft Edge - все работает без проблем.
    На смартфоне тоже не отображается, но там видимо от особенностей ОС гаджета зависит.
    Не сталкивался с такими вещами? Как с этим бороться?

  • @phillstolyarov9559
    @phillstolyarov9559 ปีที่แล้ว

    заебись

  • @julia-bb1jl
    @julia-bb1jl 3 ปีที่แล้ว

    Спасибо, было полезно. Подскажите, есть ли возможность наложить градиент на видеофон в Зероблоке? Так как по умолчанию фон бэкграунда в слоях ниже, чем видео.

    • @7551185
      @7551185 2 ปีที่แล้ว

      Я тоже не понял, поэтому просто сделал шейп в цвет нижнего блока, а элементы нижнего блока поставил чтоб отображались

  • @user-dm1de2em3d
    @user-dm1de2em3d 2 ปีที่แล้ว

    Макс всё отлично, видео твои просто космос, одна поправка FOLLOW US читается как фалоу ас. 😎

    • @MaksKyratov
      @MaksKyratov  2 ปีที่แล้ว

      спасибо, обязательно учту в след. раз!

  • @vemiros
    @vemiros 2 ปีที่แล้ว

    Добрый день! При попытке добавить видео в фон как у Вас в итоговом варианте получаются отступы по краям черного цвета. Как бы видео не растягивала отступы (граница черного цвета) сохраняются. Не подскажите в чем может быть причина? Заранее спасибо за ответ!

  • @vemiros
    @vemiros 2 ปีที่แล้ว

    И при смене монитора с большим разрешением аесь контент ползет в разные стороны. У Вас была такая проблема?

  • @himmbaza_channel6088
    @himmbaza_channel6088 3 ปีที่แล้ว

    Доброго времени суток, увеличиваем видео дабы скрыть инструменты youtube, они исчезают. Но остается виден таймлайн видео при наведении курсора на видео. Как быть ?

  • @user-tn3bb7es8s
    @user-tn3bb7es8s ปีที่แล้ว

    Здравствуйте, подскажите пожалуйста почему видео автоматически не воспроизводиться, настройки как по видео сделала

  • @user-cr6wl1ex8f
    @user-cr6wl1ex8f 4 ปีที่แล้ว

    Привет! Помоги пожалуйста начинающему веб дизайнеру. Какой размер (в пикселях) изображение лучше использовать для обложки ?

    • @MaksKyratov
      @MaksKyratov  4 ปีที่แล้ว

      Привет , если не сильно хочешь заморачиваться, то делай ширину 2000px (высота автоматом подстроится). Если хочешь заморочится ко радрируй под HD (HDTV (Full HD) (FHD) 1920 × 1080)

  • @elenaaleksandrovna8616
    @elenaaleksandrovna8616 2 ปีที่แล้ว

    Здравствуйте, подскажите пожалуйста: у нас на сайте на тильде размещен код формы калькулятора в zero блоке. Сервис, который предоставляет калькуляторы, сообщает что уменьшил максимально размер формы. Но все равно форма вся не влезает в один блок и приходится использовать прокрутку, что неудобно. Ещё картинки рядом хотим уместить. Подскажите, пожалуйста как быть? Можно решить проблему только с программистом?

  • @kpdpok
    @kpdpok 3 ปีที่แล้ว

    Сделал эту анимацию и первый раз все работало как надо. Потом правый шейп стал в конце движения влево заходить за центр экрана.
    Я его возвращаю назад и при PlayAll все нормально. при просмотре и публикации он опять выезжает левее центра.
    Пробовал удалять шаги анимации для всех элементов и делать заново, Все равно этот косяк.
    Приходится ручками подбирать положение правого шейпа на втором шаге анимации не по центру а чуть правее.
    Заснял это на видео, чтобы было наглядно видно мои настройки.

  • @ibragimusa
    @ibragimusa 3 ปีที่แล้ว

    Здравствуйте Максим!
    Как сделать плавный переход между блоками тильда в зеро блок? Например мне нужно что бы в каждом блоке был свой цвет, но что бы он плавно переходил из одного цвета в другой? Спасибо заранее

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      Приветствую , стандартный блок в разделе «разделители»

  • @evgeniya2532
    @evgeniya2532 ปีที่แล้ว

    Скажите, пожалуйста. Не получается видео на фон с автопроигрывателем. Вставляю блок с видео, урл с Ютуба. Предварительный просмотр видео загружается, но автоматически не включается, только с кнопки. В чем может быть проблема?

  • @user-wt6mf9ru4j
    @user-wt6mf9ru4j 3 ปีที่แล้ว

    Где взять формат PNG, если при сохранении на диск его не предлагается?Спасибо

    • @user-vz4iq4fz4i
      @user-vz4iq4fz4i ปีที่แล้ว

      фотошоп даёт возможность сохранить в .png

  • @irina.gamulina
    @irina.gamulina 4 ปีที่แล้ว +1

    очень круто!)) спасибо. сделала похожую анимацию, но сайт совсем перестал грузиться. В сафари грузится после обновления страницы. Инкогнито в сафари попробовала, вообще не грузится. На мобильном сайт грузится, но анимация не работает. только текст((( в чем может быть причина?

    • @MaksKyratov
      @MaksKyratov  4 ปีที่แล้ว +1

      Привет. Посмотрите в описание видео есть ссылка на вторую часть, так как раз ответы на эти вопросы

  • @anton_milevsky
    @anton_milevsky 2 ปีที่แล้ว

    Подскажите, почему у меня повторение видео начинается с 0 секунды, а не с 6 как это происходит при первой загрузке? А так же, все последующие разы, видео не заканчивается на заданной секунде и проигрывается до конца.

  • @snowsnow3450
    @snowsnow3450 3 ปีที่แล้ว

    Подскажите,может кто встречал проблему?выставляю старт и финиш видео по времени,но при просмотре Сайт это игнорирует и воспроизводиться с начала и до конца(

  • @user-xp6uh9vy7b
    @user-xp6uh9vy7b ปีที่แล้ว

    А почему на телефоне анимация не плавная, а скорее как телепорт?
    Ответьте пожалуйтса)

  • @Andrey-yr4ev
    @Andrey-yr4ev 2 ปีที่แล้ว

    Скажите пожалуйста можно перейти с зеро блока в обычный режим после небольшого редактирования?

  • @user-fs2ll3ve3n
    @user-fs2ll3ve3n ปีที่แล้ว

    Здравствуйте, не могу понять почему ссылка с ютуб не открывается в тильде, я копию ставлю потом нажимаю save она пропадает 🙄 что делать?)🙏

  • @alexOXz
    @alexOXz 2 ปีที่แล้ว

    Ставлю с 6 секунды и зацикливание. Как только 1 раз проиграл, следующий начинает с 0 секунды... это у меня только? Каждый раз видно загрузчик тоже не очень... Что-то можно с этим сделать?

  • @user-zf3ex5lz5w
    @user-zf3ex5lz5w 3 ปีที่แล้ว

    А как убрать значок загрузки видео в начале? Выглядит вообще не очень
    И еще почему-то видео проигрывается в установленных пределах, но потом начинается не с указанной секунд, а с начала.
    Что не так?

  • @user-wd5in5fl5s
    @user-wd5in5fl5s 3 ปีที่แล้ว

    Очень медленно) Но, это даже плюс...

  • @donbotdonbot2522
    @donbotdonbot2522 2 ปีที่แล้ว

    Добрый день вы растянули, но на некоторых мониторах все равно интерфейс будет Ютуба будет виден, как его отключить, видео что малый бизнес дает гораздо хуже качеством, чем у официантов короны.....поэтому вторая причина растягивать не подходит.......как быть, может вы уже нашли лучшее решение????????? Да и на мобиле почему то в бок открывается, хотя center center установил???????

  • @denismen3528
    @denismen3528 2 ปีที่แล้ว

    А как сделать ссылки при клике на меню?

  • @user-uv6hg3of6w
    @user-uv6hg3of6w 3 ปีที่แล้ว

    Скажите пожалуйста, сделала в настройка с видео все как у вас, только вписала, чтобы начало было с 14секунди, но оно на сайте мне запускает с самого начала видео, в чем может быть проблема?

    • @user-uv6hg3of6w
      @user-uv6hg3of6w 3 ปีที่แล้ว

      Поменяла Loop на None и уже проигрывает видео с нужной секунды, а с Loop не хочет

  • @user-qo1tw5yl8r
    @user-qo1tw5yl8r ปีที่แล้ว

    добрый день, делаю всё как на видео ,но получается совсем не так. Центр находится в правой стороне, приходится прописывать значения больше чем у вас на видео для перемещения,хотя в самом редактировании в zero blok всё работает как нужно ,а вот на просмотре не понятно как .Что можно с этим сделать? Помогите пожалуйста.

    • @user-qo1tw5yl8r
      @user-qo1tw5yl8r ปีที่แล้ว

      на маке всё работает корректно, а вот на виндовсе нет.

  • @user-lb8zb2on6b
    @user-lb8zb2on6b 4 ปีที่แล้ว

    Здравствуйте 🙋. А почему у меня бутылка не выходит.(один раз вышла, но очень поздно) что с этим делать?

    • @MaksKyratov
      @MaksKyratov  4 ปีที่แล้ว

      Добрый день) не могу знать , я же не вижу исходник. Ведь я даже не знаю что именно у вас не выходит ? Не можете обрезать или анимация или месторасположение ?

    • @user-lb8zb2on6b
      @user-lb8zb2on6b 4 ปีที่แล้ว

      @@MaksKyratov Спасибо что ответили. Я сделал все тоже самое (скорее всего) но у меня сама бутылка не выходит на экран🙆

    • @MaksKyratov
      @MaksKyratov  4 ปีที่แล้ว +1

      @@user-lb8zb2on6b Что то явно не по видео сделали или упустили. Может в слоях она стоит в самом низу и все элементы ее перекрывают . Переместите вверх . Может анимацию как то не так настроили . Увы сказать не могу . Попробуйте удалить и проделать все тоже самое как в видео

    • @user-lb8zb2on6b
      @user-lb8zb2on6b 4 ปีที่แล้ว +1

      @@MaksKyratov хорошо, Спасибо большое 👏

  • @allisonfromwonderland5227
    @allisonfromwonderland5227 3 ปีที่แล้ว +1

    Почему в мобильной версии не проигрывается видео?

    • @dulat3121
      @dulat3121 3 ปีที่แล้ว

      потому что она не потдерживает пк версию

  • @Loginova-psychology
    @Loginova-psychology 2 ปีที่แล้ว

    Лучше без фоновой музыки.

    • @MaksKyratov
      @MaksKyratov  2 ปีที่แล้ว

      Уже понятно) исправился в последующих видео)

  • @gulzatbektemirova2632
    @gulzatbektemirova2632 3 ปีที่แล้ว

    Не понимаю как нужно текст правильно выровнять. В редактировании вроде все правильно, но когда публикую все смещаеется

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      потому что в виндов контейнере не правильно указали координаты ( лево/право, верх/низ) . У меня в курсе "зеро блок" отдельный модуль по этому страшному виндов контейнеру

  • @user-so6on5yg6n
    @user-so6on5yg6n 2 ปีที่แล้ว

    никак не увижу ссылку на фотошоп

  • @res1de
    @res1de 3 ปีที่แล้ว

    Музыка громко играет на видео

    • @MaksKyratov
      @MaksKyratov  3 ปีที่แล้ว

      Есть такой косяк

  • @sd6664
    @sd6664 2 ปีที่แล้ว

    Это какой фотошоп ???