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

• Макс Куратов приветствует зрителей и анонсирует создание дизайна первого экрана с использованием Photoshop и Tilda.  

• Видео будет посвящено анимации и мобильной версии.  

• Макс предлагает бесплатные курсы по Photoshop и Tilda, а также упоминает о курсе по Tilda, ссылка на который будет в описании.  

• Тема видео - экстремальные путешествия, выбранная зрителями через голосование в социальных сетях.  

• План: скачать видеофон с водопадом, сделать принтскрин, вырезать водопад и создать три слоя: фон, текст и часть водопада.  

• В Photoshop вырезать водопад и создать пункты меню в виде гамбургера.  

• Поиск и загрузка видеофона с водопадом.  

• Настройка высоты и ширины видео в Photoshop.  

• Удаление ненужных элементов и добавление видео в контейнер.  

• Создание анимации для видео: задержку на 8 секунд и появление картинки.  

• Настройка текстовых фреймов и выравнивание пунктов меню.  

• Использование Windows контейнера для привязки текста к центру экрана.  

• Рисование гамбургера с помощью шейпов.  

• Выравнивание элементов и добавление направляющей.  

• Добавление иконки лупы и настройка её стилистики.  

• Настройка иконки лупы и её цвета.  

• Создание и назначение видеоконтейнера.  

• Завершение работы с меню и иконками.  

• Выравниваем два элемента относительно горизонтали.  

• Используем направляющую для точного выравнивания.  

• Иконка не симметрична, поэтому опускаем её искусственно.  

• Желтый шейп не соответствует выравниванию.  

• Используем текстовый элемент для адреса.  

• Меняем координаты Y на батон для корректного отображения.  

• Проверяем расстояние между элементами.  

• Поднимаем элементы для соответствия.  

• Сохраняем изменения и проверяем результат.  

• Создаем направляющую для элементов.  

• Переворачиваем текстовый фрейм на 270 градусов.  

• Добавляем иконки социальных сетей.  

• Копируем и вставляем иконки из другого проекта.  

• Отключаем анимацию и меняем координаты.  

• Выравниваем иконки по горизонтали.  

• Видео не загружается из-за медленного интернета.  

• Дублируем картинку и выравниваем по горизонтали.  

• Увеличиваем время загрузки видео до 15 секунд.  

• Добавляем текст между водопадом и основной картинкой.  

• Пишем текст "Экстремальные путешествия по водопадам Техаса".  

• Добавляем иконку телефона и номер.  

• Переходим в Photoshop для работы с фоном.  

• Дублируем слой и вырезаем водопад.  

• Осветляем водопад и затемняем задний фон.  

• Вырезаем водопад и возвращаем его на место.  

• Добавляем текст между водопадом и основной картинкой.  

• Экспериментируем с расположением текста.  

• Использование инструмента "контр-т-трансформация батман" для усиления водопада.  

• Сохранение водопада в формате PNG для отсутствия заднего фона.  

• Сохранение текста для дальнейшего вращения и верчения.  

• Переход в редактор для редактирования блока.  

• Разблокировка и перемещение фотографии для перекрытия видео.  

• Временное отключение фотографии для работы с водопадом.  

• Замена фотографии на слово "батман".  

• Применение анимации к батману и водопаду.  

• Удаление анимации с водопада, так как она была скопирована.  

• Проверка и настройка анимации батмана.  

• Опускание батмана на три секунды и его движение направо.  

• Проверка работы анимации.  

• Проблемы с загрузкой видео из-за плохого интернета.  

• Решение переиграть анимацию из-за нехватки времени на загрузку видео.  

• Создание заглушки на семь секунд для видео.  

• Создание заглушки с водопадом и батманом на первые пятнадцать секунд.  

• Удаление фотографии, которая должна была быть поверх видео.  

• Перенастройка анимации для полного исчезновения всех элементов через пятнадцать секунд.  

• Создание шагов для исчезновения элементов через пятнадцать секунд.  

• Сохранение и обновление проекта.  

• Проверка исчезновения всех элементов, оставляя только видео.  

• Анонс следующего видеоролика по верстке экрана под разные гаджеты.  

• Призыв поставить лайк и подписаться на канал.