Перейти к содержимому

Портфолио-сайт за $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