Мокап: что это и как сделать онлайн

Мокап — это слово, которое продавец впервые встречает, когда хочет красиво показать товар, которого ещё нет на руках. Заказал партию футболок с принтом, но тираж приедет через две недели, а карточку и рекламу собирать надо сейчас. Или придумал этикетку для банки кофе и хочет увидеть, как она ляжет на упаковку, прежде чем отдавать в печать. Вот тут и выручает мокап: готовая реалистичная сцена, в которую подставляют ваш дизайн, и на выходе картинка, неотличимая от настоящей фотографии. К 2026 году сделать мокап онлайн можно за пару минут, без Photoshop и навыков ретушёра. Разберём, что такое мокап простыми словами, какие бывают виды, три рабочих способа собрать его самому и где он реально помогает карточке, а где только вредит.

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

Что такое мокап простыми словами и зачем он нужен

Мокап это заготовка-сцена с пустым местом под ваш дизайн. Представьте фотографию белой футболки на модели, снятую профессионально: свет, складки, тень. В файле есть невидимая область на груди, куда вы загружаете свой принт — и он сам ложится по форме ткани, повторяя изгибы и тени. Результат выглядит так, будто футболку с вашим рисунком реально сшили и сфотографировали. То же с банкой, коробкой, визиткой, экраном телефона, постером на стене. Мокап подставляет дизайн в реальную среду вместо плоского файла.

Зачем это продавцу и бренду — сразу несколько причин. Первая: показать товар до того, как он физически существует. Принт ещё не напечатан, упаковка в макете, мерч в производстве — а презентация, карточка-черновик и реклама уже нужны. Вторая: поднять доверие в карточке. Покупатель плохо считывает плоский логотип на белом, но мгновенно понимает вещь, когда видит её в руках, на столе, на полке. Третья: упаковка и презентация бренда. Инвестору, типографии или поставщику проще показать линейку в мокапах, чем объяснять словами, как будет выглядеть фирменный стиль.

И четвёртая, неочевидная: мокап экономит съёмочный бюджет на старте. Снять студийную фотосессию мерча — это аренда, модель, фотограф, 8-20 тысяч ₽ за один день. Готовый мокап с подстановкой обходится в ноль или в стоимость одного premium-шаблона. Для теста гипотезы «зайдёт ли принт» это разумнее, чем шить пробную партию и устраивать съёмку. А когда гипотеза подтвердилась и тираж приехал — уже снимаете реальный товар.

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

Важно не путать мокап с двумя соседними понятиями. Прототип — это рабочая модель, по которой проверяют функции (чаще в продукте и интерфейсах). Рендер — трёхмерная картинка, посчитанная с нуля. Мокап же стоит между: это готовая фотография или сцена с заранее заготовленным местом под ваш дизайн, и вся ваша работа — аккуратно подставить картинку. Отсюда и скорость: не рисуете заново, а заполняете готовую форму.

Виды мокапов: одежда, полиграфия, упаковка, устройства, сцены

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

• Одежда и мерч. Самая популярная категория: мокап футболки, худи, свитшота, кепки, сумки-шоппера. Принт подставляется на грудь или спину и повторяет складки. Футболка мокап нужна всем, кто продаёт одежду с печатью под заказ — от локального бренда до магазина мерча.
• Визитки и полиграфия. Мокап визитки, флаера, листовки, буклета, бланка. Карточка лежит на столе, в руке, стопкой под углом, с реалистичной тенью и фактурой бумаги. Незаменимо для дизайнеров и типографий, которые показывают макет заказчику до печати.
• Упаковка. Банка, коробка, пакет, дой-пак, тюбик, флакон, этикетка на бутылке. Этикетка изгибается по форме тары, крышка отражает свет. Для продуктов, косметики и товаров с собственным брендом упаковки это основной рабочий инструмент.
• Устройства и экраны. Скриншот приложения на телефоне, сайт на ноутбуке, обложка на планшете. Дизайн ложится в плоскость экрана с лёгким бликом. Нужно для digital-продуктов, приложений, онлайн-сервисов.
• Постер в раме. Картина или плакат на стене в интерьере. Сюда же относится частая задача «вставить фото в рамку онлайн бесплатно»: подставили изображение в область рамки — и получили работу на стене, а не файлом. Для продавцов постеров, репродукций и плакатов это главный формат демонстрации.
• Сцена и интерьер. Товар на столе, на полке, в руках, в обстановке: чашка на завтраке, свеча на тумбе, книга в библиотеке. Самые сложные и самые продающие мокапы — они показывают не просто продукт, а сценарий использования.

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

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

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

Три способа сделать мокап онлайн

Собрать мокап можно тремя путями, и выбор зависит от того, сколько у вас времени, денег и насколько важна уникальность сцены. Разберём каждый — от самого быстрого к самому трудоёмкому.

1. Готовый шаблон-мокап со смарт-объектом

Классика: скачиваете PSD-шаблон, открываете слой со смарт-объектом, вставляете внутрь свой дизайн, сохраняете — и принт автоматически лёг по форме с тенями и перспективой. Так работают тысячи мокапов на стоках. Плюс: фотореалистичный результат за 2-3 минуты при наличии редактора. Минус: нужен софт, понимающий смарт-объекты, и шаблон под вашу задачу. Хорошие сцены платные, бесплатные мокапы часто заезжены — те же три футболки видел весь интернет.

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

2. Онлайн-редактор с подстановкой

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

Авторская позиция: для 80% задач маркетплейса онлайн-редактор с подстановкой выигрывает у возни с PSD. Берите его, если вам нужен результат сегодня и вы не собираетесь становиться дизайнером. Не стоит лезть в смарт-объекты ради одного слайда — потратите вечер на установку софта вместо пяти минут в браузере. Photoshop оправдан, только когда мокапов сотни и нужна пакетная подстановка.

3. 3D-генерация сцены

Самый продвинутый способ: вы не берёте готовую фотографию, а собираете сцену в 3D-редакторе или генераторе, задаёте материал, свет, ракурс и накладываете дизайн на трёхмерную модель. Так делают уникальные мокапы, которых нет ни у кого. Плюс: полная свобода ракурса и освещения, любой материал. Минус: порог входа высокий, на освоение уходят недели, а рендер одной сцены — десятки минут. Для рядового продавца избыточно; нужно агентствам и брендам, которым важна несхожесть с конкурентами.

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

Как выбрать между тремя способами на практике — ориентируйтесь на три вопроса. Сколько у вас времени: если результат нужен сегодня, отпадает 3D. Сколько единиц визуала: на десятки и сотни мокапов оправдан пакетный прогон через смарт-объекты в Photoshop, на пять слайдов — онлайн-редактор. Насколько важна уникальность: для рядовой карточки сток подойдёт, для бренда, который строит позиционирование на визуале, стоковая футболка из топа выдачи — антиреклама. Большинство продавцов честно попадают в категорию «быстро, недорого, не критична уникальность» — и им хватает онлайн-подстановки.

Ещё один практический момент — разрешение. Для карточки маркетплейса слайд обычно нужен в районе 900 на 1200 пикселей и крупнее, поэтому шаблон должен быть достаточно большим, чтобы при кадрировании не поплыли детали. Бесплатные мокапы иногда отдают только маленькое превью, а полный размер прячут за платную версию. Проверяйте размер файла до того, как вложите время в подстановку: переделывать сцену из-за того, что картинка размылилась на карточке, обиднее всего.

Как наложить свой дизайн на мокап реалистично

Главная разница между убедительным мокапом и плоской наклейкой — в четырёх деталях. Шаблон может сделать половину работы за вас, но проверять придётся вручную, иначе подделка считывается мгновенно.

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

Разберём на конкретном примере — мокап визитки. У вас макет визитки в фирменных цветах и шаблон «стопка карточек на деревянном столе под лёгким углом, верхняя приподнята». Что нужно сделать. Первое: подставить макет в смарт-объект верхней карточки так, чтобы он лёг по её наклону, а не остался прямым прямоугольником. Второе: проверить, что тень от приподнятого края падает поверх дизайна — она зашита в шаблон и должна сохраниться. Третье: убедиться, что текстура бумаги чуть проступает (на матовом картоне цвета приглушённее, чем в файле). Если все три пункта на месте, визитка выглядит напечатанной. Если макет лёг плоско и ярко — это наклейка, и заказчик это увидит.

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

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

Собираете слайды с мокапом для маркетплейса?

Мокап — это сырьё для слайда, а не готовая карточка. Дальше товар в сцене нужно подписать выгодами, добавить акценты и собрать комплект изображений под площадку. Если вы торгуете на Wildberries или OZON, попробуйте бесплатный конструктор и создай карточку для WB за 10-15 минут: загрузили сцену с товаром, выбрали фон, добавили текст выгод — и слайд готов без дизайнера. Те же приёмы (один объект, чистый фон, один акцент) работают и для рекламного баннера, и для презентации бренда.

Где мокап уместен в карточке, а где лучше реальное фото

Здесь продавцы чаще всего ошибаются, и ошибка стоит денег. Мокап и реальное фото — не взаимозаменяемы. У каждого своё место.

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

А вот где мокап работает в плюс: дополнительные слайды с сценарием использования (товар в интерьере, мерч на человеке), презентация бренда и фирстиль, реклама и баннеры, тест гипотезы до тиража, карточки на старте, пока реальной съёмки ещё нет. Как только товар приехал — главное фото меняем на настоящее, мокап оставляем для имиджевых слайдов. Эта граница простая: то, что покупатель оценивает перед покупкой как «вот эта конкретная вещь», должно быть реальным; то, что показывает идею, сценарий или стиль, может быть мокапом.

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

Авторская позиция по этому пункту жёсткая. Лучше скромное, но честное реальное фото на главном, чем глянцевый мокап, который потом обернётся возвратами. Карточка живёт отзывами, а отзыв «пришло не то, что на картинке» с приложенным фото убивает конверсию надолго и стоит дороже любого красивого слайда. Мокап — отличный инструмент, пока он показывает правду; в момент, когда он начинает обещать больше, чем есть в коробке, он работает против вас.

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

Посчитаем на бренде мерча, который запускает линейку из 8 моделей футболок с принтами. Возьмём три сценария по стоимости визуала.

Сценарий А. Бесплатные шаблоны. Мокапы бесплатно со стоков, подстановка в онлайн-редакторе. Время — 5-7 минут на модель, итого около часа на всю линейку. Деньги — 0 ₽. Минус — сцены неуникальные, те же шаблоны у сотен магазинов. Подходит для теста спроса и стартовых карточек, пока нет реального товара.

Сценарий Б. Premium-шаблоны. Качественные мокапы по 100-500 ₽ за штуку, 2-4 разные сцены на линейку. Бюджет — 400-2 000 ₽ на всю серию. Сцены реалистичнее и реже встречаются у конкурентов. Берут, когда визуал держит позиционирование и нужно отстроиться от стоковой массы.

Сценарий В. Дизайнер с уникальными мокапами. Индивидуальные сцены или 3D-рендер, 1 500-5 000 ₽ за мокап. Линейка — 12 000-40 000 ₽. Оправдано для премиального бренда, имиджевой кампании или краудфандинга, где визуал напрямую продаёт идею до выпуска товара.

Теперь окупаемость. Возьмём футболку со средним чеком 1 400 ₽ и 1 200 показов карточки в неделю на старте. Допустим, реалистичный мокап на дополнительных слайдах (товар на модели, в сценарии) поднимает конверсию из показа в заказ с 2,2% до 2,9% — это +8,4 заказа в неделю при том же трафике, или примерно +36 заказов в месяц. В выручке это +50 000 ₽ в месяц на одной модели. Даже premium-набор мокапов на всю линейку за 2 000 ₽ окупается в первый же день продаж, а дизайнерские сцены за 40 000 ₽ — в течение месяца. Вывод по цифрам: визуал, который помогает покупателю представить вещь, окупается быстрее почти любого вложения в карточку — при условии, что главное фото остаётся честным реальным снимком.

Сравним напрямую с альтернативой — реальной фотосессией мерча. День студии с моделью и фотографом на старте обходится в 8-20 тысяч ₽, и пока тираж не приехал, снимать нечего. Мокапы дают тот же по силе визуал для тестовых карточек за 0-2 000 ₽ и пару часов. Разница на запуске линейки из 8 моделей — от 6 до 18 тысяч ₽ экономии плюс две недели выигранного времени, за которые карточки уже собирают первые показы и отзывы. Когда тираж приходит, бюджет на съёмку уже отбит первыми продажами по мокап-карточкам, а реальную фотосессию вы делаете осознанно — только под подтверждённые спросом модели, а не вслепую под всю линейку.

Отдельный расчёт для тех, кто продаёт постеры — это категория, где мокап и есть товар. Возьмём магазин принтов: 30 работ в каталоге, средний чек 700 ₽. Показать каждую работу «вставить фото в рамку онлайн бесплатно» в интерьерной сцене стоит 0 ₽ и по 3 минуты на штуку, итого полтора часа. Если интерьерный мокап вместо плоского файла поднимает конверсию хотя бы на 0,4 процентного пункта (с 1,5% до 1,9%) на 800 показах в неделю, это +3,2 заказа в неделю по каталогу, около +9 000 ₽ выручки в месяц при нулевых затратах на визуал. Для постеров мокап — не приятное дополнение, а базовый способ продать, потому что работу на стене покупатель считывает совсем иначе, чем картинку файлом.

Три ошибки с мокапами: последствия и цифры

Большинство провалов с мокапами сводится к трём промахам. Каждый стоит конкретных денег и отзывов.

Ошибка 1. Плоская подстановка без перспективы и теней. Дизайн залит поверх шаблона как стикер: не следует складкам, не изгибается по форме, не принимает тени сцены. Глаз сразу читает подделку, и карточка выглядит дёшево. CTR такого слайда оказывается на 15-25% ниже, чем у реалистичного мокапа, а доверие к бренду падает с первого взгляда. Потеря на товаре с 1 200 показов в неделю — 3-5 заказов в месяц, то есть 4 000-7 000 ₽ упущенной выручки на ровном месте. Лечится за две минуты: включить тени шаблона и подогнать дизайн под перспективу.

Ошибка 2. Мокап вместо реального фото товара. Самая дорогая ошибка. На главном фото стоит идеальная сцена, покупатель ждёт именно её, а получает вещь попроще. Возвраты по причине «выглядит не так, как на фото» растут на 8-15%, и каждый тянет логистику и потерянный выкуп — 150-400 ₽ минус из маржи за штуку. Хуже того, отзыв с фото «обманули» снижает конверсию всей карточки на недели вперёд. Один такой отзыв стоит дороже, чем десяток мокапов. Главное фото — только реальный товар.

Ошибка 3. Дешёвый водяной знак на бесплатном мокапе. Скачали мокапы бесплатные, не заметили полупрозрачный логотип стока в углу или текстуру watermark по всей сцене — и залили в карточку. На превью незаметно, в полном размере читается, и модерация может отклонить, а покупатель — заподозрить, что картинка ворованная. Плюс юридический риск: бесплатная версия часто запрещена для коммерции. Цена — отклонённая карточка, день на переделку и потенциальная претензия по лицензии. Проверяйте файл на 100% масштабе и читайте условия лицензии до загрузки.

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

Чек-лист: сделать мокап и не испортить карточку

1. Определите носитель: одежда, визитка, упаковка, экран, постер в раме или интерьерная сцена — под каждый свой тип мокапа.
2. Выберите способ: онлайн-редактор с подстановкой для скорости, PSD со смарт-объектом для точности, 3D — только если нужна уникальная сцена.
3. Проверьте лицензию шаблона на коммерческое использование и отсутствие водяного знака на полном размере.
4. Подгоните дизайн под перспективу сцены и сохраните тени и блики шаблона.
5. Дайте принту проступить через фактуру материала и следовать складкам — никакой плоской наклейки.
6. Покажите готовый мокап человеку «вслепую»: если принял за реальное фото — годится.
7. Главное фото карточки оставьте реальным товаром, мокапы используйте на дополнительных слайдах и в рекламе.
8. Соберите слайды и инфографику из готовой сцены в конструкторе.

Короткий итог

Мокап это способ показать дизайн на реальном носителе до того, как товар физически появится: принт на футболке, этикетка на банке, визитка в руке, постер на стене. К 2026 году сделать мокап онлайн можно за пару минут и бесплатно — готовый шаблон с подстановкой закрывает большинство задач продавца, premium-сцены за 100-500 ₽ отстраивают от стоковой массы, а 3D-генерация нужна лишь там, где уникальность сцены реально продаёт. Результат держится на четырёх вещах: перспективе, тенях, фактуре и складках; потеряете одно — и убедительная сцена превращается в плоскую наклейку. По деньгам реалистичный мокап на дополнительных слайдах окупается с первых продаж: рост конверсии на 0,5-1 процентный пункт даёт десятки тысяч ₽ выручки в месяц на ходовой модели. Три ошибки — плоская подстановка, мокап вместо реального главного фото и водяной знак с бесплатного шаблона — стоят от 4 тысяч ₽ упущенной выручки до волны возвратов и испорченных отзывов. Главное правило простое: мокап показывает идею и сценарий, реальное фото показывает конкретную вещь, и путать их на карточке нельзя.