Как сделать продуктовые фото для маркетплейсов и интернет-магазинов
Бывает, что нужно сделать фото для WB, Ozon или других карточек товаров, но денег или времени на фотографа нет. В этом случае можно воспользоваться нейронками и добавить реальный товар в сгенерированное окружение. Рассказываем о двух способах, благодаря которым получится реалистичная генерация.
Присоединяйтесь к Нейроцеху — внутри ещё больше полезных гайдов. А ещё вебинары, уютное комьюнити, мастермайнды и всё, чтобы нейросети работали на вас, а не за вас.
Для начала — небольшой дисклеймер:
1. Встроить реальный товар в фотографию через Midjourney и другие известные нейросети невозможно. Также нельзя сгенерировать картинку по текстовому описанию, чтобы там был нужный товар в том виде, в котором вы хотите его видеть. В любом случае придётся использовать несколько сервисов.
2. Успех генерации зависит от товара, который вы пытаетесь вставить в генерацию. Проще всего вставить тюбики, крема, свечи, дезодоранты, бутылки и все, что похоже на эти предметы. Сложнее — электронику и товары сложной формы. Например, компьютерную мышку, набор сверл, разводные ключи и т. д.
3. Лучше генерировать картинки с товарами, на упаковке которых нет надписей. Потому что при обработке фотографий текст может поменяться на нечитаемые иероглифы и это картинка станет ненатуральной.
4. Чтобы сгенерировать хорошую картинку, нужно иметь качественные фото своего товара. Т. е., смазанные референсы с тенями, бликами и размытием не подойдут. Кроме того, в фотографиях нужно соблюдать перспективу и встраивать их в генерацию с такой же перспективой. Если у вас будет фото товара снизу, а вы попытаетесь вставить его в генерацию с видом сверху, ничего не выйдет.
Теперь разберемся, как генерировать фото товаров.
Простой и быстрый способ
Этот способ подойдет, если вы не хотите заморачиваться с генерацией окружения и заднего фона. Здесь достаточно загрузить в сервис фото своего товара, выбрать из предложенных место, где товар будет стоять, и сгенерировать новую картинку. А потом улучшить её качество.
Также этот способ подойдет в том случае, если вы хотите сделать карточку для товара, на упаковке которого много букв и надписей.
Пойдем по порядку.
Допустим, мы хотим сделать карточку товара для продажи домашнего телефона Panasonic. Для этого сначала фотографируем товар. Фотографировать можно на телефон. Главное — делать фото при дневном свете, чтобы объект давал минимальное количество теней и бликов.
Когда фото готово, идем на сайт Remove.bg (из РФ доступен с VPN) и удаляем задний фон. Сервис условно бесплатный: обработанные фото в HD-качестве можно скачать 1 раз в сутки бесплатно, в более плохом качестве — неограниченное количество раз. Если нужно обработать больше картинок, придется покупать подписку, она стоит от 9 евро в месяц.
Работает все просто: загружаете фотку → сервис автоматически удаляет фон → качаете фотку.
Я рекомендую качать в HD-качестве, чтобы в дальнейшем получилась хорошая карточка товара.
Если покупать подписку и подключать VPN не хочется, можно воспользоваться бесплатными модельками на HuggingFace: Background Removal или Background-Remover. Они работают также, как и Remove.bg.
Фотографию подготовили, теперь идем на сайт Flair.ai и генерируем карточку товара.
Для этого открываем вкладку «Products» и загружаем подготовленное фото без заднего фона.
Когда загрузите фотографию, сервис первым делом предложит удалить задний фон.
Важно! Сюда можно загружать фото и с задним фоном, но есть риск, что сервис плохо вырежет объект с фотографии. Кроме того, скачать вырезанный объект на компьютер вы не сможете, придется все равно идти в другой сервис.
У нас задний фон уже удален, поэтому кликаем на «Skip».
На следующем шаге сервис попросит описать картинку. Нужно подождать пару секунд и сервис опишет ее сам. После этого можно жать «Continue».
После этого можно собирать композицию.
В разделе «Generate» нужно выбрать окружение, в котором будет находиться товар. Вариантов много: кухня, природа, офис, около стены, на подиуме и т. д. Чтобы выбрать понравившуюся композицию, просто кликните на нее — промпт применится автоматически.
Также в на вкладке «Generate» есть режим конструктора промптов, в котором можно самостоятельно описать окружение, подставку, на которой стоит объект и задать дополнительные параметры.
Но работать в этом режиме не очень удобно — сервис часто не следует промпту и делает неестественные картинки. Поэтому я рекомендую просто выбирать готовое окружение, чтобы промпт генерировался автоматически.
После выбора окружения переходите в раздел «Props» и выбирайте детали, которые помогут вам наполнить фотографию. В разделе есть модельки камней, растений, аксессуаров и др. Чтобы наложить объект на фото, просто кликните на него — он отобразится в редакторе. После этого можно менять размер и расположение товара.
Когда добавите все необходимые объекты, вернитесь в раздел «Generate» и кликните на «Generate». Подождите примерно минуту и увидите результат.
Когда картинка сгенерируется, кликните на нее правой кнопкой мыши → «Download».
Важно! Если хотите смотреть, как меняется картинка в реальном времени, в разделе «Generate» активируйте чек-бокс «Real-Time Generation». Правда, в бесплатной версии сервиса доступно только 3 минуты «Real-Time Generation». Платная подписка стартует от $10 в месяц. Там можно генерировать 5500 изображений в режиме реального времени.
Вообще, я рекомендую платную версию сервиса, потому что в ней можно увеличивать разрешение генерации и делать ее более детализированной. В бесплатной версии картинки получаются смазанными.
Но если платить не хочется, можно скачать смазанную картинку, а затем обработать ее в Image Upscaler на HuggingFace.
Вот, какую фотографию получилось сделать у меня. На работу ушло примерно 15 минут.
Видно, что телефон органично встроился в картинку, нейронка дорисовала к нему тень и даже сохранила практически все буквы. Мелкие буквы перестали быть читаемыми, но в карточке товара их бы и так было плохо видно.
Еще один неплохой сервис для создания фото — 24AI. По функционалу и принципу работы он похож на Flair. Загружаете в сервис фото (лучше без заднего фона) → выбираете окружение из готовых шаблонов или прописываете промпт → генерируете. Также можно задать цвет окружения.
Минус в том, что сервис не всегда органично встраивает объект в окружающую среду и не всегда соблюдает условия промпта. Также здесь нет моделек камней, растений, аксессуаров и др, поэтому контролировать задний фон сложнее.
Вот, как сервис встроил мобильный телефон в розовое кухонное окружение:
Платная подписка на 24AI стартует от 490 рублей в месяц.
Это простой и рабочий способ. Его минус в том, что вы не можете сделать то окружение, которое хотите. Придется использовать предустановленные шаблоны и копировать стиль своих же картинок или стиль картинок конкурентов.
А если хотите сделать что-то более эксклюзивное, придется воспользоваться вторым способом. Он сложнее, но интерееснее;)
Рассказываем про нейросети в нашем телеграм-канале «Нейроцех» — самые трендовые нейронки, интересные способы их применения и всё, что нужно знать про ИИ в одном месте. Подписывайтесь!
Сложный способ
Этот способ сложнее, потому что здесь понадобится много сервисов:
- Remove.bg для удаления фона;
- Midjourney для генерации фона;
- Canva для комбинации картинок;
- Krea.ai для улучшения качества фото и более органичного погружения фото товара в сгенерированную картинку.
Этот способ подойдет в том случае, если вы генерируете карточки для товаров, на упаковке которых нет надписей. Либо, если вы владеете фотошопом и можете нанести надписи после генерации. Все потому, что на этапе улучшения качества фото нейронка заменит буквы на нечитаемые иероглифы и предотвратить это никак нельзя.
На этот раз сделаем красивую картинку для баночки с косметикой. Я нашел в интернете фотку и вырезал с нее фон — получил такой исходник:
Идем дальше — генерируем задний фон товара. Важно сгенерировать именно фон, чтобы на нем не было другого товара.
Для генерации фона я рекомендую использовать такой промпт:
An empty product podium + [ описание цвета фона] + [тип кадра] + natural lighting + [декоративные элементы] + ‑‑no swadows
Так у вас будут получаться реалистичные картинки с пустой подставкой и практически без теней. Например, такие:
Если не хотите генерировать подиум, просто уберите это слово из промпта:
An empty product [стол, стена, раковина и любой другой объект] + [ описание цвета фона] + [тип кадра] + natural lighting + [декоративные элементы] + ‑‑no shadows ‑‑ar 16:9 ‑‑style raw
Например, вот что может получиться:
Теперь разберемся, как заполнять промпт:
Описание цвета фона — здесь нужно описать цвета, в которых должна быть выполнена картинка. Я рекомендую описывать цвета, близкие с цветом товара. Так в будущем получится более интересная картинка. Но конкретных рекомендаций по выбору цветов дать не могу. Лучший вариант — тестировать.
Маленький лайфхак — чтобы делать более интересные картинки, можете прописывать в заднем фоне два цвета и добавлять перед ними gradient. Вот, что может получиться:
Тип кадра — здесь нужно задать угол, под которым будет сделано фото окружения. Угол съемки важно указывать, если ваш товар тоже снят под углом. Если у вас будет фото товара снизу, а вы попытаетесь вставить его в генерацию с видом сверху, ничего не выйдет.
Вот основные виды углов, которые пригодятся при генерации:
- Top Down / High-Level View / Shot from Above: Вид сверху / Высокий угол / Снято сверху
- Front Angle Shot: Прямой угол съемки
- Profile Angle Shot: Боковой угол съемки
- High Angle Shot: Высокий угол съемки
- Low Angle Shot at Ground Level: Низкий угол у земли
- Tilted Perspective: Наклонная перспектива
Вот, как могут выглядеть такие фото:
Natural lighting означает натуральное освещение. Рекомендую добавлять это в промпт, чтобы свет в картинке выглядел более мягким и реалистичным.
Декоративные элементы — здесь можно описывать дополнительные детали, которые должны быть в кадре. Например, цветы, стулья и т. д.
Я дорисовал к картинке ручку.
Команду ‑‑no shadows я рекомендую добавлять для того, чтобы на фото не было теней и не было проблемы с тем, что фото товара без тени, а на окружении она есть. Правда, тени все равно могут появится на фото, но они будут слабо выраженные.
Команду ‑‑ar 16:9 я рекомендую использовать, чтобы получать широкие и большие снимки. Вы можете менять масштаб на свой: 3:4, 1:1 и т. д. Тут все зависит от ваших целей.
Команду ‑‑style raw я использую, чтобы нейронка лучше следовала требованиям промпта.
В общем, фотографию подиума сделали — вот мой вариант (нейронка почему-то посчитала слова natural lighting призывом нарисовать молнии, но получилось даже круче):
Осталось интегрировать фото. Для этого идем в Canva (или другой похожий сервис) и размещаем банку косметики на подиуме:
Сейчас по фото видно, что картинку бутылки вставили в фото с подиумом. Чтобы это исправить, идем в нейронку Krea.ai в раздел «Enhacer».
Krea.ai — условно-бесплатный сервис, в котором можно обрабатывать и улучшать картинки. Каждый день здесь дают бесплатные кредиты, которых хватит на улучшение 3-5 фотографий (допустимое количество плавает в зависимости от нагрузки на сервера компании).
В разделе «Enhance» нужно загрузить нашу картинку, кликнуть на нее и нажать «Enhance».
В результате через пару минут получится обновленная картинка, на которой фото товара будет более органично встроено в окружающее пространство.
В итоге получилась практически реальная фотография товара с уникальным дизайном окружения. Правда, немного пострадали буквы на бутылке, но это можно исправить в Photoshop.
Ещё больше полезных гайдов о работе с нейросетями для резидентов Нейроцеха. А ещё вебинары и мастермайнды, чтобы решать конкретные задачи. Вступайте в Нейроцех по ссылке.