Урок 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
660
215
7 months ago 00:22:59 1
Классный час «Гагаринский урок «Космос – это мы»
7 months ago 00:14:05 1
Изучаем космос - от Земли до Марса - Космические мультики для детей
7 months ago 00:05:26 1
Профилактика терроризма и экстремизма в школе
7 months ago 01:11:31 1
“Нас тупо ИСПОЛЬЗОВАЛИ!“ // Украинец про войну, Зеленского, Лукашенко и жизнь в Англии
7 months ago 00:11:35 1
Солнце и планеты - Развивающие мультики и песенка для детей про космос
7 months ago 00:03:12 1
Баскетбол - Дриблинг и защита мяча. Движение лучшего игрока ГСВ, Кевина Дюранта (НБА) | BallGames
7 months ago 00:01:54 1
Распевка для голоса / Разогрев голоса
7 months ago 01:13:16 1
РЕШАЕМ ЗАДАНИЯ ДОСРОКА ЕГЭ ПО ОБЩЕСТВУ 2024 I ЧТО БУДЕТ НА ЕГЭ ПО ОБЩЕСТВУ В 2024 I ЕГЭLAND
7 months ago 00:22:17 2
PROTEUS УРОК 28 усилитель мощности часть 1
7 months ago 00:11:13 1
Почему за ним охотились врачи Гитлера и Аненербе ? Расторопша – 7 исцеляющих свойств
7 months ago 00:00:56 1
Украшение из Янтарных “Чипсов“ #авторскиеукрашения #украшенияручнойработы #эксклюзивныеукрашения
7 months ago 00:13:54 1
АвиаМоделирование - Урок 1, Метательный планер “Микро 300“ своими руками
7 months ago 00:56:19 1
Пошаговый план подготовки к свадьбе, урок первый
7 months ago 01:44:36 1
Занятие 1. Психофизическая саморегуляция, г.
7 months ago 00:07:11 1
Все о подготовке с 99 баллов | ЕГЭ | 99 БАЛЛОВ
7 months ago 01:02:20 2
Монтаж в DaVinci Resolve. Продвинутый уровень. Занятие №1. Дмитрий Ларионов
7 months ago 00:20:31 1
Наводнение в Оренбуржье: причины | Как избежать наводнений
7 months ago 00:13:33 1
Урок 1
7 months ago 00:06:16 1
Про электронику для авиамодели. Урок№1
7 months ago 04:55:59 1
БУХГАЛТЕРСКИЕ ПРОВОДКИ с нуля: ПОЛНЫЙ КУРС за 5 часов [ТЕОРИЯ 📚 + ПРАКТИКА 💻]
7 months ago 00:05:06 1
Звучащие картины | Музыка 1 класс #13 | Инфоурок
7 months ago 00:17:32 1
Химия - просто. Урок 1 “ПСЭ“
7 months ago 00:35:49 1
Курс Фотошоп с Нуля #1 - Создание документа | Основы интерфейса | Навигация