Редактор по слоям: как изменить текст на картинке карточки товара

Карточка товара готова и уже стоит на маркетплейсе — и тут вы замечаете, что в характеристиках написано «500 мл», а у товара 450. Или поставщик поменял комплектацию, и вместо «3 насадки» должно быть «4». Или просто хочется другой заголовок, шрифт пожирнее, белый текст вместо чёрного. Правка на десять секунд, а сделать её почему-то совсем не просто.

Для таких случаев в Sozdai появился редактор по слоям. Сейчас он в бета-версии. Это аналог Magic Layers из Canva, встроенный прямо туда, где вы делаете карточки: редактор берёт готовую картинку, распознаёт на ней текст, шрифты и объекты и раскладывает всё по отдельным слоям. После этого текст меняется как в обычном графическом редакторе — без перегенерации и без фотошопа.

Ниже — что умеет редактор, как по шагам изменить текст на карточке и какие у беты пока ограничения.

Почему готовую карточку трудно поправить

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

До сих пор у селлера было три пути, и у каждого своя цена:

• Сделать карточку заново. Нейросеть исправит опечатку, но может заодно поменять то, что вас устраивало: композицию, цвет плашек, положение товара. На одну цифру иногда уходит несколько попыток.
• Попросить дизайнера. Для правки нужны исходники в Photoshop или Figma. Их часто нет — особенно если карточка старая или досталась вместе с товаром.
• Поправить самому в графическом редакторе. Убрать надпись, восстановить под ней фон, подобрать шрифт. Без навыка это долго, а заплатка заметна глазом.

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

Как работает редактор по слоям

Вы выбираете фото и нажимаете «Редактировать по слоям» — у кнопки есть пометка beta. Дальше редактор проходит несколько этапов, и на экране видно, на каком он сейчас:

1. «Распознаём текст…» — находит надписи на картинке.
2. «Подбираем шрифты и расположение текста…» — ищет шрифт, похожий на исходный, и повторяет размер и положение строк.
3. «Восстанавливаем фон…» — убирает надписи и объекты и дорисовывает фон в тех местах, где они были.
4. «Выделяем графические элементы…» — отделяет товар, плашки, значки.
5. «Собираем редактируемый документ…» — складывает всё в документ со слоями и открывает редактор.

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

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

Разобранная карточка сохраняется как дизайн. Все дизайны товара лежат в разделе «Дизайны» на странице товара. Если у фото дизайн уже есть, кнопка называется «Продолжить дизайн», и картинку не придётся разбирать заново.

Что становится отдельным слоем

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

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

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

Как изменить текст на карточке: пошагово

1. Откройте товар в Sozdai и выберите фото, на котором нужно поправить текст. Подойдёт карточка, сделанная в Sozdai, или ваше загруженное фото — в том числе старая карточка, которую вы подтянули с Wildberries или Ozon по ссылке на товар.
2. Нажмите «Редактировать по слоям». Кнопка есть в просмотре фото, в меню «⋯» у фото, на экране с результатом новой карточки и в расширенном режиме.
3. Дождитесь конца разбора. Когда редактор откроется, сначала пробегитесь глазами по тексту: всё ли распознано правильно и не съехали ли границы слоёв.
4. Дважды щёлкните по надписи и исправьте её: опечатку, цифру, заголовок целиком.
5. Если нужно, поменяйте оформление: шрифт из каталога (с жирным и курсивным начертанием), размер, цвет, выравнивание, межстрочный и межбуквенный интервал.
6. Нажмите «Скачать», выберите PNG или JPG и размер — 1× или 2×.
7. Загрузите скачанный файл в карточку на маркетплейсе.

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

Подробная инструкция по всем инструментам — в справке по редактору по слоям.

Что ещё можно сделать в редакторе

Текст — главная причина открыть редактор, но не единственная. По сути это редактор инфографики для маркетплейсов, который начинает не с пустого листа, а с вашей готовой карточки. Внутри — привычный набор редактора слоёв онлайн:

• Текст: добавить новую надпись, включить эффекты «Обводка», «Тень» и «Фон текста».
• Слои: двигать, менять размер, поворачивать, менять прозрачность; дублировать, удалять, группировать, блокировать и скрывать; менять порядок в панели «Слои». Есть выравнивание и распределение, объекты примагничиваются при перемещении.
• Изображения: заменить картинку или обрезать её, отразить, поправить яркость, контраст и насыщенность.
• «Элементы»: иконки, плашки и бейджи, фигуры.
• «Кисть» и «Ластик» — для ручной доводки.
• «Отделить объект». Если редактор не вынес что-то в отдельный слой, выделите область щелчком, рамкой или лассо — она станет отдельным слоем, а место под ней заполнится фоном. Если выделить надпись, она станет редактируемым текстом.
• Несколько страниц в одном дизайне, отмена и повтор действий, автосохранение.

При скачивании PNG можно сделать фон прозрачным, а несколько страниц скачать одним ZIP-архивом.

Аналог Magic Layers из Canva: в чём разница

В Canva есть похожая функция — Magic Layers. Она тоже превращает плоскую картинку в редактируемые слои, так что, если вы ей пользовались, сам принцип вам знаком.

Наш редактор отличается тем, под какую задачу он сделан:

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

Ограничения беты

Редактор по слоям — бета-версия, и это не формальность. Что стоит знать заранее:

• Проверяйте результат разбора. В распознанном тексте может оказаться ошибка, а граница слоя — пройти не там, где вы ожидали. Перед скачиванием сверьте текст с исходной карточкой.
• Сложный товар может остаться в фоне. Тогда его не получится сдвинуть отдельно. Можно попробовать выделить его вручную через «Отделить объект».
• Не всякая надпись становится текстом. То, что редактор не смог распознать, остаётся картинкой.
• Только на компьютере. Редактор рассчитан на большой экран, версии для телефона пока нет.
• Водяной знак. До первой оплаты на карточках, созданных в Sozdai, стоит водяной знак sozdai.app — в редакторе он тоже остаётся. На фото, которые вы загрузили сами, водяного знака нет.
• Требования к файлу: PNG, JPEG или WebP, до 20 МБ и до 12 мегапикселей.

Редактор или правка словами: что выбрать

В Sozdai есть и второй способ изменить готовую карточку — описать правку словами. Под карточкой есть поле «Что исправить?» и кнопка «Исправить» (в простом режиме — «Переделать»): пишете, например, «сделай фон темнее», и нейросеть делает новую версию картинки. Каждая такая правка — новая генерация, она списывает 💎. Как формулировать запросы, чтобы нейросеть поняла с первого раза, — в справке про правку текстом.

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

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

Можно ли изменить текст на картинке без фотошопа?

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

Это бесплатно?

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

Работает ли с карточками, сделанными не в Sozdai?

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

Сохраняется ли результат в товар?

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

Если карточки у вас ещё нет, начните с неё: сделайте первую карточку в Sozdai, а потом откройте её в редакторе по слоям и поправьте то, что захочется.