most-AI.com
Войти

Фон и палитра под товар, чтобы он не сливался

Маша Семёнова8 мин

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

Разберём, как этого избежать. Без теории цвета на три экрана — только то, что применяется руками.

Контраст по светлоте, а не по цвету

Главная ошибка новичка звучит так: «возьму фон другого цвета, и товар выделится». Не выделится. Глаз сначала считывает разницу в светлоте — насколько одно пятно темнее другого, — и только потом различает оттенки. Бежевый и светло-розовый это разные цвета, но одинаково светлые. На маленькой превьюшке они схлопнутся в одну кашу.

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

Проверка занимает десять секунд. Откройте готовую картинку и мысленно (или в редакторе телефона) сделайте её чёрно-белой. Если предмет остался читаемым силуэтом — всё хорошо. Если границы поплыли — фон надо менять, никакой доводкой цвета это не спасётся.

Второй способ проверки ещё проще: уменьшите картинку до размера ногтя. Именно так её увидят в ленте. Если на превью виден только пятно и подпись, товар сливается.

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

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

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

Нейтральный фон против сюжетного

Оба варианта нужны, просто под разные места.

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

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

Правило простое: сюжет добавляют после того, как товар уже читается. Если предмет теряется на однотонном фоне, в интерьере он потеряется гарантированно — там появится ещё десяток конкурирующих пятен.

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

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

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

Тень и опора: без них не работает ничего

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

Нужны два разных элемента, и путать их не стоит.

Контактная тень — узкая тёмная полоска ровно там, где предмет касается поверхности. Она короткая, плотная и почти без размытия. Именно она сообщает мозгу: предмет стоит, а не парит.

Падающая тень — мягкое пятно, уходящее в сторону от источника света. Она длиннее, светлее и размытая по краю. Она задаёт объём сцены и направление света.

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

С отражением осторожнее. Глянцевая поверхность под предметом смотрится дорого, но съедает читаемость: отражение — это ещё одно светлое или тёмное пятно рядом с товаром. Для главной карточки лучше матовая опора, отражения оставьте для рекламных кадров.

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

Единая палитра для линейки

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

Лечится это тем, что палитра описывается один раз и дальше копируется без правок. Удобно держать промт из двух частей: постоянной и переменной.

В постоянную часть уходит всё, что не должно меняться:

  • оттенок и материал фона, названный конкретно, а не как «нейтральный»;
  • температура света и положение источника;
  • характер теней и их направление;
  • допустимые акцентные цвета — не больше двух на всю линейку;
  • то, чего в кадре быть не должно: текст, логотипы, лишний реквизит.

В переменную — только описание конкретной позиции. Такой же принцип работает и для одежды, о нём есть отдельный разбор про каталог одежды нейросетью.

ПОСТОЯННАЯ ЧАСТЬ (не меняется во всей линейке):
Предметная съёмка для интернет-магазина. Фон — однотонный тёплый
светло-серый, слабый градиент, без текстуры и без стыка с полом.
Свет мягкий рассеянный, основной источник слева сверху,
цветовая температура нейтральная. Контактная тень плотная,
падающая тень мягкая, уходит вправо. Камера на уровне предмета,
эквивалент 85 мм, квадратный кадр, предмет по центру, вокруг
равномерный воздух. Акцентные цвета в кадре: только тёплый
песочный. Без текста, без логотипов, без реквизита.

ПЕРЕМЕННАЯ ЧАСТЬ (меняется под позицию):
Керамическая кружка глубокого синего цвета, матовая глазурь,
объём 350 мл, ручка развёрнута вправо.

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

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

Быстрая шпаргалка по типам товара

Товар Что делать с фоном
Белый или очень светлый Средне-серый фон, обязательна плотная контактная тень
Чёрный или тёмный Светлый фон, подсветка контура сзади, чтобы силуэт не слипся
Прозрачный, стекло Градиентный фон и тёмная линия за предметом, чтобы видеть форму
Глянцевый, металл Мягкий рассеянный свет, никаких точечных бликов и отражений
Пёстрый, многоцветный Максимально спокойный нейтральный фон, ноль реквизита

Какие модели брать

Для сцены вокруг снятого товара удобны модели, которые хорошо держат приложенный референс: GPT Image 2, Nano Banana Pro и Seedream 5.0 в версиях Pro и Lite. Все они есть в одном кабинете, поэтому один и тот же промт можно прогнать через две-три модели и выбрать, у какой фон и тени вышли аккуратнее.

Отделить предмет от фона проще готовыми инструментами без промта — «Удаление фона», а если исходник снят на не самый новый телефон, помогут «Улучшить фото» и «Увеличить размер фото». Обкатать подход дешевле на недорогой модели в низком качестве: Nano Banana 2 в 1K стоит 8 ₽ за картинку, и нескольких проб хватит, чтобы понять, тот ли фон вы выбрали. Дальше — по актуальному прайсингу, без подписки и без VPN.

Частые вопросы

Какой фон универсальный, если не хочется думать?

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

Можно ли поменять цвет фона, а товар оставить как есть?

Да, это как раз штатный сценарий. В промте первой фразой фиксируют, что предмет с загруженного фото менять нельзя — форму, цвет, фактуру и надписи, — а дальше описывают только окружение. Цвет самого товара трогать нельзя: покупатель распакует коробку и сравнит.

Сколько цветов допустимо в кадре?

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

Как понять, что товар сливается, до публикации?

Два теста. Первый: обесцветить картинку и посмотреть, читается ли силуэт. Второй: уменьшить её до размера превью в ленте. Оба занимают меньше минуты и ловят почти все проблемы с фоном.

Обязательно ли рисовать тень, если фон белый?

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

Что делать, если модель каждый раз меняет оттенок фона?

Описывать фон конкретнее и держать это описание в постоянной части промта, которую вы не переписываете. Формулировка «тёплый светло-серый однотонный фон со слабым градиентом, без текстуры» даёт куда более стабильный результат, чем «нейтральный фон». Если разнобой всё равно остаётся, генерируйте всю линейку в одной модели за один заход.

Готовые сцены для карточек товара

В шаблонах most-AI — десятки готовых сцен для маркетплейса: карточки, рекламные постеры, каталог. Приложите фото товара и получите кадр за пару секунд, без студии и без промта.

Открыть шаблоныОплата в рублях, без подписки
Пример готовой сцены для карточки товара из шаблонов most-AI

Маша Семёнова

Автор для тех, кто только начинает

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