Урок 1: Делаем стильный дизайн сайта c 3D анимацией в Figma, с помощью нейросети | 2024

 

В данном уроке начнем делать стильный сайт с 3D анимацией, что является началом бесплатного курса по веб-дизайну и созданию сайтов на платформе kalinin.school. Данный курс, ориентированный на начинающих и новичков, научит создавать красивые современные сайты, которые будут адаптивными с 3D анимацией, параллаксом. Уникальность курса заключается в том, что графический и текстовый контент будет разработан нейросетью DALL-E3, раскрывая перед учащимися мир современных технологий. На данном уроке мы приступим к созданию текстового прототипа с помощью YandexGPT 2 и разработаем макет сайта в Figma. Для этого необходимо иметь установленное приложение Figma и базовые знания в его использовании. На втором уроке мы займемся созданием графики и иконок с применением нейросети DALL-E 3. Мы экспортируем векторные элементы из Figma в 3D редактор Spline3D, где также создадим скины наших изображений. Затем приступим к созданию анимации по скроллу. На третьем уроке мы познакомимся с процессом экспорта макета из Figma в Tilda. В Tilda мы добавим HTML блок, в который будем встраивать код с нашими 3D моделями, демонстрируя шаги разработки сайта с нуля. Телеграм школы:
Инстаграм школы: https://instagram.com/kalinin.school
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