filmov
tv
Урок 1: Делаем стильный дизайн сайта c 3D анимацией в Figma, с помощью нейросети | 2024
Показать описание
Данный курс, ориентированный на начинающих и новичков, научит создавать красивые современные сайты, которые будут адаптивными с 3D анимацией, параллаксом.
Уникальность курса заключается в том, что графический и текстовый контент будет разработан нейросетью DALL-E3, раскрывая перед учащимися мир современных технологий.
На данном уроке мы приступим к созданию текстового прототипа с помощью YandexGPT 2 и разработаем макет сайта в Figma. Для этого необходимо иметь установленное приложение Figma и базовые знания в его использовании.
На втором уроке мы займемся созданием графики и иконок с применением нейросети DALL-E 3. Мы экспортируем векторные элементы из Figma в 3D редактор Spline3D, где также создадим скины наших изображений. Затем приступим к созданию анимации по скроллу.
На третьем уроке мы познакомимся с процессом экспорта макета из Figma в Tilda. В Tilda мы добавим HTML блок, в который будем встраивать код с нашими 3D моделями, демонстрируя шаги разработки сайта с нуля.
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
Уникальность курса заключается в том, что графический и текстовый контент будет разработан нейросетью DALL-E3, раскрывая перед учащимися мир современных технологий.
На данном уроке мы приступим к созданию текстового прототипа с помощью YandexGPT 2 и разработаем макет сайта в Figma. Для этого необходимо иметь установленное приложение Figma и базовые знания в его использовании.
На втором уроке мы займемся созданием графики и иконок с применением нейросети DALL-E 3. Мы экспортируем векторные элементы из Figma в 3D редактор Spline3D, где также создадим скины наших изображений. Затем приступим к созданию анимации по скроллу.
На третьем уроке мы познакомимся с процессом экспорта макета из Figma в Tilda. В Tilda мы добавим HTML блок, в который будем встраивать код с нашими 3D моделями, демонстрируя шаги разработки сайта с нуля.
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
Комментарии