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

Что это

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

Главный способ изменить карточку по-прежнему — описать правку словами (см. Refine текстом): нейросеть перерисует картинку. Редактор нужен для точных ручных правок: поменять цифру, исправить опечатку, заменить заголовок, подобрать шрифт или цвет — и не трогать всё остальное.

Редактор сейчас в бета-версии: у кнопки пометка beta.

Где открыть

Кнопка «Редактировать по слоям» есть:

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

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

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

Подходят PNG, JPEG и WebP до 20 МБ, до 12 мегапикселей и не больше 6000 px по длинной стороне.

Редактор рассчитан на компьютер: на телефоне кнопка видна, но работать в редакторе удобно только на большом экране.

Разбор картинки

После нажатия начинается разбор. На экране видно, что сейчас происходит:

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

Обычно это занимает несколько минут. Если разборов много, ваш встанет в очередь — на экране будет «Ожидаем обработчик…».

Ждать на экране не обязательно: «Можно вернуться к фотографиям: разбор продолжится. Повторное открытие этого фото вернёт вас к результату». Кнопка «К фотографиям» возвращает назад.

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

Что становится слоями

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

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

Что можно менять

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

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

Картинки. «Заменить изображение», «Обрезать», отразить по горизонтали или вертикали, «Настроить» — яркость, контраст и насыщенность. Свою картинку добавляет панель «Загрузки»: PNG, JPG или WebP до 20 МБ.

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

«Кисть» и «Ластик» — дорисовать или стереть часть изображения вручную.

«Отделить объект». Если что-то осталось частью фона, выделите это — и оно станет отдельным слоем, а его место заполнится фоном. Что отделить: «Авто», «Текст» или «Объект». Как выделить: «Клик», «Рамка» или «Лассо»; выделение можно уточнить кистью «Добавить» или «Убрать». Отделённая надпись становится редактируемым текстом.

Страницы. В одном дизайне может быть несколько страниц: добавить, дублировать, удалить, переставить перетаскиванием. Когда ничего не выделено, над страницей — её размер и «Цвет страницы».

Отмена и повтор — Ctrl+Z и Ctrl+Shift+Z. Дизайн сохраняется сам, вверху видно «Сохранено». Если один дизайн открыт в двух вкладках и правки разошлись, появится «Конфликт версий» и кнопка «Сохранить копию».

Скачать

Кнопка «Скачать» вверху: тип файла PNG или JPG, размер 1× или 2×. У PNG можно включить «Прозрачный фон». Если отметить несколько страниц, они скачаются архивом ZIP.

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

Сохранённые дизайны

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

Цена и лимиты

Бесплатно. Редактор не списывает 💎 — ни за разбор, ни за правки, ни за скачивание.

Чтобы бета работала у всех, у разборов есть дневной лимит — сейчас около 25 в день. «Отделить объект» тоже понемногу расходует этот лимит. Лимит обновляется раз в сутки, в 03:00 по Москве. Повторное открытие того же фото не тратит лимит: вы сразу попадёте к готовому результату.

Водяной знак

Пока вы ничего не оплачивали, карточки, сделанные в Sozdai, открываются в редакторе с водяным знаком sozdai.app — он остаётся и в скачанном файле. На фото, которые вы загрузили сами, знака нет. Знак снимается после первой оплаты (см. Кредиты).

Правка словами или редактор

Способы можно сочетать: сначала поменять карточку словами, потом открыть результат в редакторе и вручную довести текст.