Мокапы5 мин чтения

Мокапы мерча из одного рисунка: шопер, кружка и футболка

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

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

У вас есть один готовый рисунок и три заготовки, на которых его можно продавать: холщовый шопер, керамическая кружка и простая футболка. Прежде чем что-то печатать, хочется увидеть дизайн на всех трех: для страницы магазина, для предложения кофейне или просто чтобы решить, какое изделие стоит заказать образцом. Шаблон мокапа в программе верстки делает это через смарт-слой, но шаблон нужен на каждое изделие и каждый ракурс. Модель правки по нескольким изображениям справляется с двумя картинками: рисунком и фотографией пустой заготовки. В нашей доске фирменного стиля одна такая правка дала быстрое превью бумажного пакета; здесь полный испытательный стенд на три изделия и список того, в чем модель ошибается.

Выберите модель, которая принимает больше одного изображения

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

  • [GPT Image 2 Edit](/models/openai/gpt-image-2/edit) правит по простым инструкциям с одним или несколькими референсами и имеет низкую, среднюю и высокую настройку качества, так что раскладку можно сначала дешево примерить.
  • [Nano Banana Pro Edit](/models/google/nano-banana-pro/edit) принимает длинный список входных изображений и имеет настройку разрешения, полезную для того финалиста, которого вы будете плотно кадрировать.
  • [Kling Image O3 Edit](/models/kwaivgi/kling-image-o3/edit) позволяет называть каждый вход в промпте по его порядку, как <<<image_1>>>, <<<image_2>>> и так далее, и может выдать несколько вариантов за один запуск.
  • [Flux 3 Image Edit](/models/black-forest-labs/flux-3/image-edit) объединяет несколько входов, на которые ссылаются как image 1, image 2, и повторяет формат первого изображения, если не задать соотношение сторон.

Последняя деталь важна для всех: порядок загрузки входит в промпт. Решите один раз, что изображение 1 это фото изделия, а изображение 2 рисунок, и держите этот порядок для каждого изделия, иначе ваши заметки перестанут что-либо значить.

Правильно подготовьте два референса

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

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

Один шаблон промпта, три изделия

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

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

Для кружки попросите, чтобы рисунок огибал изогнутый бок, по центру между ручкой и дальним краем, а внешние части дизайна уходили вместе с изгибом поверхности. Для футболки задайте размещение в терминах одежды: по центру груди, верх печати примерно на ширину ладони ниже ворота. Сгенерируйте по два-три варианта на каждое изделие и оставьте лучший; с Kling Image O3 Edit варианты можно запросить за один раз.

Проверяйте печать раньше, чем фото

Мокап может выглядеть отлично и все равно врать о дизайне. Положите результат рядом с исходным рисунком в том же размере и пройдитесь в таком порядке:

  1. Это все еще ваш рисунок? Пересчитайте элементы, сравните цвета, посмотрите на края. Модели прибираются, упрощают и иногда добавляют форму, которой никогда не было. Если у солнца прибавились лучи или холмы поменяли форму, отбракуйте вариант.
  2. Правильно ли он изгибается? На кружке печать должна сжиматься к обоим краям цилиндра, а ее верхний и нижний края должны изгибаться так же, как ободок. Плоская печать на круглой кружке самый явный признак подделки.
  3. Сидит ли он в ткани? На шопере и футболке складки должны проходить сквозь печать, а тени ткани лежать поверх краски. Краска, которая парит над заломами, выглядит как наклейка.
  4. Правдоподобен ли масштаб? Измерьте реальную область печати каждой заготовки и сравните. Дизайн, заполняющий футболку от плеча до подола, не влезет в стандартную область печати, а печать на кружке, доходящая до ручки, обычно невозможна.
  5. Цела ли надпись? Увеличьте до полного размера. Любое слово в рисунке должно читаться точно как в оригинале, буква в букву.

Что исправлять вручную

Некоторые огрехи быстрее исправить в редакторе, чем перегенерировать. Когда фото хорошее, а печать поплыла, оставьте сгенерированное изображение как ориентир по свету и складкам и наложите сверху свой настоящий рисунок: деформируйте его по поверхности инструментом деформации или смещения в вашем редакторе, поставьте слою режим умножения на светлой ткани и дорисуйте заломы. Для мелких локальных проблем правка по маске на одном участке с Ideogram V4.5 Edit, как в нашем концепте этикетки для банки, дешевле целого нового варианта. Цвет исправляйте последним, сверяясь с исходным файлом рисунка, а не на глаз по экрану с мокапом.

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

Что такое мокап и чем он не является

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

Вопросы

Может ли ИИ-модель поместить мой дизайн на фото изделия?

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

Почему мой дизайн выглядит плоским на кружке?

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

Можно ли использовать сгенерированный мокап вместо фото изделия в магазине?

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

#Мокапы#Мерч#Редактирование изображений