Где взять бесплатно и как пользоваться мокапами? Да и что это вообще такое? Если вы уже дизайнер, который уже знает, что такое мокапы и слышал о них, то вы знаете, что ими можно впечатлить любого заказчика, даже если ваш дизайн очень простой и легкий.
Что же такое мокапы и зачем они нужны?
Нам всегда хочется показать свою работу более красиво, более впечатляюще. Но это не всегда можно сделать, когда у вас абсолютно простой и лаконичный логотип, и здесь вам помогут мокапы.
Подача работы всегда будет более впечатляющей, если она будет выглядеть так, как себе представлял заказчик у себя в голове. А он всегда представляет, например, логотип, как он выглядит на его товаре. То есть, мокап помогает предоставить дизайн так, как он представляет себя в реальном мире. Поэтому, мокап – это представление дизайна так, как он будет выглядеть в реальной жизни. Разберём на примерах известных брендов, как выглядят их логотипы и как они используются на их брендовых изделиях, дизайне упаковки, товарах. Слева представлен логотип, а справа его нанесение.
Какой формат мокапов более подходящий?
Чаще всего, мокап – это подготовленный файл, который помогает вам показать вашу работу так, как она будет выглядеть в реальной жизни. Обычно это PSD, то есть файл, который вы используете в графическом редакторе, например, в Adobe Photoshop. Также мокапы можно создавать, редактировать в Figma или Illustrator.
Бывают и в формате JPG или PDF, это самые простые вариант.
Иногда вам нужно, допустим, разместить свой логотип на бутылке, на баннере, на какой-то упаковке. И там уже формат JPG вам не поможет, если вы не обладаете навыками работы в редакторе. В этом случае стоит искать файлы в формате PSD, где вы уже будете встраивать свой дизайн, который будет правильно расположен, под правильным углом с правильным наклоном, где будет смотреться как настоящий, а не просто как будто вы нанесли непонятно какую картинку, непонятно, на какую футболку.
Как самому создать мокап и частые ошибки при его создании
Мокап – это не что иное, как способ сымитировать реальную жизнь и поместить дизайн в те условия, в которых он мог бы существовать. Поэтому необходимо использовать мокап, как способ поместить дизайн проект, логотип в ту среду, в которой он будет существовать органично.
Например, у нас пекарня. И мы хотим разработать себе новый логотип и чтобы о нем все знали. Соответственно дизайнер разработал его и у него стоит вопрос: как же презентовать этот логотип? На каких мокапах его размещать? Зачастую он открывает тот же Freepic или просто Google и ищет что-то понравившиеся. Допустим, ему понравилось фото с изображением шариковой ручки, и он хочет нанести на неё логотип. И, казалось бы, что это глупо, но так зачастую и делают многие. Они просто видят красивую картинку и наносят на неё логотип. Притом они не задумываются о том, а почему вообще логотип пекарни на шариковой ручке. Вы должны понимать, что таких примеров очень много.
Если у вас логотип для пекарни, то вам нет большого смысла показывать его на шариковой ручке, нет смысла показывать его на приложение в AppStore, так как, скорее всего, нет никакого приложения и так далее. А где же вы можете встретить этот логотип реальной жизни? Представьте себе улицу, вы идете по ней и на витринах присутствует реклама и вывески, можно аккуратно интегрировать логотип который разработали, тогда это будет смотреться замечательно, либо же отобразить его на упаковочной продукции изделий. Необходимо показывать финальный продукт, который был разработан и финальную сцену, где это может происходить. Противоположно этому, можно взять фото айфона и поверх него представить логотип. Только вот зачем?
Вся мысль в том, что необходимо делать те мокапы, которые в реальной жизни могли бы существовать. Но что делать если вы не можете найти мокап, который подходит к вам под задачу? Да очень просто. Сделать его самому!
Берите телефон, благо сейчас камеры в дневных условиях снимают замечательно, и направляйтесь в ту локацию, которая вам нужна. Сделайте несколько снимков в разных ракурса, открываете Photoshop и делаете мокап.
Как создать мокап с фотографией? Есть множество уроков на Ютубе. Это крайне просто: добавляете картинку, затем переводите в смарт-объект, искажаете её пропорцию, добавляете нужные эффекты при необходимости и готово. Работать с таким мокапом будет одно удовольствие и еще огромный плюс в том, что мокап уникален и у вас не будет такой ситуации, что вы открываете behance и там все одинаковые мокапы. Также плюсом является и то, что нет нужды приобретать лицензии.
Где скачать мокапы бесплатно?
Данный вопрос более подробно описан в статье: «Где брать бесплатные фотографии?». Но если кратко, то советую следующие сайты:
- Вечная классика – Freepik
Воспользовавшись поиском на сайте можно найти большое количество вариантов мокапов под любой вкус и стиль. Огромная база вариантов как платных, так и бесплатных. Среди понравившихся вариантов можно просмотреть подборки по похожим и подобрать вариант ещё лучше.
- Следующий сайт, который мне нравится, это mockups-design
Это специализированный источник содержащий базу только мокапов: флаеры, книги, визитки, брошюры, брендинг, упаковка и многого другого.
- World Mockup
Также задержит удобный поиск и большую базу готовых макетов разбитых на различные темы.
- CSS Author
Обладает постоянно обновляющейся базой мокапов. Большую часть можно загрузить совершенно бесплатно.
- MockupFree
Шаблоны макетов на любой вкус и цвет, скачивание бесплатно и без регистрации. Использование большинства файлов без ограничений по авторским правам.
Один важный нюанс и совет. Старайтесь, если вы уже и скачиваете чужие мокапы, то загружайте современные. Потому что если вы сейчас скачаете мокап седьмого айфона и начнете размещать свой дизайн, то это будет выглядеть, как будто вы передаете привет из прошлого. Намного же логичнее взять новые модели.
Не берите макеты с отвратительным освещением. Те, которые сделаны в отвратительном разрешении. Не стоит использовать те, у которых множество спецэффектов: тени, какие-то выемки, блестки и др.
Вывод
- Старайтесь делать макапы сами. Это хорошая практика.
- Применяйте те мокапы, которые максимально реалистично смогут передать окружение, в котором будет интегрирован ваш дизайн, чтобы это смотрелось гармонично и реалистично.
- Всегда будьте в ногу со временем. Не используйте старые шаблоны.
Поделиться записью:
СВЯЖИТЕСЬ СО МНОЙ!
