Урок 1: Делаем стильный дизайн сайта c 3D анимацией в Figma, с помощью нейросети | 2024
На данном уроке начнем делать стильный сайт с 3d анимацией. И это начало бесплатного курса по веб дизайну и созданию сайтов.
Данный бесплатный курс для начинающих и новичков научит создавать красивые современные сайты, они будут адаптивные с 3d анимацией, параллаксом, а самое интересное, что графический и текстовый контент придумает нейросеть DALL-E3. Останется собрать все вместе.
На данном уроке создадим текстовый прототип с помощью YandexGPT 2, и сделаем в Figma макет сайта. Поэтому от вас потребуется установленная программы Figma и минимальные знания в данном приложении
На втором уроке мы создадим графику и иконки в нейросети DALL-E 3. Экспортируем векторные элементы из Figma в 3D редактор Spline3D, там же сделаем скины из наших картинок. Далее создадим анимацию по скроллу (scroll)
На третьем уроке мы будем экспортировать макет из Фигмы в Тильду. В Tilda добавим HTML блок в который будем добавлять код с нашими 3D моделями
Телеграм школы:
Инстаграм школы:
Behance школы:
Dribbble аккаунт школы:
Сайт школы:
Royalty Free Music from
Track: Greatness and Power by Timur
0:00 Как создавался сайт с 3D анимацией по скроллу
0:40 О чем данный ролик
0:50 Bento Grid — новый стиль в веб-дизайне
2:06 YandexGPT2 нейросеть генерирует нам текст
3:04 В Figma создаем текстовый прототип
5:20 Главный экран для будущего сайта
8:50 Второй экран с прямоугольным фоном в стиле Bento
11:10 Третий экран из трех блоков
12:40 Самый заметный блок про помощь котам
14:25 Пятый экран из двух блоков
15:15 Создаем футер (footer)
17:00 Что будет в следующем уроке бесплатного курса для новичков
#вебдизайн #figma #нейросеть #3d
1 view
660
215
1 month ago 00:25:23 3
Как решать уравнения с модулем или Математический торт с кремом (часть 1) | Математика
1 month ago 00:26:59 1
Мелирование на темные русые волосы дома | Окрашивание волос | Уроки окрашивания волос
1 month ago 00:22:48 1
МАСТЕР-КЛАСС🎄Новогодний башмачок⛄ (крючком) 2 часть
2 months ago 00:14:02 1
Русский 10 класс. Имя существительное
2 months ago 00:56:32 1
Графический дизайн с нуля за 1 час! (уроки для начинающих)
2 months ago 00:04:06 1
Подтянуть обвисшую кожу с внутренней стороны рук, фитнес для женщин, упражнение для рук дома качать
2 months ago 00:30:44 1
🔥Как паять? Большой урок по пайке электроники
2 months ago 00:13:46 1
БОЛИТ СПИНА и ПОЯСНИЦА, ГРЫЖА ДИСКОВ И ОСТЕОХОНДРОЗ | Медицина и здоровье для бабушек доктор Божьев
2 months ago 00:08:39 1
Состязание. Мультфильм с Олегом Анофриевым о Ланселоте и правилах дорожного движения (1974)
2 months ago 00:32:58 1
Алексей Султанов. “Зачем вы так поступили со мной?“ Конкурсы и инсульты.
2 months ago 00:06:41 1
Video by Maria Bykova
2 months ago 00:10:20 1
Кодинг стал ИЗИ после этого открытия! Вот как я это сделал!
2 months ago 00:04:37 1
«День народного единства». Познавательный мультфильм к уроку «Разговоры о важном»
2 months ago 00:16:43 3
ХУДОЖЕСТВЕННЫЕ ФОНЫ В ОБРАБОТКЕ ПОРТРЕТА – СЕКРЕТЫ ИДЕАЛЬНОГО СОВМЕЩЕНИЯ
2 months ago 00:13:16 1
🤯 Adobe скатились? Где все инновации и что нам втюхали...
2 months ago 00:54:04 4
Банк жуликов: Как BCCI стал главным банком по отмыванию денег / Уроки истории @MINAEVLIVE
2 months ago 00:02:39 2
Базовый Курс Adobe After Effects. Интерфейс. Урок №1.
2 months ago 01:25:52 1
Катынский расстрел. Память, которую хотят стереть
2 months ago 00:31:06 1
Сумка из шнура Большая простая сумка своими руками Вязание крючком Пошаговое видео для начинающих
2 months ago 00:16:13 1
Как наносить макияж для начинающих ШАГ ЗА ШАГОМ
2 months ago 00:20:28 1
Первое занятие выгоды, преимущества, перспективы.
2 months ago 00:07:11 1
Как восстановить зрение при глаукоме, катаракте и макулодистрофии в течении месяца. Glaucoma
2 months ago 00:18:34 1
Монтаж динамичного / анимационного Reels на телефоне с нуля до профи!
2 months ago 00:10:15 1
HIP-HOP для начинающих с ANDRE DEMARKO | Часть 1 - Разминка