Tilda. КАК РАБОТАТЬ В TILDA ZERO BLOCK | 💓 Анимация, Видеофон, Верстка. Тильда конструктор сайтов
Vložit
- čas přidán 16. 03. 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 #Тильда
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
Вторая часть урока:
czcams.com/video/uBvlFRDnWbw/video.html
Хочешь скачать ID этого шаблона?
Качай в телеграм канале: t.me/joinchat/AAAAAEadvOAkiKMAeDJ-tQ
Бутылочка «Короны» в 20-ом году звучит по особенному!
Воу, это что-то слишком крутое!! Спасибо за этот урок!!! Я даже не мог подумать, что тильда даёт такие возможности!!! Огромный респект
Понравился ролик, подача простая. Продолжайте в том же духе! Спасибо за ролики.
Максим, спасибо, столько времени прошло, а мы учимся у Вас. КРУТО. ЗДОРОВО. ЛЕГКО и КЛАССНО - СПАСИБИЩЕ !!! МИРА и БЛАГОПОЛУЧИЯ
Спасибо за подробный урок. Буду внедрять в сайты анимацию. Раньше боялся зеро блока. Теперь подружился.
Благодарю от всей души! Супер просто и понятно доносите информацию, круто!
Тигр ты просто, от души. Без воды и только полезное!!!
Отличные видео, спасибо за ваши уроки
Макс, как всегда, блестящий урок. Вы дарите вдохновение, желание познавать. Благодарю.
Просто охрененно, чувак!
Это мой первый урок по Тильде, который я ПОНЯЛА, и всё получилось!! Спасиииибо!
ну при чем это далеко не легкий)
Для меня это самое крутое видео по работе с зеро блоком!!! 😍 Спасибо!!! Ответы на вопросы которые я даже не ожидала!
Красавчик 👏🏻👏🏻👏🏻 Очень круто
Спасибо за урок !!!
Супер полезное видео! Спасибо большое))) Пойду пробовать)
ХОСПАДЕ!! Какая же я молодец!!! Неужели я сделала эту круть!!! Макс, СПАСИБИЩЕ ОГРОМНОЕ!
супер, спс за контент, счастья вам
Лучший, спасибо огромное
Спасибо тебе огромное Макс, за такой простой и доступный язык познавания Z-block!
Очень круто, спасибо, попробую. Подписалась🤗
Очень помог, спасибо!
Очень крутая работа!
Макс!!! Огромное вам спасибо за инфу!!!!!!!
Ты крут. Спасибо за такие видео
Макс спасибо за урок, очень клевый + ті доступно и хорошо объясняешь и показываешь всё
Спасибо за приятные слова)
очень круто:)))
Макс спасибо.
Спасибо
спасибо
Спасибо большое, искал как убрать автоплэй, помог
Очень!
Спасибо, недавно прошел курс по тильде, там zero-блок вскользь упомянули, хотя, по мне самый интересный элемент, с вашего видео почерпнул для себя полезную информацию.
В целом понял, что полезней и дешевле почитать документацию тильды, и посмотреть ролики на ютуб, чем курсы инфоцыган проходить..
не знаю что ответить. У меня тоже есть курсы) Инфоцигани это те, кто успешный успех продают. Не все образовательные курсы инфоциганство.
"почитать документацию тильды" естественно можете. Можно и программирование по книжкам выучить. А есть инфокурсы, где люди с опытом выдают выжимку ровным счетом то, что нужно, а не все и обо всем. Корочу я к тому, что не стоит всех онлайн-преподавателей под один ярлык "инфоциганства". Заметьте, я даже ссылку на курсы вам не кинул)
заебись
Макс всё отлично, видео твои просто космос, одна поправка FOLLOW US читается как фалоу ас. 😎
спасибо, обязательно учту в след. раз!
Пошла купила себе корону)
Добрый день! Спасибо за Ваши видео. Начала с нуля и прямо с этого зеро блока. Объяснение ОЧЕНЬ доступное, все получилось. Второй раз уже новую версию создала без подглядывания. Есть вопрос: подскажите, пожалуйста, когда такая роскошная первая страница, наверное, лучшее вниз потом не дорабатывать, а сделать просто новые страницы, как Вы считаете?
Макс, а как сделать так, чтобы в макете этого дизайна качество видео сразу было хорошее выше 720? Да и вообще в целом любого видео, которое вставляешь в зеро блок?
с такими уроками, я у тебя буду отбивать клиентов!)) шутка конечно, хороший урок и очень информативный!
Благодарю
И еще вопрос, простите. В видео меня интересовала часть с 86 секунды по 136. Так вот первый раз прокручивает как задано, а второй раз, когда срабатывает автоплей начинает крутить с начала, т.е. с нулевой секунды. Это я что-то делаю не так или это норма? Заранее благодарю за ответ
Макс, огромное спасибо за полезные и познавательные видео! Есть проблемка - в браузере Google Chrome не запускается видео в режиме autoplay. ОС - Windows-10, "Последняя версия Google Chrome уже установлена
Версия 88.0.4324.182 (Официальная сборка), (64 бит)" - это из настроек.
Ставлю в Microsoft Edge - все работает без проблем.
На смартфоне тоже не отображается, но там видимо от особенностей ОС гаджета зависит.
Не сталкивался с такими вещами? Как с этим бороться?
И при смене монитора с большим разрешением аесь контент ползет в разные стороны. У Вас была такая проблема?
Макс, привет! Такой вопрос: добавила свое видео начиная с 215 секунды и заканчиваю на 239. Но по истечению заданного интервала видео начинается не с 215 секунды, а с самого начала :( не понимаю в чем причина, повтор поставила, но все равно крутит с начала
Спасибо, было полезно. Подскажите, есть ли возможность наложить градиент на видеофон в Зероблоке? Так как по умолчанию фон бэкграунда в слоях ниже, чем видео.
Я тоже не понял, поэтому просто сделал шейп в цвет нижнего блока, а элементы нижнего блока поставил чтоб отображались
Сделал эту анимацию и первый раз все работало как надо. Потом правый шейп стал в конце движения влево заходить за центр экрана.
Я его возвращаю назад и при PlayAll все нормально. при просмотре и публикации он опять выезжает левее центра.
Пробовал удалять шаги анимации для всех элементов и делать заново, Все равно этот косяк.
Приходится ручками подбирать положение правого шейпа на втором шаге анимации не по центру а чуть правее.
Заснял это на видео, чтобы было наглядно видно мои настройки.
Добрый день! При попытке добавить видео в фон как у Вас в итоговом варианте получаются отступы по краям черного цвета. Как бы видео не растягивала отступы (граница черного цвета) сохраняются. Не подскажите в чем может быть причина? Заранее спасибо за ответ!
Доброго времени суток, увеличиваем видео дабы скрыть инструменты youtube, они исчезают. Но остается виден таймлайн видео при наведении курсора на видео. Как быть ?
Здравствуйте, подскажите пожалуйста почему видео автоматически не воспроизводиться, настройки как по видео сделала
Вторая часть урока:
czcams.com/video/uBvlFRDnWbw/video.html
Подскажите,может кто встречал проблему?выставляю старт и финиш видео по времени,но при просмотре Сайт это игнорирует и воспроизводиться с начала и до конца(
Привет! Помоги пожалуйста начинающему веб дизайнеру. Какой размер (в пикселях) изображение лучше использовать для обложки ?
Привет , если не сильно хочешь заморачиваться, то делай ширину 2000px (высота автоматом подстроится). Если хочешь заморочится ко радрируй под HD (HDTV (Full HD) (FHD) 1920 × 1080)
Ставлю с 6 секунды и зацикливание. Как только 1 раз проиграл, следующий начинает с 0 секунды... это у меня только? Каждый раз видно загрузчик тоже не очень... Что-то можно с этим сделать?
Здравствуйте, подскажите пожалуйста: у нас на сайте на тильде размещен код формы калькулятора в zero блоке. Сервис, который предоставляет калькуляторы, сообщает что уменьшил максимально размер формы. Но все равно форма вся не влезает в один блок и приходится использовать прокрутку, что неудобно. Ещё картинки рядом хотим уместить. Подскажите, пожалуйста как быть? Можно решить проблему только с программистом?
Подскажите, почему у меня повторение видео начинается с 0 секунды, а не с 6 как это происходит при первой загрузке? А так же, все последующие разы, видео не заканчивается на заданной секунде и проигрывается до конца.
Скажите, пожалуйста. Не получается видео на фон с автопроигрывателем. Вставляю блок с видео, урл с Ютуба. Предварительный просмотр видео загружается, но автоматически не включается, только с кнопки. В чем может быть проблема?
Очень медленно) Но, это даже плюс...
Здравствуйте, не могу понять почему ссылка с ютуб не открывается в тильде, я копию ставлю потом нажимаю save она пропадает 🙄 что делать?)🙏
А почему на телефоне анимация не плавная, а скорее как телепорт?
Ответьте пожалуйтса)
А как убрать значок загрузки видео в начале? Выглядит вообще не очень
И еще почему-то видео проигрывается в установленных пределах, но потом начинается не с указанной секунд, а с начала.
Что не так?
Добрый день вы растянули, но на некоторых мониторах все равно интерфейс будет Ютуба будет виден, как его отключить, видео что малый бизнес дает гораздо хуже качеством, чем у официантов короны.....поэтому вторая причина растягивать не подходит.......как быть, может вы уже нашли лучшее решение????????? Да и на мобиле почему то в бок открывается, хотя center center установил???????
Здравствуйте Максим!
Как сделать плавный переход между блоками тильда в зеро блок? Например мне нужно что бы в каждом блоке был свой цвет, но что бы он плавно переходил из одного цвета в другой? Спасибо заранее
Приветствую , стандартный блок в разделе «разделители»
Где взять формат PNG, если при сохранении на диск его не предлагается?Спасибо
фотошоп даёт возможность сохранить в .png
Скажите пожалуйста можно перейти с зеро блока в обычный режим после небольшого редактирования?
Нет
очень круто!)) спасибо. сделала похожую анимацию, но сайт совсем перестал грузиться. В сафари грузится после обновления страницы. Инкогнито в сафари попробовала, вообще не грузится. На мобильном сайт грузится, но анимация не работает. только текст((( в чем может быть причина?
Привет. Посмотрите в описание видео есть ссылка на вторую часть, так как раз ответы на эти вопросы
А как сделать ссылки при клике на меню?
Лучше без фоновой музыки.
Уже понятно) исправился в последующих видео)
добрый день, делаю всё как на видео ,но получается совсем не так. Центр находится в правой стороне, приходится прописывать значения больше чем у вас на видео для перемещения,хотя в самом редактировании в zero blok всё работает как нужно ,а вот на просмотре не понятно как .Что можно с этим сделать? Помогите пожалуйста.
на маке всё работает корректно, а вот на виндовсе нет.
Скажите пожалуйста, сделала в настройка с видео все как у вас, только вписала, чтобы начало было с 14секунди, но оно на сайте мне запускает с самого начала видео, в чем может быть проблема?
Поменяла Loop на None и уже проигрывает видео с нужной секунды, а с Loop не хочет
Почему в мобильной версии не проигрывается видео?
потому что она не потдерживает пк версию
Здравствуйте 🙋. А почему у меня бутылка не выходит.(один раз вышла, но очень поздно) что с этим делать?
Добрый день) не могу знать , я же не вижу исходник. Ведь я даже не знаю что именно у вас не выходит ? Не можете обрезать или анимация или месторасположение ?
@@MaksKyratov Спасибо что ответили. Я сделал все тоже самое (скорее всего) но у меня сама бутылка не выходит на экран🙆
@@user-lb8zb2on6b Что то явно не по видео сделали или упустили. Может в слоях она стоит в самом низу и все элементы ее перекрывают . Переместите вверх . Может анимацию как то не так настроили . Увы сказать не могу . Попробуйте удалить и проделать все тоже самое как в видео
@@MaksKyratov хорошо, Спасибо большое 👏
Не понимаю как нужно текст правильно выровнять. В редактировании вроде все правильно, но когда публикую все смещаеется
потому что в виндов контейнере не правильно указали координаты ( лево/право, верх/низ) . У меня в курсе "зеро блок" отдельный модуль по этому страшному виндов контейнеру
никак не увижу ссылку на фотошоп
Музыка громко играет на видео
Есть такой косяк
Это какой фотошоп ???