Brush.Guruжурнал
← Все статьи

Нейродизайн / Практика

Как сделать карточку товара с помощью нейросети: фото, фон и надписи

Как начинающему дизайнеру подготовить изображение для карточки товара: загрузить фото, создать фон нейросетью, добавить надписи и проверить макет перед экспортом.

Портрет взрослой женщины за ноутбуком — иллюстрация к статье

Чтобы сделать карточку товара с помощью нейросети, загрузите фотографию в Photoroom, создайте фон через AI Backgrounds и откройте результат в редакторе. Добавьте название и проверенные характеристики отдельными текстовыми слоями. Перед скачиванием сравните товар с исходником, проверьте читаемость надписей и требования площадки.

Результатом будет изображение для карточки. Описание, характеристики и другие поля в кабинете продавца нужно заполнить отдельно. AI Backgrounds требует AI-кредитов, поэтому рассчитывать на бесплатность всего процесса нельзя.

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

Подготовьте фотографию и сведения о товаре

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

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

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

Теперь у вас есть исходное фото и проверенные формулировки для макета. Сохраните оригинал: он понадобится для сравнения с результатом.

Создайте фон в AI Backgrounds

В веб-приложении Photoroom откройте Explore → AI Backgrounds и загрузите фотографию. Инструмент удаляет прежний фон перед созданием нового. Выберите Create a background, чтобы задать фон текстом или изображением-ориентиром.

В режиме Assisted запрос строится вокруг поверхности под предметом и деталей заднего плана. В Manual можно написать свободное описание. Для учебной кружки попробуйте такой запрос:

«Светлая матовая столешница, спокойная бежевая стена на заднем плане, мягкий боковой свет, свободное пространство слева для надписи, без дополнительных предметов и текста».

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

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

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

Добавьте название и характеристики отдельными слоями

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

Добавьте название «Керамическая кружка» отдельным блоком, затем создайте блоки с подтверждёнными характеристиками. Так вы сможете исправить одну подпись, не переделывая остальные.

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

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

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

Проверьте товар и читаемость макета

Перед экспортом откройте исходник и результат рядом. Проверьте:

  • сохранились ли форма корпуса, ручка, края и пропорции;
  • совпадают ли цвет, рисунок и маркировка;
  • не исчезла ли часть товара и не появились ли лишние детали;
  • соответствует ли изображённая комплектация исходной.

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

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

Если фон изменил восприятие цвета или скрыл важную деталь, вернитесь к более простому варианту. Макет готов к следующему шагу, когда товар узнаваем и достоверно показан, сведения проверены, а надписи читаются.

Выберите размер и формат перед скачиванием

Для Wildberries, Ozon и собственного интернет-магазина не стоит заранее назначать один универсальный размер. До окончательной компоновки уточните требования места размещения: пропорции, размеры в пикселях, допустимые форматы, вес файла, ограничения на фон и надписи.

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

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

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

Вопросы и ответы

Можно ли сделать такую карточку полностью бесплатно?

Описанный процесс не предполагает бесплатность: AI Backgrounds требует AI-кредитов. До генерации проверьте доступ к функции и остаток кредитов в своём аккаунте.

Что делать, если нейросеть изменила внешний вид товара?

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

Можно ли добавить свойства, которые предложила нейросеть?

Только после проверки по надёжным сведениям о конкретном товаре. Сгенерированная формулировка не подтверждает материал, объём, совместимость или правила ухода. Неизвестную характеристику лучше убрать.

С чего начать первую самостоятельную работу?

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

Источники

Хотите понять, подходит ли вам нейро-дизайн? Начните с бесплатного мини-курса по Нейро-Дизайну https://brush.guru/start_nd?utm_campaign=blog&utm_source=blog&utm_medium=article&utm_content=nd-practical-task-beginner-designer