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

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

Для начала давайте разберемся, что же такое этот мокап.

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

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

Для примера возьмем вот такой мокап в формате Psd 👉 Скачать

Если файл в архиве, распаковываем его. И открываем в фотошопе.

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

В данном мокапе можно изменить 4 элемента. Это лист А4, блокнот и 2 стороны визитки. Такой мокап обычно используется для презентации фирменного стиля.

Давайте попробуем поработать с одним из элементов. Например с листом А4.

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

Нам понадобится слой с названием Double Click and Replace your Right Page Design

В большинстве мокапов будет что-то подобное этому. Это может быть Your design, Click here и т.д.

И как сказано — делаем двойной клик левой кнопкой мыши по значку смарт-объекта на слое. (Смарт-объект – это вид слоев, который позволяет производить обратимое редактирование изображения, не затрагивая его пикселей. Он использует только данные изображения, не изменяя его)

После этого мы оказываемся внутри нужного слоя. Все изменения производятся здесь.

Переносим заранее подготовленный дизайн в открывшийся файл и при необходимости вносим изменения.

Сохраняем файл, в который добавили дизайн. (Ctrl+S, либо Файл —> Сохранить)

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

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

Например, вот так:

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

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

Кликаем мышкой по картинке с ножом и видим, что в панели слоев выбран слой в нужной нам папке.

Нажимаем на слой с папкой, и нужный нам объект выбран.

Если рядом со слоями есть значок ∞ , это значит,что слои связаны друг с другом и они будут перемещаться все вместе. А если нет нам потребуется команда Трансформирование, ее можно вызвать сочетанием клавиш Ctrl+T и после этого можно будет двигать сразу всю папку с нужным объектом. (сохраняется перемещение кнопкой Enter)

Удалить слои можно клавишей delete или нажав на иконку корзины на панели со слоями.

На этом все. Удачной работы.