Загрузка...

Урок 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
Страницу в закладки Мои закладки
Все заметки Новая заметка Страницу в заметки