Кандинский, градиент и текст: как собрать читаемый баннер
Как задать градиент и текст для баннера: сравним фон под надпись и градиент внутри букв, составим запрос к нейросети и проверим читаемость перед использованием.
М
Марина
Контент-маркетолог LibraChat
6 мин чтения
Для баннера веломастерской я представляла плавный переход от тёмно-синего к тёплому оранжевому и короткую надпись «Открытая мастерская». В первом эскизе слова растворились на светлом участке. Я слишком подробно описала цвета и почти ничего — о месте для букв. Запрос «кандинский градиент текст» соединяет сразу три вещи: инструмент, цветовой эффект и надпись. Раздели задачу на фон и слова, прежде чем составлять промпт. Тогда можно решить, что доверить генерации, а что добавить после неё вручную.
Kandinsky у Сбера — система генерации изображений по текстовому описанию; это подтверждает официальная справка сервиса. Для нашего баннера я бы работала в LibraChat: он позволяет попросить картинку прямо в чате и затем уточнить правку.
Где нужен градиент: на фоне или в самих буквах?
Это два разных макета. В первом градиент — фон, а надпись ставится поверх контрастным цветом. Во втором градиент заполняет сами буквы, а фон должен не спорить с ними. Если сказать только «градиентный текст», нейросеть может выбрать любую из этих композиций. Поэтому начни с простой схемы расположения элементов.
Вариант · Что попросить у нейросети · Что проверить после
Градиентный фон под надпись — Переход цветов, свободная зона под слова, без случайных букв — Хватит ли места и контраста для текста, добавленного отдельно
Градиент внутри букв — Конкретные слова, крупные простые буквы, спокойный фон — Совпадает ли каждая буква с исходником, читается ли надпись в уменьшении
Первый путь удобен, когда формулировка должна быть безукоризненной: дата, адрес, цена, имя мастерской. Сгенерируй фон, затем набери точные слова в привычном редакторе. Второй годится для короткого декоративного слова, но даже его надо проверять посимвольно.
В нашем условном баннере я выбрала бы первый путь. «Открытая мастерская» — название события, которое должны прочитать сразу. Если мы позже добавим дату и адрес, их тоже лучше держать отдельным текстовым слоем, чтобы исправление не требовало новой картинки. Это решение о редактируемости макета, а не оценка художественных способностей нейросети.
Как описать фон, на котором текст будет виден?
Я бы начала с короткого запроса: «Нарисуй горизонтальный баннер для небольшой веломастерской. Плавный градиент от глубокого синего слева к приглушённому оранжевому справа. Слева оставь ровную тёмную область для будущего заголовка, справа — простую деталь велосипедного колеса. Без букв, цифр, логотипов и вывесок». Это образец инструкции, который можно приспособить под свой проект.
В нём есть четыре нужные части: формат, два цвета, место для слов и предметная деталь. Слова «приглушённый» и «ровная область» важнее громкого «невероятный эффект»: они описывают, как будет работать заголовок. Если на тёмной зоне окажется яркий объект, попроси убрать именно его, не переписывая весь замысел. LibraChat допускает правку изображения следующим сообщением в том же чате; после такой правки всё равно смотри результат заново.
Перед тем как добавить текст в редакторе, я проверила бы фон по короткому списку:
Есть ли тихая зона достаточной ширины для всей фразы?
Не попадает ли самое светлое место градиента под тонкие части букв?
Не обрезается ли важная деталь у края баннера?
Останется ли смысл картинки понятным, если она уменьшится до карточки в ленте?
Последний пункт часто меняет решение. На большом экране колесо и градиент выглядят раздельно, а на телефоне могут слиться в одно яркое пятно. Поэтому проверяй уменьшенную версию до того, как выбирать шрифт и окончательный текст. Я бы открыла пробный баннер на телефоне и закрыла пальцем заголовок: без подсказки должно оставаться понятно, что перед нами велосипедная тема. Если колесо распадается на блики, попроси убрать мелкие отражения, а не увеличивать все элементы сразу.
Если один баннер нужен и для широкой шапки, и для квадратной карточки, не полагайся на случайное обрезание краёв. Сразу реши, что должно пережить кадрирование: надпись, знак мастерской или силуэт колеса. Для широкой версии можно оставить пустоту слева, а для квадратной — ближе к центру. Запросы будут немного разными, хотя палитра сохранится. Такой приём удобен ещё до генерации: он не заставляет потом втискивать важную фразу в узкий остаток фона.
Когда просить градиентные буквы прямо на картинке?
Иногда эффект нужен именно внутри букв: например, одно слово «МАСТЕРСКАЯ» на спокойном тёмном фоне. Тогда запрос должен назвать и текст, и его роль: «Нарисуй простой постер с единственным крупным словом „МАСТЕРСКАЯ“ по центру. Внутри букв плавный градиент от голубого к оранжевому. Фон почти чёрный, без дополнительных надписей и мелких деталей».
Если надпись длинная, я всё же собрала бы её отдельно. У декоративного слова ещё можно проверить каждую букву за минуту; у расписания в три строки любая потерянная цифра меняет смысл. Не надо заставлять генерацию изображения выполнять работу текстового слоя, если в этом слое важна буквальная точность.
Для декоративного варианта проверка отличается от фонового:
прочитай слово целиком и затем по буквам, особенно похожие знаки;
сравни регистр и написание с утверждённым названием;
посмотри, не исчезают ли тонкие части букв на светлом конце градиента;
проверь уменьшение до размера, в котором зритель увидит баннер;
при ошибке в слове исправь изображение или набери надпись в редакторе.
Хороший фон не спасёт неверное слово. Для веломастерской ещё важно не дорисовывать в баннере услуги, которых нет: если на картинке появится ремонт электровелосипеда, зритель может принять это за обещание. Прежде чем использовать изображение, сверь визуальные детали с тем, что мастерская действительно делает.
Как закончить баннер без лишней надписи?
Сначала утверди одно сообщение. Для нашего примера это «Открытая мастерская», а не сразу название, слоган, три услуги и призыв записаться. Если нужна строка с датой, ставь её ниже и только после подтверждения. Проверить слова заголовка отдельно поможет разбор «Как сделать заголовок». Перед серией баннеров для разных форматов проверь условия генерации изображений и доступный объём для своего тарифа.
Прямо сейчас нарисуй на бумаге два прямоугольника. В первом выдели свободную зону под обычный текст поверх градиента, во втором — одно крупное слово с градиентом внутри. Выбери вариант по тому, насколько точные сведения должны остаться в макете. После генерации посмотри на баннер в уменьшении и проверь каждую букву, прежде чем передавать его дальше.
градиенттекст на изображениибаннерпромпт для картинкидизайнLibraChat
