Когда речь заходит о том, чтобы визуализировать товар или услугу, первое, что приходит на ум – это Мокап. Он же Mock-up, что дословно означает макет. Шаблон мокапа создает эффект реальности. И картинки смотрятся гораздо эффектнее, чем обычная фотография. И, естественно, что они более эффективны. Использование готовых шаблонов позволяет сэкономить время и получить качественный результат.
Чаще всего мокапы используются в рекламе. Вот простые примеры. Все это мокапы.
Как пользоваться мокап шаблоном
Обычно это psd файл с вложенным смарт-объектом, при редактировании которого мы и получаем уникальный мокап дизайн с сохранением качества картинки.
1. Надо скачать шаблон мокапа в psd формате
2. Чаще всего он заархивирован, поэтому понадобится разархивировать пакет и найти psd файл
3. После открытия с помощью программы Photoshop в рабочем окне Слои надо найти слой со смарт-объектом. Большинство шаблонов ориентировано на англоязычную аудиторию. В мокапах можно найти текстовый слой, который называется «You design here».
4. При двойном щелчке по этому слою, открывается отдельный psd файл, в котором можно отредактировать фоны, надписи, настройки отображения. При сохранении изменений в этом файле (Ctrl+S), все изменения отображаются в основном документе мокапа.
5. После чего можно сохранить основной psd файл в необходимых форматах.
6. Я рекомендую сохранять в исходном формате psd – для себя и в jpg/png формате – для клиента
Где брать Mock-up шаблоны
Есть очень много площадок в интернете, где можно скачать мокапы. Как и везде, есть платные и бесплатные сервисы. Если Вы не занимаетесь визуализацией полиграфических макетов профессионально, то Вам подойдут бесплатные сервисы.
Очень удобный сервис. Макеты разбиты по категориям, есть строка поиска, подробная инструкция, как пользоваться и всё на русском. Для скачивания не требуется дополнительных действий, достаточно нажать кнопку «Скачать» и сервис перенаправляет Вас в облачное хранилище, откуда и скачиваете файл.
Еще один русскоязычный сервис. Навигация все же оставляет желать лучшего, но есть строка поиска, искать приходится как на русском так и на английском. Мокапов здесь не так много, и далеко не все они бесплатные. Скачивание происходит с перенаправлением на облачное хранилище.
Но этот сервис интересен еще и тем, что здесь много других полезных плюшек для дизайнеров. Как говориться: «всего по чуть-чуть». Надеюсь, ребята будут развивать площадку и радовать нас большим разнообразием.
Отличный русскоязычный сервис. Большое количество мокапов. Навигация по макетам не предусмотрена, только через поиск. Скачивание непосредственно с сайта с 5 секундной задержкой.
Зато этот ресурс радует обилием дополнительных инструментов дизайна и большой библиотекой бесплатных уроков по работе в фотошопе.
Отличный сайт на русском. Отличная библиотека мокапов. В поиске поможет разбивка по категориям, метки и строка поиска. На этом ресурсе мне довелось найти и скачать бесплатно многие макеты, которые на большинстве англоязычных сайтов стоят денег.
Чтобы скачать понравившийся мокап, достаточно нажать на кнопку скачать и Вы будете перенаправлены на облачное хранилище для скачивания файла.
Еще один сервис в русскоязычном сегменте достойный внимания. Удобные поиск и навигация, огромная библиотека, прямое скачивание с сайта.
Тоже достаточно удобный сервис несмотря на то, что он англоязычный. Есть навигация по категориям, строка поиска — правда здесь искать придется уже на английском. Для скачивания достаточно выбрать пакет Free, нажать кнопку Download PSD и подождать 15 секунд, после чего загрузка начнется автоматически.
Еще один интересный англоязычный сервис. Не очень удобная разбивка по категориям, есть поиск. Но радует, что можно встретить уникальные (в весовой категории Free😅) мокапы. Для получения доступа на закачку придется поделиться ссылкой на сервис в одной из соц сетей.
Хороший англоязычный сервис. Специализируются на дизайне упаковки. Все макеты выполнены на основе 3D рендеров. Есть как платные так и бесплатные мокапы. Бесплатных, безусловно, меньше. Макет скачивается напрямую с сайта без дополнительных переходов.
И снова англоязычный сайт. Здесь большой выбор интересных макетов. К сожалению, непродуманная система поиска и навигации. Но зато можно найти действительно редкий макет. Скачивание по прямой ссылке. Хотя иногда выкидывает на Бёханс.
Хороший сервис. Безусловно, есть свои недостатки: нет разбивки макетов по тематике, выручает только поиск, опять же на английском. Но преимущество сервиса — это обилие уникальных тематических макетов. Для скачивания придется поделиться ссылкой в социальных сетях, после чего откроется доступ к прямому скачиванию с сайта.
Удобный сервис, продуманная навигация, есть англоязычный поиск. Работает прямое скачивание с сайта. Плюс к этому на сайте можно найти иконки, фоны, образцы логотипов и многое другое.
Англоязычный сайт с большим выбором бесплатных PSD макетов. Навигации по мокапам нет, но можно найти нужный через строку поиска. Скачивание напрямую с сайта с 10-секундным ожиданием.
Помимо этого сервис богат шаблонами для веб страниц, веб-элементами и наборами оформления интерфейсов.
Для этого интернет ресурса мокапы не являются основной услугой. Тем не менее здесь тоже можно подыскать для себя интересный макет. Фильтров и навигации по мокапам нет, но нужный макет можно найти по английскому названию в поисковой строке.
Так же можно найти много полезного для веб-дизайнера. В том числе пошаговые уроки по работе в Photoshop, illustrator, Indesign.
Еще один интересный зарубежный ресурс для скачивания готовых макетов. Отличительные особенности: удобная библиотека мокапов, множество уникальных макетов на основе 3D рендеров.
Строка поиска и продуманная навигация помогут Вам без труда найти нужный макет. Скачивание файла по кнопке Free Download с 5-секундной задержкой и перенаправлением на страницу загрузки.
Очень понравилась статья, рекомендую к прочтению 👍🏻
Да, надо срочно изучать фотошоп, чтобы попробовать сделать такую красоту…
Очень много полезных сервисов)