Соберите бриф и разделите работу на два слоя
Начните с действия, которое должен сделать человек. Для примера берём бесплатный чек-лист аудита лендинга. Аудитория — владельцы небольших сайтов. Заголовок «Аудит лендинга», подпись «5 правок для первого экрана», кнопка «Скачать чек-лист». На целевой странице должна быть та же формулировка и доступ к обещанному файлу. Пока текст не утверждён, фон можно менять независимо от него.
Для фона откройте создание изображений в ChatGPT. Дайте одну задачу на кадр: объект и пустая область должны иметь конкретное место. Сначала запросите квадратный кадр, а затем повторите запрос с тем же цветом и предметом для других пропорций. Если интерфейс предлагает редактировать выбранную область, используйте его, чтобы убрать лишнюю деталь. Способ создания и локального редактирования показан в справке OpenAI.
Сделай фон для рекламы чек-листа. Тёмно-синяя плоскость #0e1829. Справа стилизованный экран сайта с одной лаймовой деталью, слева примерно две трети ширины спокойного фона под заголовок. Без текста, цифр, логотипов и интерфейсных кнопок. Сохрани сдержанную палитру, предмет полностью в кадре.
Перенесите фон в редактор. Подпись и кнопку оставьте редактируемыми, чтобы заменить призыв во всех версиях. Если фон очень светлый или пёстрый, поставьте под текст ровную подложку и проверьте контраст после экспорта. Проверяйте кириллицу по утверждённому тексту целиком: соседние буквы могут выглядеть похожими, пока не уменьшите картинку.
Соберите три формата на одном примере
В редакционном примере фон размечен вручную, чтобы сравнить раскладку независимо от генератора. Собрали три PNG и измерили текст: в выбранном Arial Bold заголовок 76 пикселей занимает около 601 пикселя. При левом отступе 72 пикселя строка заканчивается около координаты 673. В квадрате и вертикали ей отвели область до 710 пикселей. Для широкого кадра отвели до 775 пикселей и сохранили размер текста.
| Макет | Размер примера | Заголовок при ширине 320 пикселей |
|---|---|---|
| Квадрат | 1080 × 1080 | 22,5 пикселя |
| Вертикаль | 1080 × 1350 | 22,5 пикселя |
| Широкий | 1280 × 720 | 19 пикселей |
В вертикали добавьте расстояние между подписью и предметом, не увеличивая объём текста. В широкой версии первым сокращайте подзаголовок. Если кадрирование отрезает предмет или приходится уменьшать заголовок до нечитаемого размера, перестройте композицию. Размеры выше относятся к примеру. Перед загрузкой посмотрите в кабинете требования к конкретному размещению и его рамке обрезки.
Сравните способы собрать баннер по одному брифу
Возьмите тот же бриф «Аудит лендинга» и сохраните один заголовок, один объект и одну палитру. В ChatGPT попросите фон с незаполненной зоной слева. В Midjourney задайте ту же композицию и исходную пропорцию. В редакторе с собственной функцией генерации храните фон и текст на разных слоях. Для трёх подходов примените одинаковую проверку: время от первой версии до правки оффера, сохранность предмета и читаемость при ширине 320 пикселей.
На проверенных макетах сравнили два способа получить вертикаль. Если обрезать квадрат 1080 × 1080 по центру до пропорции 4:5, остаётся ширина 864 пикселя. Слева исчезает 108 пикселей, а заголовок начинался на 72. Первые 36 пикселей его области отсекаются. Если пересобрать вертикаль на полотне 1080 × 1350, левый отступ 72 сохраняется. Этот тест геометрии подходит для фона из любой нейросети. В сравнении генераторов записывайте, сколько вариантов пришлось пересобрать именно из-за кадрирования.
Если подмена фона важнее визуального стиля, отдельно проверьте локальную правку. Если нужны три формата и частые замены текста, заранее оцените возможность редактировать каждый слой. Гайд по баннерам в Midjourney.
Проверьте креатив до отправки в рекламу
Откройте каждый экспорт в окне шириной 320–390 пикселей. Найдите заголовок и кнопку без увеличения, затем проверьте, совпадает ли обещание с посадочной страницей. Если кнопку закрывает интерфейс площадки, перенесите её в область, которую показывает превью кабинета. Сверьте текст, пропорции, объём файла и отдельные требования к маркировке до отправки.
Для первого теста заведите отдельное название на каждый формат, сохраните исходник и изображения по отдельности. Сравнивать текст и фон проще, когда за один тест меняется только один элемент и размещение остаётся тем же. Один баннер из трёх форматов сам по себе не позволяет выяснить, улучшился ли CTR благодаря подписи или изменилось распределение показов.