Это реалистичные картинки – фотографии или 3D-визуализации – фрагменты которых можно редактировать. Например, поместить свою вывеску на улицу, интерфейс своего приложения – на экран смартфона или логотип компании – на футболку.

Что такое мокапы?

01

Так это выглядит:

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

Симпатично! А для чего это нужно в презентации?

02

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

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

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

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

А как использовать мокапы? Это сложно?

03

Можно скачать файлы в формате PSD и в Photoshop добавить на фотографию все, что вам нужно. В файле уже будут наложены все эффекты и будет отдельный слой, на который просто нужно вставить ваш логотип или макет.

Слой для добавления вашей картинки помечен специальным значком в нижнем правом углу. Обычно есть еще одна подсказка: это название слоя – place your design here или place your artwork here.

После двойного щелчка по названию откроется новое окно: в него нужно вставить вашу картинку и сохранить файл (Ctrl+S). Тогда на исходном изображении с мокапом появится ваш дизайн.

Создавать мокапы онлайн можно на Smartmockups – 7 дней бесплатно, а потом придется оплатить подписку. Есть похожий сайт Placeit – тут есть платный тариф с широкими функциями и бесплатный – с ограниченным выбором мокапов.

Где взять такие мокапы?

04

Если вы дружите с Photoshop, можно найти мокапы на Mockupworld, Freepik, Unblast или Psd mockups.

Автор и дизайн: PRESIUM