Мокапы -это просто

Мокап - это макет продукта с помещённым на нём дизайнерским решением. С помощью mock-up можно показать заказчику как в жизни будет выглядеть ваша работа. Это важный момент в презентации. Качественная презентация своей работы поможет избежать множественных правок и изменений.

Создаем свой продукт. Например, логотип, изображенный на картинке 1 создан в иллюстраторе. В нем соединены инициалы A и S. Добавляем градиент, делаем фон прозрачным и сохраняем в формате PNG, так как на мокапах логотип будет без фона.

Картинка 1 - Логотип
Картинка 1 - Логотип

На сайте Freepik ищем и скачиваем подходящие мокапы. Рекомендую слева в фильтрах применить: "Лицензия: Бесплатно" - для бесплатного использования, "Тип ресурса: PSD" - для открытия и работы с файлом в фотошопе. Но это уже зависит от того, что именно вам нужно.

Мокапы -это просто

Нажимаем на выбранный мокап и в открывшемся окне нажимаем зеленую кнопку "Бесплатная загрузка".

Мокапы -это просто

Файл скачивается в виде архива, который мы разархивируем. В этом файле находятся лицензии, JPG и PSD файлы. Открываем в фотошопе PSD файл. В нём находятся слои с продуктом на котором будет изображён дизайн и слой с самим дизайном.

Нажимаем два раза ЛКМ по слою, где находиться дизайн (обычно этот слой отмечен красным, но не всегда).

Мокапы -это просто

Открывается новое окно в фотошопе. В этом окне находиться только дизайн. Скрываем слой с изначальным дизайном и добавляем новый слой с дизайном, который нам нужен. Сохраняем сочетанием клавиш Ctrl+S.

Мокапы -это просто

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

Telegram канал, в котором я делюсь своим опытом

1
Начать дискуссию