Урок 1: Делаем стильный дизайн сайта c 3D анимацией в Figma, с помощью нейросети | 2024
На данном уроке начнем делать стильный сайт с 3d анимацией. И это начало бесплатного курса по веб дизайну и созданию сайтов.
Данный бесплатный курс для начинающих и новичков научит создавать красивые современные сайты, они будут адаптивные с 3d анимацией, параллаксом, а самое интересное, что графический и текстовый контент придумает нейросеть DALL-E3. Останется собрать все вместе.
На данном уроке создадим текстовый прототип с помощью YandexGPT 2, и сделаем в Figma макет сайта. Поэтому от вас потребуется установленная программы Figma и минимальные знания в данном приложении
На втором уроке мы создадим графику и иконки в нейросети DALL-E 3. Экспортируем векторные элементы из Figma в 3D редактор Spline3D, там же сделаем скины из наших картинок. Далее создадим анимацию по скроллу (scroll)
На третьем уроке мы будем экспортировать макет из Фигмы в Тильду. В Tilda добавим HTML блок в который будем добавлять код с нашими 3D моделями
Телеграм школы: https://t.me/kalinin_design
Инстаграм школы: https://instagram.com/kalinin.school
Behance школы: https://www.behance.net/KalininSchool
Dribbble аккаунт школы: https://dribbble.com/kalinin_design
Сайт школы: https://kalinin.school
Royalty Free Music from https://tunetank.com
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
Делаем стильный дизайн сайта c 3D анимацией в Figma,figma,веб дизайн с нуля,2024,kalinin.school,бесплатный курс по веб дизайну,веб дизайн для начинающих,школа веб дизайна,михаил калинин,процесс создания сайта,этапы работы над сайтом,этапы разработки сайта,этапы разработки создания сайта,tilda,как создать сайт,этапы создания сайта,spline 3d уроки,tilda publishing,dalle3,анимация,веб дизайн,figma tutorial,веб дизайн для новичков,уроки веб дизайна
Видео Урок 1: Делаем стильный дизайн сайта c 3D анимацией в Figma, с помощью нейросети | 2024 автора Уроки Web, UX/UI дизайн | Kalinin School
Видео Урок 1: Делаем стильный дизайн сайта c 3D анимацией в Figma, с помощью нейросети | 2024 автора Уроки Web, UX/UI дизайн | Kalinin School
Информация
23 февраля 2024 г. 13:40:42
00:17:42
Похожие видео