ПРЕДЫДУЩИЙ УРОК СЛЕДУЩИЙ УРОК
SN · НЕЙРОСТАРТ · МОДУЛЬ 7 · УРОК 114 · БЛОК 1 ИЗ 4
МОДУЛЬ 7 · ПРАКТИЧЕСКИЕ УСЛУГИ С ИСКУССТВЕННЫМ ИНТЕЛЛЕКТОМ

Делаем карточку товара для интернет-магазина

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

Результат: одна карточка вашего товара в PNG 1080 × 1350 px и сохранённый проект в Photoroom. Практика — около 20 минут после входа в сервис.

Где работаем

Открыть Photoroom → app.photoroom.com

Инструкция ниже — для сайта на компьютере. Войдите или зарегистрируйтесь, выберите личное рабочее пространство Space. Кнопки приведены на английском с русским объяснением; при другом языке интерфейса ориентируйтесь на их назначение.

Photoroom автоматически отделяет товар от фона, позволяет исправить вырезку, заменить окружение, добавить надписи и скачать изображение. ИИ-фоны расходуют кредиты и зависят от тарифа. Если они недоступны, выполните ту же задачу с цветным фоном: для упражнения покупка подписки не обязательна.

Современная товарная карточка коралловых беспроводных наушников на ярком сиренево-жёлтом фоне
Образец композиции, созданный ИИ. LUMA H20 — вымышленная модель для учебной практики; указанные характеристики относятся только к учебному заданию.

Выберите один рабочий путь

Выполните задание в одном сервисе. Основная инструкция ниже — Photoroom. Если вы уже пользуетесь другим редактором, в конце урока есть отдельные маршруты для Gamma, Canva и SUPA.

Photoroom — удобен, когда начинаем с настоящей фотографии: вырезаем товар, меняем фон и добавляем текст.

Gamma — помогает быстро собрать композицию с ИИ и отредактировать фото через Imagine. Размер PNG после экспорта проверяем отдельно.

Canva — удобна для точного размещения фото, текста и плашек на холсте нужного размера. Удаление фона встроенным инструментом входит в платные планы.

SUPA — русскоязычный редактор с шаблонами карточек товаров, удалением фона и экспортом PNG. ИИ-операции используют кредиты.

1. Снимаем товар телефоном · 3 минуты

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

  1. Подготовьте предмет и камеру. Уберите пыль, отпечатки и случайные наклейки; протрите объектив телефона.
  2. Поставьте товар возле окна. Нужен мягкий дневной свет сбоку. Избегайте прямого солнца, сильного блика и смеси жёлтой лампы с дневным светом.
  3. Подложите однотонную бумагу. Фон должен отличаться от товара по цвету, чтобы сервис легче нашёл края. Оставьте свободное место со всех сторон.
  4. Снимите целиком. Для наушников подойдёт ракурс три четверти: видны обе чашки и оголовье. Не держите изделие рукой и не срезайте края. Коснитесь товара на экране для фокусировки, удерживайте телефон устойчиво.
  5. Выберите один резкий кадр. Увеличьте его: материал и мелкие детали должны различаться. Сохраните оригинал отдельно.

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

Для этой практики важнее чёткий настоящий товар, чем красивый стол: окружение мы заменим в редакторе.

SN · НЕЙРОСТАРТ · МОДУЛЬ 7 · УРОК 114 · БЛОК 2 ИЗ 4

2. Загружаем фото и удаляем фон · 4 минуты

  1. Создайте проект. В Photoroom откройте Create → Select photos («Создать → Выбрать фотографии»). В некоторых вариантах интерфейса путь — Designs → Create new. Выберите свой исходный JPG или PNG.
  2. Дождитесь обработки. Сервис автоматически удаляет исходный фон и открывает фотографию в редакторе. Теперь перед вами товар и отдельное окружение.
  3. Проверьте контур. Увеличьте изображение. У наушников внимательно осмотрите оголовье, его внутренний просвет и края амбушюр; у кружки — ручку и отверстие внутри неё.
  4. Исправьте вырезку. Нажмите на сам товар — передний слой, затем Edit Cutout («Изменить вырезку»). Эта команда находится в настройках слоя товара, а не слоя Background.

Два инструмента для аккуратного края

Erase — стереть: убирает остатки стола или старого фона.
Restore — восстановить: возвращает случайно исчезнувший кусочек товара.

Выберите Manual для ручной кисти, уменьшите её размер и аккуратно проведите по проблемному участку. Режим Guided помогает выделять области щелчком. Закончив, нажмите Confirm («Подтвердить»).

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

Сравните вырезанный товар с оригиналом: все детали должны остаться на месте. На этом этапе ничего не дорисовываем и не меняем цвет изделия.

SN · НЕЙРОСТАРТ · МОДУЛЬ 7 · УРОК 114 · БЛОК 3 ИЗ 4

3. Задаём размер и меняем окружение · 4 минуты

Сначала — холст и положение товара

  1. В редакторе нажмите Resize («Изменить размер»).
  2. Откройте Custom dimensions («Свои размеры»). Если пропорции заблокированы замком, отключите его. Укажите Width 1080, Height 1350 — ширину и высоту в пикселях.
  3. Выберите Reset, чтобы сохранить место вокруг предмета, затем Done («Готово»). Переместите товар правее и ниже: сверху оставьте пространство для названия, слева — для трёх коротких подписей.

Простой вариант: чистый цветной фон

Нажмите на фон или слой Background. Выберите цвет, который подчёркивает товар: например, светлый сиреневый #EEE5FF для коралловых наушников. Если нужен готовый фон, нажмите Replace («Заменить») и выберите своё изображение или фон из коллекции. Не выбирайте пёструю сцену, на которой теряется изделие.

Если доступен AI Backgrounds: создаём студийную сцену

В редакторе откройте Backgrounds → AI Backgrounds («Фоны → ИИ-фоны»). Выберите Create a background, задайте текстовое описание и нажмите Generate («Сгенерировать»). Названия и доступность настроек зависят от версии и тарифа.

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

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

Если ИИ изменил товар: отклоните результат и вернитесь к исходной вырезке на цветном фоне. Красивое окружение не оправдывает неправильный внешний вид. Положение товара лучше определить до генерации: его перемещение после AI Backgrounds может потребовать повторного создания фона.
SN · НЕЙРОСТАРТ · МОДУЛЬ 7 · УРОК 114 · БЛОК 4 ИЗ 4

4. Добавляем надписи и скачиваем карточку · 9 минут

Текст берём из сведений о настоящем товаре

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

Пример для образца, а не для любых наушников:

БЕСПРОВОДНЫЕ НАУШНИКИ
LUMA H20
До 30 часов · Bluetooth 5.3 · Вес 220 г

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

  1. Нажмите Add Text («Добавить текст»), выберите стиль и введите название товара. Например, «БЕСПРОВОДНЫЕ НАУШНИКИ». Перетащите текстовое поле вверх, за угол измените размер. Возьмите читаемый шрифт без засечек и контрастный тёмный цвет.
  2. Ещё раз нажмите Add Text. Добавьте модель отдельным полем. Затем создайте три отдельных поля с подтверждёнными характеристиками. Расположите их слева, не закрывая товар. В настройках слоя можно менять Font (шрифт), Color (цвет), Align (выравнивание) и Spacing (интервалы).
  3. Проверьте композицию. Товар крупный и виден целиком; название читается первым, цифры — вторыми. Оставьте около 60 px от краёв. Уменьшите макет: надписи должны читаться на телефоне. Уберите лишние украшения.
  4. Нажмите Download («Скачать»). Укажите имя Product_Card_1080x1350_v1, выберите PNG и подтвердите скачивание. Откройте полученный файл и проверьте размер, резкость и текст. Вернитесь через Home: проект сохраняется в рабочем пространстве Photoroom, где его можно открыть в Designs.

Проверка перед передачей

  • В карточке тот же товар, что на исходном фото: совпадают форма, цвет и детали.
  • Старый фон удалён, включая просветы между частями; нет белых ореолов.
  • Свет и тень выглядят естественно, предмет не висит случайно над поверхностью.
  • Название и три подписи точны и читаются без увеличения.
  • Скачанный PNG открывается и имеет размер 1080 × 1350 px.

Альтернативы: та же карточка в других сервисах

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

Вариант A. Gamma: собираем карточку с ИИ
  1. Откройте gamma.app. На главном экране в строке запроса нажмите + → Upload Files и прикрепите своё фото. Выберите Plan, чтобы проверить план перед созданием.
  2. Введите запрос ниже. Когда агент покажет план, убедитесь, что предусмотрена одна карточка, исходное фото и только ваши факты. Попросите обычные редактируемые текстовые блоки; режим Image slides в этой практике не нужен.
Создай одну вертикальную визуальную карточку товара, пропорции 4:5. Используй только прикреплённое фото товара и указанные мной факты. Не заменяй товар похожим и не добавляй характеристики из интернета. Название: [ваше название]. Модель: [если известна]. Три подтверждённых факта: [факт 1], [факт 2], [факт 3]. Крупный товар справа, светлый современный фон, контрастный заголовок сверху, короткие подписи слева. Надписи оставь редактируемыми. Без цен, рейтингов, скидок и дополнительных товаров. Сначала покажи план одной карточки.
  1. Если фон нужно убрать вручную: выделите загруженное фото и выберите Remove Background. Для замены фона откройте стрелку у Edit with Agent → Advanced editing: запустится Imagine. Попросите заменить только окружение и сравните товар с оригиналом. Завершайте через Apply selection / Back to editor.
  2. Если фото не добавилось: используйте Add block → Images → Image upload or URL и загрузите файл с устройства. В более старом интерфейсе это меню Insert справа.
  3. Исправьте название и подписи на самой карточке. Откройте Share → Export → PNG и выберите только нужную карточку; диапазон может называться Custom. Откройте скачанный файл и проверьте геометрию и размер. Gamma не обязана экспортировать ровно 1080 × 1350 px: при необходимости подгоните холст через Resize в Photoroom или другой редактор, не растягивая товар.

Imagine и ИИ-редактирование используют кредиты и доступны не на всех планах. Если ИИ изменил товар, верните исходное фото и используйте обычный фон. Создание с агентом · Imagine · Экспорт.

Вариант B. Canva: точная сборка на холсте
  1. Откройте canva.com. Создайте дизайн собственного размера: 1080 × 1350 px. Единицы — пиксели.
  2. В разделе Uploads / Загрузки загрузите своё фото и добавьте его на холст. Выделите фотографию и нажмите BG Remover / Удаление фона. Инструмент относится к платным планам. Если он недоступен, загрузите уже вырезанный PNG из Photoroom.
  3. Задайте цвет фона холста или поместите фоновое изображение позади товара. Для нашего образца подходят светлая сирень и яркий жёлтый акцент. Исходное фото товара оставьте отдельным слоем.
  4. Через Text / Текст добавьте заголовок, модель и три подписи отдельными полями. Выровняйте их, оставьте место вокруг товара и проверьте чтение на телефоне.
  5. Выберите Share / Поделиться → Download / Скачать → PNG. Скачайте одну нужную страницу и проверьте размер. Для законченной карточки не требуется прозрачный фон всего макета.

Удаление фона и доступность · Скачивание.

Вариант C. SUPA: русскоязычный редактор карточек
  1. Откройте раздел карточек товаров SUPA. Начните с шаблона или выберите Создать → + Создать креатив. Укажите произвольный размер 1080 × 1350 px и режим Изображение, затем «Создать дизайн».
  2. Добавьте своё фото на холст. Выделите его и в правой панели откройте Искусственный интеллект → Убрать фон. Другой путь: Нейросети → Удалить фон. Операция использует ИИ-кредиты.
  3. Если остались кусочки фона, выделите обработанное фото, нажмите Ластик, уменьшите кисть и уберите лишнее. Не стирайте детали товара; ошибку отмените.
  4. Замените фон шаблона, добавьте название и три подтверждённых факта инструментом текста. Удалите из шаблона чужие цифры, скидки, логотипы и лишние плашки.
  5. Вверху справа нажмите Скачать. В панели «Скачать креатив» выберите PNG → Текущий размер, затем Сгенерировать изображение и скачайте результат. Убедитесь, что экспортирован статичный макет, а не видео.

Создание макета · Удаление фона · Экспорт PNG.

Практическое задание

Сфотографируйте один реальный товар и оформите его карточку в одном из сервисов: Photoroom, Gamma, Canva или SUPA. Передайте куратору Алексу оригинальное фото, готовый PNG и скриншот открытого проекта. Коротко укажите, в каком сервисе работали, какой фон вы выбрали и откуда взяли характеристики.

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

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

Официальные инструкции Photoroom: загрузка фото и сохранение · Erase и Restore · замена фона · ИИ-фоны · размеры · надписи. Проверено 30.10.2026.

СВЯЗАТЬСЯ С КУРАТОРОМ
ОГЛАВЛЕНИЕ
Made on
Tilda