Урок 2: Делаем стильный сайт с 3d анимацией на Tilda с помощью Нейросети и Spline3D | 2024
На данном уроке продолжаем делать стильный сайт с 3d анимацией. Это бесплатный курс по веб дизайну и созданию сайтов.
Данный бесплатный курс для начинающих и новичков научит создавать красивые современные сайты, они будут адаптивные с 3d анимацией, параллаксом, а самое интересное, что графический и текстовый контент придумает нейросеть DALL-E3. Останется собрать все вместе.
На прошлом уроке мы создавали текстовый прототип с помощью YandexGPT 2, и сделали в Figma макет сайта.
На данном уроке мы создадим графику и иконки в нейросети DALL-E 3. Экспортируем векторные элементы из Figma в 3D редактор Spline3D, там же сделаем скины из наших картинок. Далее создадим анимацию карты, анимацию пластиковой карты по скроллу (scroll) и анимацию снежинок на фоне
На третьем уроке мы будем экспортировать макет из Фигмы в Тильду. В Tilda добавим HTML блок в который будем добавлять код с нашими 3D моделями
Телеграм школы:
Инстаграм школы:
Behance школы:
Dribbble аккаунт школы:
Сайт школы:
Matcukito Kioto, c152 - it was the longest night of my life
0:00 В каких программах создавался сайт с 3D анимацией по скроллу
0:40 О чем данный ролик
0:50 Что было на прошлом занятии (создание макета в Figma)
1:05 Дорабатываем макет в Figma (меняем цвета и стили)
1:40 Добавляем детали к банковской карте
2:19 Нейросеть DALL-E3 (где найти, как пользоваться)
3:00 Пишем промт для нейросети, для создания фона карты
4:15 Добавляем макет банковской карты на прототип в Figma
4:40 Добавляем на макет в Фигме декоративные элементы (снежинки)
5:30 В нейросети создаем иконки для сайта
6:48 Экспортируем иконки из PNG в SVG
7:35 Готовим векторные элементы для экспорта в Spline3D
8:26 Spline3D (обзор программы, как работать, основные инструменты, материалы)
9:45 Экспортируем карту в Spline3D
10:50 Добавляем картинку от Нейросети
11:15 Создаем свой материал в Spline3D
11:30 Добавляем источник света в Spline3D
12:30 Создаем простую анимацию (вращение карты)
13:40 Создаем анимацию по скролу (scroll)
15:00 Настраиваем экспорт анимации из Spline3D
16:30 Экспортируем векторную снежинку в Spline3D
17:00 Создаем анимацию вращения для снежинок
18:40 Добавляем эффект свечения Bloom
18:50 Бонус при работе в Spline3D
19:36 Что будет на следующем уроке
#вебдизайн #figma #нейросеть #spline3d
1 view
918
254
12 months ago 01:07:10 1
ЛУНА: о новом замужестве, отношениях с Бардашем и музыкальной революции
12 months ago 00:20:06 1
Конституция России 1993 г. Видеоурок 52 (2). История 11 класс
12 months ago 00:05:45 1
Химия 10 класс (Урок№2 - Предельные углеводороды — алканы.)
12 months ago 00:02:52 1
Прыжки через короткую скакалку - техника выполнения
12 months ago 00:07:07 1
Екатеринбург Учителя уволены, уроки — в прогул=Новый директор школы «эффективный менеджер»
12 months ago 00:24:40 1
Уроки выборов, или ошибки Максима Каца
12 months ago 00:04:43 1
МАТЕМАТИКА: КАК БЫСТРО УМНОЖАТЬ В УМЕ ДВУЗНАЧНЫЕ ЧИСЛА
12 months ago 00:06:16 1
Массажные приёмы (2/4): Растирание
12 months ago 01:56:00 1
Pepel Nahudi — Рэпер, в которого РЕАЛЬНО стреляли, безумные истории парня с района (Подкаст)
12 months ago 00:53:51 1
Как рожали и растили детей в разные времена
12 months ago 00:09:19 1
СОСТОЯНИЕ БЕЗ УМА/ STATE CRAZY
12 months ago 00:10:51 1
КАК РИСОВАТЬ Стилизацию // МУЛЬТ СТИЛЬ // Как стилизовать рисунок // стилизация
12 months ago 00:11:50 1
Какая программа ДЛЯ РИСОВАНИЯ (графический редактор) лучше? Krita // Sai // Clip Studio paint
12 months ago 00:12:51 1
ОСНОВЫ РИСОВАНИЯ: линии движения в рисунке
12 months ago 00:35:09 1
Уроки английского языка | Английский на слух для начинающих | EnglishDom
12 months ago 00:02:36 1
2 урок Хинди Комплименты
12 months ago 00:05:56 1
Как легко выучить таблицу умножения | АЛГЕБРА | Skysmart
12 months ago 00:12:03 1
Уроки о Святом Духе!🕊️☦ Урок № 1 Бог - Есть Любовь! ✝ Евангелие 🕊️☦ Знахарь-Кирилл
12 months ago 00:18:40 1
Модное и комфортное платье на все случаи жизни. Моделирование и раскрой платья из крепа
12 months ago 00:03:56 1
Каста — Скрепы (Official Video)
12 months ago 01:00:49 1
Изучение Python в одном видео уроке за час!
12 months ago 00:10:59 1
ВРАЧИ РАЗОРЯТСЯ! Простой массаж уберёт боль в лопатках
12 months ago 01:18:27 1
Клим Жуков. Цусима: анатомия катастрофы, ч 3. Как русский флот стал заложником Порт-Артура.
12 months ago 00:10:06 1
Русский язык 3 класс (Урок№10 - Простое и сложное предложение.)