Портфолио-сайт за $1000 с помощью бесплатных ИИ-инструментов за 10 минут || Без программирования ...
The Semi-Colon
0:00 / 0:00
Портфолио-сайт за $1000 с помощью бесплатных ИИ-инструментов за 10 минут || Без программирования ...
19 514 просмотров · 2 мес. назад
The Semi-Colon
185 подписчиков
19 514 просмотров · 2 мес. назад
🚀 Создайте потрясающий, высокоэффективный веб-сайт-портфолио на основе ИИ, не написав ни строчки кода и не разрабатывая каждый раздел вручную!
В этом уроке я покажу вам, как использовать бесплатные инструменты ИИ, такие как ChatGPT, Google Flow, Ezgif и Antigravity IDE, для создания современного веб-сайта-портфолио с кинематографической анимацией прокрутки, стильным пользовательским интерфейсом и множеством интерактивных страниц — всего за несколько минут.
---
⏳ РАЗДЕЛЫ:
00:00 - Вступление
00:22 - Создание главного изображения и видео
03:52 - Настройка раздела 1
05:44 - Разделы 2, 3 и нижний колонтитул
09:35 - Финальный результат и демонстрация
---
💡 ПОДСКАЗКИ, ИСПОЛЬЗОВАННЫЕ В ЭТОМ ВИДЕО:
[Скопируйте и вставьте эти подсказки непосредственно в ваши инструменты ИИ]
🔹 Подсказка для главного изображения (ChatGPT):
"Превратите мой портрет в кинематографический неоновый портрет с глубокими черными тенями, темно-бордовым/пурпурным фоном, мягким красным контурным освещением с одной стороны и едва заметным фиолетовым заполняющим светом с другой. Добавьте высокий контраст, мрачную атмосферу, глянцевые блики на коже, драматическое студийное освещение, малую глубину резкости, минимальный фон, премиальный редакционный модный вид, ультрареалистичный, резкий фокус, 8K. Сохраните мое лицо, позу, прическу и одежду."
🔹 Задание для генерации видео (Google Flow Labs):
"Сгенерируйте плавное видео, в начале которого объект будет смотреть влево, а затем плавно поворачиваться вперед, не снимая очков."
🔹 Задания для генерации кода (Antigravity IDE):
Раздел 1: "Сгенерируйте плавную анимацию прокрутки с помощью предоставленного файла. Анимация должна быть плавной, без добавления каких-либо других компонентов к элементу."
Раздел 2: "Добавьте эти разделы к созданной нами анимации прокрутки. Используйте в качестве образца изображение. Сгенерируйте разделы как есть, удалите фоновые визуальные элементы и поместите весь контент в анимацию прокрутки. Убедитесь, что анимация прокрутки также работает корректно."
Остальное вы можете посмотреть в видео
---
🔗 ССЫЛКИ И ИСХОДНЫЙ КОД:
📂 Получить исходный код: https://github.com/asadnaved9/AI-Port...
🛠️ Используемые инструменты: ChatGPT | Google Flow | Ezgif | Antigravity IDE
---
✨ ЧТО ВЫ УЗНАЕТЕ:
• Создание профессиональных визуальных элементов и ресурсов для портфолио с помощью ИИ
• Создание плавных кинематографических анимаций с помощью Google Flow
• Преобразование видеоклипов в бесшовные последовательности изображений с помощью Ezgif
• Создание анимированного портфолио с помощью Antigravity IDE
• Настройка макета и добавление страниц с помощью простых подсказок ИИ на естественном языке
Независимо от того, являетесь ли вы UI/UX-дизайнером, разработчиком, фрилансером или студентом, этот пошаговый рабочий процесс с использованием ИИ сэкономит вам часы работы.
Если это видео оказалось полезным, пожалуйста, поставьте *лайк**, **подпишитесь* и поделитесь им с другими создателями! ❤️
---
#ai #portfoliowebsite #webdesign #uidesign #uxdesign #chatgpt #googleflow #antigravityide #nocode #aiwebsite #websitedesign #portfolio #frontend #webdevelopment #artificialintelligence #designinspiration #responsivedesign #landingpage #creativedesign #aiautomation #designworkflow #ezgif #techtutorial #aitools #figma #coding #developer #portfoliodesign #uiux #aitutorial