Урок 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
867
274
4 days ago 00:22:23 1
УПРАЖНЕНИЯ ДЛЯ НАЧИНАЮЩИХ ТОКАРЕЙ | ЧАСТЬ 1
2 weeks ago 00:11:30 1
Вы не догадываетесь, что нужно шить с другой стороны
2 weeks ago 01:00:59 1
Рисование для детей. Черепашка
2 weeks ago 00:14:42 1
Грамматика русского языка (урок 1) #youtube #русский #грамматика