Найти тему

Мокапы в дизайне

Оглавление

Мокапы (mock-up — макет)

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

Зачем нужны мокапы

Дизайн не существует в вакууме: изображение неотделимо от предмета, на который оно нанесено. Бывает трудно оценить оформление упаковки в раскладке. Зато по реалистичному изображению на мокапе сразу всё ясно. Пример:

-2

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

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

Как использовать мокапы

Есть много ресурсов, где можно купить или скачать бесплатно готовые мокапы. Если открыть файл мокапа в Photoshop, видно, что он состоит из множества слоёв. Часто в готовом мокапе можно не только накладывать на объекты картинки со своим дизайном, но менять цвет предметов и фон.

 Как использовать скаченный мокап:

Находим слой с примерным названием «Place...», «Replace...», «You image...»

  1. Дважды щелкаем на иконке этого слоя — открывается новое окно, переносим туда свой дизайн или картинку.
  2. Закрываем это окно, выбрав «Да» при вопросе нужно ли сохранить.
  3. Теперь, в исходном файле ваш дизайн вписывается в объект. В любой момент картинку можно заменить, подвинуть, повторив все вышеуказанные действия.
-3

 Как сделать собственный мокап

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

Где скачать готовые мокапы

Можно просто вбить в поиске: скачать бесплатно мокап визитки/футболки/телефона/книги/кружки/... Чаще всего я поступаю именно таким образом. Некоторые мокапы я покупаю, некоторые делаю самостоятельно.