Что такое Mockup?

Mockup или mock-up (дословно означает макет) — это заранее подготовленное изображение или несколько изображений (такие заготовки файла), в которые очень легко вставить свою собственную информацию. При этом готовый макет с вашим изображением будет очень реалистично смотреться,- так как будто бы это фотография, только хорошо обработанная в Photoshop.

Как правило Мокапы делают профессиональные дизайнеры, которые очень хорошо умеют работать со слоями и инструментами программы Adobe Photoshop. Макет Mock up обычно уже полностью готов к использованию. Т.е. достаточно просто заменить ту картинку, которая стоит в редактируемом слое и поставить свою — вуаля, все готово!

Для чего используется Mock up?

Прежде всего Mock up используется для того, чтобы красиво представить работу заказчику или человеку, который принимает решение о том как будет выглядеть рекламный продукт, для которого делается макет.

Мокапы сейчас есть практически для всего чего угодно — визитки, автомобили, автобусы, картины на стене, чашки с кофе, логотипы, упаковка и так далее. Одним словом — все, что хотите. Часто mock up, делают для презентации он-лайн продуктов: сайтов, интерфейсов, мобильных приложений для смартфонов. Увидев такой макет заказчик сразу представляет как будет выглядеть его конечный продукт. Заказчику приятно увидеть более-менее реалистично свой заказ, а вам как дизайнеру, кстати, мокапы чаще всего используют в своей работы дизайнеры, дополнительный плюсик за то что так красиво представили работу!

Красивый и реалистичный Mockup визитной карточки

Ниже представляем вам очень красивый, стильный и реалистичный mockup визитной карточки, которую держать между двумя пальцами.

Скачать бесплатно mock-up визитки можно по ссылке, открыв «аккордеон»:

Mock up визитки №1 - стильная визитка в руке

Ссылка на закачку макета Photoshop: B-card_in_hand_Mockup_tipvtop.com_01

Вот так выглядит макет с картинкой

Красивый и реалистичный Mockup визитной карточки

Инструкция по замене изображения на свою картинку
  1. Нужна программа Adobe Photoshop (желательно после версии CS5)
  2. Открываем скачанный макет в Фотошопе (файл называется B-card_in_hand_Mockup_01.psd
  3. Находим слой под названием «Print» и открываем его двойным щелчком мыши.
  4. У вас откроется слой в отдельном окне Фотошопа под названием «Rectangle 1111.psb»
  5. Вместо этого файл вы вставляете свою картинку визитки (она у вас должна быть подготовлена заранее)
  6. На этой картинке показаны какие слои открываются в программе и какое разрешение имеет файл (1620px * 926px при разрешении 72 точки) именно такого размера и должен быть подготовлен файл для вставки в нужный слой:
    параметры картинки открытой в Photoshop
  7. Желаю вам успехов на дизайнерском поприще
БОНУС!!!

Да кстати, чуть не забыл. В макете присутствуют также еще три слоя «Embossed» — это для создания эффекта конгревного тиснения. При желании можно также взять свой логотип или другую картинки и попробовать также «повыдавливать». Вот как выглядит этот выдавленный логотип:

Визитка с выдавленным логотипом

Теперь точно все. До новых встреч!!!

Просьба написать в комментариях к статье, получилось ли скачать, получилось ли вставить ваш макет визитки в Photoshop. Если что-то не получилось — напишите, что именно не так, чтобы я мог помочь.

Визитная карточка "Молодец"

Спасибо, жду от вас обратной связи!

ЧИТАЙТЕ ТАКЖЕ:

Сжатие картинок для сайта без потери качества
Красивый mockup постерной рамки на стену
Блог рекламы — самая актуальная правда

Подписывайтесь на нашу рассылку и вы первыми будете знать все самое полезное и интересное

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here