Изображения · Практическая задача

Создать главный баннер сайта с ИИ

Подготовьте главный визуал сайта с резервом под заголовок, кнопку и мобильную адаптацию первого экрана.

GPT Image 27 токенов / изображение

Конструктор запроса доступен без оплаты. Генерация — после входа в аккаунт; стоимость указана выше.

Создать главный баннер сайта с ИИ: Характер → Система → Макет
Иллюстрация процесса, созданная с помощью ИИ
01 / От идеи к запросу

Настройте задачу под себя

Конструктор составляет текст запроса. Генерация изображения запускается в студии.

Ваш промпт

Измените настройки и соберите запрос.

Черновик сохраняется в этой вкладке на 24 часа.
Открыть студию изображений ↗

Запрос сохранится в этой вкладке. После входа или регистрации нажмите «Продолжить в студии».

Практический разбор

Баннер для сайта с ИИ: от подготовки до проверки

1

Подготовьте основу

Посмотрите ширину текстового блока и положение навигации в реальном макете. Опишите, что пользователь должен понять о продукте с первого взгляда.

2

Выберите рабочий приём

Расположите смысловой объект отдельно от текста. Создайте композицию, которую можно адаптировать для узкого экрана без потери главного элемента.

3

Проверьте результат

Проверьте визуал в настоящей вёрстке на телефоне и компьютере. Контрастная деталь не должна случайно оказаться под кнопкой.

С каких настроек начать

Модель
GPT Image 2
Пропорции
16:9
Качество
1K
Одна попытка
7 токенов

Это отправная точка для примера. Выберите формат под место использования; точные размеры готового файла проверьте перед публикацией.

Для следующей попытки

Уточните запрос по результату

Если в результате появились лишние изменения, используйте подходящую часть этой формулировки:

Освободить область под заголовок и кнопку, сместить основной объект к краю и оставить запас для мобильной обрезки.

Кнопка дополняет текст запроса. Повторная генерация запускается отдельно в студии.

Продолжите по своей задаче

02 / Три отправные точки

Примеры промптов для этой задачи

Это варианты задания для модели. Результат зависит от выбранной модели, исходников и настроек.

01

Основной вариант

Творческая мастерская в сумерках, справа светящийся рабочий стол, слева тёмная свободная стена. Сместите сюжет в сторону от текста. Проверьте, как кадр будет обрезаться на телефоне. Важные детали: Спокойная текстовая зона, понятный визуальный центр, умеренный контраст.

02

Более спокойная композиция

Творческая мастерская в сумерках, справа светящийся рабочий стол, слева тёмная свободная стена. Минимум второстепенных деталей, один главный акцент, спокойное окружение. Сместите сюжет в сторону от текста. Проверьте, как кадр будет обрезаться на телефоне. Сохранить: Спокойная текстовая зона, понятный визуальный центр, умеренный контраст.

03

Вариант с местом для текста

Творческая мастерская в сумерках, справа светящийся рабочий стол, слева тёмная свободная стена. Оставить свободную малоконтрастную область под короткий заголовок, без надписей внутри изображения. Сместите сюжет в сторону от текста. Проверьте, как кадр будет обрезаться на телефоне. Важные детали: Спокойная текстовая зона, понятный визуальный центр, умеренный контраст.

03 / Понятный процесс

Как получить результат

Скачать инфографику ↓
  1. 1

    Характер

    Опишите характер бренда, аудиторию и носитель. Выберите несколько постоянных визуальных признаков.

  2. 2

    Система

    Создайте концепт и сравнимые варианты. Используйте удачный референс для развития серии.

  3. 3

    Макет

    Проверьте читаемость и постоянство деталей. Подготовьте вектор, текстовые слои или печатный макет отдельно, если они нужны.

04 / Что влияет на качество

Как собрать последовательный визуальный язык

Сместите сюжет в сторону от текста. Проверьте, как кадр будет обрезаться на телефоне.

Сохраните в кадре

Спокойная текстовая зона, понятный визуальный центр, умеренный контраст.

Подготовьте изображение первого экрана с местом под заголовок и кнопку. Композиция должна поддерживать действие пользователя и адаптироваться к экрану.

Перед созданием графики сформулируйте характер бренда несколькими понятными словами. Например, спокойный и природный, точный и технологичный, дружелюбный и игровой. Затем переведите эти свойства в конкретные визуальные решения: форму, палитру, материал и тип света. Такой подход помогает обсуждать не только личное впечатление, но и связь оформления с задачей компании.

Сравнивайте направления на одинаковых носителях. Если один вариант показан на красивом интерьере, а другой — на маленькой белой карточке, оценка будет зависеть от подачи. Подготовьте похожие сцены и проверьте, сохраняется ли узнаваемость при уменьшении и в одном цвете. Для персонажей и серии материалов зафиксируйте постоянные признаки, чтобы каждый новый кадр не создавал другой бренд.

Результат генерации — визуальный материал для дальнейшей работы. Он не заменяет точные исходники логотипа, правила типографики, подготовку к печати или проверку сходства с существующими знаками. Сохраните удачную концепцию и оформите её в редактируемую систему. Рабочие файлы должны позволять менять текст, размер и носитель без потери качества и случайного изменения формы.

05 / Финальный просмотр

Проверьте перед публикацией

Отметьте пункты после просмотра своего результата.

Проверено 0 из 4

06 / До запуска

Рассчитайте стоимость

GPT Image 2 · 7 токенов за создание или редактирование изображения

Калькулятор показывает стоимость выбранной модели в токенах. Количество здесь используется для расчёта серии; параметры каждого запуска проверьте в студии. Тарифы и пополнение ↗

7токенов

1 × 7 токенов

07 / Перед началом

Ответы на вопросы

Нужны ли отдельные версии для мобильного?

Часто да. Можно подготовить отдельный вертикальный кадр или выбрать композицию с большим запасом вокруг главного объекта.

Как перенести подготовленный запрос в студию?

Соберите промпт и скопируйте его. После входа в аккаунт откройте нужный режим студии, вставьте текст и при необходимости прикрепите исходное изображение. Если вы уже вошли, кнопка открытия студии передаст запрос и выбранные параметры через черновик браузера.

Сколько стоит генерация?

Для выбранной на странице модели GPT Image 2 создание или редактирование одного изображения стоит 7 токенов. У других моделей стоимость отличается. Итоговая цена отображается в студии до запуска.

Что проверить перед использованием результата?

Текст внутри самой картинки плохо адаптируется. Основной заголовок и кнопку лучше оставить обычными элементами сайта. Знак или персонаж узнаётся в маленьком размере.

08 / Следующий шаг

Другие задачи для вашей идеи

Все 200 задач ↗
Ваша идея — следующий кадр

Начните с точного запроса

Соберите описание, выберите настройки и продолжите в творческой студии.

Подготовить промпт ↑