мокап помещения со стеной

Стена

Мокап футболки на фоне стены

Реалистичный мокап висящей футболки на фоне белой стены. Смарт-объект включен. Размеры: 3432 x 4848 пикселей / 300 точек на дюйм. СкачатьИсточник

Мокап футболки на вешалке

Однослойный PSD файл со смарт-объектами, изображающий футболку на вешалке. Размеры: 1300 × 2400 пикселей. СкачатьИсточник

Мокап мужского худи

Фотореалистичный мокап худи на мужчине. Коллекция из нескольких мокапов мужчины в толстовке с капюшоном. Размеры PSD: 3500 x 2300 пикселей. СкачатьИсточник

Мокап мужской футболки

Фотореалистичный мокап бородатого мужчины в футболке. PSD файл высокого разрешения, снабжен смарт-объектом. Размеры: 2100 x 2100 пикселей при 300 dpi. СкачатьИсточник

PSD макет вывесок для кафе и ресторанов

Коллекция из восьми макетов на основе фотографий с различными круглыми и прямоугольными вывесками магазинов. Скачайте PSD макет вывесок для оформления ваших идей дизайна. Каждый файл PSD поставляется со смарт слоем. Размеры варьируются в пределах 3113 x 2304 пикселей. СкачатьИсточник

Mockup рамки у стены

Бесплатный макет деревянной рамки, стоящей у стены рядом с часами и растением в кашпо. Скачайте Mockup рамки у стены и вставьте ваше фото или иллюстрацию. Полностью многослойный макет (удаляйте элементы по своему усмотрению) со смарт-объектом. Размеры PSD-файлов: 3500 x 2500 px.…

PSD мокап картины в интерьере

Скачайте PSD мокап картины в интерьере, чтобы продемонстрировать ваши художественные работы на стене уютной гостиной. PSD файл со смарт слоями. Размер 5000 x 3750 пикселей при 300 точек на дюйм. СкачатьИсточник

Мокап деревянной фоторамки

Бесплатный мокап деревянной фоторамки в альбомной и портретной ориентации с декоративными элементами. С легкостью добавляйте свой собственный дизайн с помощью смарт слоев. Многослойный PSD-файл с интеллектуальными объектами. Размеры 6800 x 5400 пикселей, 300 точек на дюйм. СкачатьИсточник

Мокап световой вывески

Два макета с изображением настенной вывески. Используйте мокап световой вывески для создания привлекательной презентации вашего дизайна. Скачайте файл и откройте в программе Photoshop. Замените логотип, используя интеллектуальный слой. Выберете фон стены. Один многослойный PSD-файл со смарт-объектами. Размеры: 4000 x 3000…

Мокап холста

Мокап, показывающий переднюю и заднюю часть огромного квадратного холста, прислоненного к стене. Используйте этот мокап холста, чтобы продемонстрировать свои картины или любые другие дизайнерские работы. PSD-файл с высоким разрешением (5000 x 3750 пикселей, 300 точек на дюйм) со смарт-объектом. СкачатьИсточник

Источник

Стена

PSD макет постера в рамке

Бесплатный PSD макет постера в узкой рамке в интерьере современной гостиной. Используйте этот реалистичный мокап картины, чтобы продемонстрировать ваше произведение искусства. PSD файл со смарт слоем. Размеры: 5000 x 3000 px при 300 dpi. СкачатьИсточник

Мокап постеров и картин на фоне кирпичной стены

Коллекция из пяти макетов, показывающих различные снимки кирпичной стены с рамками для фотографий и постеров. Отдельно загружаемые PSD файлы с интеллектуальными слоями. Размер каждого 5965 x 3977 px при 300 dpi. Скачать мокап 1Скачать мокап 2Скачать мокап 3Скачать мокап…

Мокап подушки, прислоненной к стене

Используйте этот реалистичный мокап подушки, чтобы продемонстрировать свой дизайн ткани. Измените цвет и дизайн с помощью смарт-объекта PSD-файла. Размеры 5000 x 3750 пикселей при 300 точек на дюйм. СкачатьИсточник

Мокап афиши (серия)

Коллекция из нескольких макетов с огромными плакатами расположенными вертикально или горизонтально на стене. Скачайте мокап афиши для презентации вашего дизайна. PSD файлы с высоким разрешением со смарт-объектами. Размер: 3508 x 2480 пикселей при 300 dpi. Чтобы скачать этот файлу введите…

Мокап листа А4 у стены

Мокап листа А4, прислоненного к стене. Скачайте макет картонного листа и парящей ручки, чтобы продемонстрировать ваш графический дизайн. С помощью смарт слоёв PSD-файла вы можете легко изменить цвета всех элементов и изображение на листе. Размеры: 6800 x 5600 пикселей при 300…

Mockup постера в рамке

Mockup постера в рамке, висящего на стене. Файл PSD оснащен смарт-объектом. Размер 3200 × 2400 пикселей. Примечание: введите «$ 0» для бесплатной загрузки. Скачать

PSD мокап плаката у стены

Высококачественный мокап плаката у стены. Используйте этот современный макет постера, чтобы продемонстрировать свои художественные работы. Готовый к печати PSD-файл со смарт слоем и фиксированным фоном. Размер 5000 x 3750 пикселей при 300 dpi. СкачатьИсточник

Мокап постеров в рамках

Бесплатный мокап постеров в рамках, стоящих у стены. Вставьте свою графику, используя смарт-объекты. PSD-файл со смарт слоями. Размеры: 3476 x 2150 px. Источник

PSD мокап подушки у стены

Бесплатный PSD мокап подушки. Измените дизайн наволочки одним парой щелчков мыши! PSD-файл с интеллектуальными слоями и дополнительными опциями для дизайна стены и пола. Размеры: 1800 x 1800 px. СкачатьИсточник

Рождественский мокап: девушка с пакетами для шоппинга

Рождество наступает! Не забудьте скачать этот набор бесплатных макетов для оформления дизайна сумок для шоппинга в праздничном стиле. Откройте рождественский мокап в программе Фотошоп. Загрузите скриншоты и вставьте их в иллюстрацию, кликнув дважды по смарт слою. Набор из трех фотореалистичных…

Источник

Что такое мокапы и зачем они дизайнеру

Они существуют, чтобы показывать печатную продукцию заказчику и не вносить правки до бесконечности. Так, чтобы ни одно дерево не пострадало.

Мокапы (от англ. mock-up — макет) — это изображения, которые используют, чтобы показать заказчику дизайн фирменного стиля на объектах реального мира. Обычно это готовые файлы в формате psd со слоями, позволяющими дизайнеру наложить элементы дизайна на фотографию предмета.

Кстати, так могут называться любые макеты: модели самолетов, миниатюры архитектурных сооружений или отрисованные веб-страницы, которые клиент утверждает перед вёрсткой.

Англ. identity — синоним словосочетания «фирменный стиль»

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

Зачем нужны мокапы

Дизайн не существует в вакууме: изображение неотделимо от предмета, на который оно нанесено. Бывает трудно оценить оформление упаковки в раскладке:

Зато по реалистичному изображению на мокапе сразу всё ясно.

Печать — дорогое удовольствие даже для маленькой упаковки, не говоря уже о вывесках и билбордах. Если клиенту захочется внести правки в дизайн, печатать придётся не один раз. Чтобы оптимизировать работу, придумали мокапы. С их помощью заказчик может рассмотреть дизайн на конкретных предметах и в разных ракурсах.

Мокап — это детализированное изображение реального предмета. Не нужно путать его со скетчем — наброском дизайна на бумаге или в электронном виде, не подразумевающем проработку деталей. Или с макетом для печати — свёрстанным изображением с линиями сгиба, типографскими метками и отрегулированной под тип бумаги суммой красок.

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

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

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

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

Формат архивации данных для сжатия файлов без потерь

Если открыть файл мокапа в Photoshop, видно, что он состоит из множества слоёв.

Растровый формат файлов для работы в Adobe Photoshop.

Векторный формат файлов для работы в Adobe Illustrator.

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

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

Откуда можно скачать мокап

Есть много сайтов, где можно взять готовые мокапы. Вот несколько из них:

Подобных источников много, но бесплатные мокапы на них часто повторяются.

Если хочется найти что-то более оригинальное, лучше ввести соответствующие запросы на Behance или Dribbble — здесь люди иногда бесплатно делятся своими наработками.

В чём трудности работы с готовыми мокапами

Сувениры, документы, каталоги, упаковка, униформа или предметы интерьера, которые оформлены в фирменном стиле компании.

Часто упаковка товаров, униформа и сувениры имеют нестандартную форму. Поэтому трудно найти то, что хочет клиент.

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

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

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

Если готовый мокап вам не подходит

Иногда важно продемонстрировать дизайн на носителях с точным соблюдением всех пропорций. Для этого можно самостоятельно сделать мокап для заказчика, взяв за основу фотографии его упаковок, сувениров или униформы. Но это трудоёмкая работа: придётся с помощью инструментов Photoshop создать перспективные искажения, вручную добавить тени, полутени, освещение и блики.

Если проект недорогой, а точность презентации не критична, для демонстрации дизайна стараются подобрать готовые мокапы.

Хотите научиться разрабатывать фирменный стиль, работать с готовыми мокапами или создавать их собственноручно? Записывайтесь на наш курс по графическому дизайну.

Источник

Дизайн для недизайнеров. Мокапы.

Привет! Меня зовут Антон и я веб-дизайнер(хлоп, хлоп, хлоп. ).

Как пользоваться мокапами. (снизу на картинке мокапы)

Что же нам понадобится?

2) Сам мокап. Они легко гуглятся запросом «мокап+нужное слово», например «мокап чашки».

3) Логотип, картинка, текст, который надо разместить на мокапе.

Решил я сделать пикабучашку.

Нашел вот такой вот мокапчик в интернетах:

Скачал архив, вытащил из архива «Mockup.psd», открыл его в фотошопе.

Вижу я вот такую картину:

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

В этом разделе показаны все слои, которые есть в данном файле.

Нам нужен смарт слой, который и требуется отредактировать для нужного результата.

Обычно слой для редактирования выделяют цветом, как в данном случае.

Так как на чашке есть две картинки, то тут есть два слоя для редактирования, делаем по иконке первого слоя двойной елик мышкой.

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

Я нашел в этом посте хорошие пикабукартиночки и сохранил одну себе как раз для этого мокапа.

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

На слое со старым логотипом мы нажимаем на «глазик»(после нажатия он исчезает), что бы скрыть данный слой, и что бы остался виден только слой с пикабушной картинкой.

Нажимаем Ctrl+S, изменение смарт слоя сохраняется и мы переходим на главную вкладку и видим результат.

С удовольствием отвечу на ваши вопросы в коментариях.

Дубликаты не найдены

шикарная станция метро =)

переход на лососни-тунцовую линию =)

Спасибо! Редкий случай, когда на Пикабу не только приятно, но и полезно)

Не совсем, это макет или прототип.

а у меня как то вот так получилось. нормально?

7 сайтов с иллюстрациями

Дорогие друзья, как вы думаете, манера речи должна соответствовать теме? Чтобы стиль играл на стороне текста – увлекал, интриговал, дразнил. Так ведь лучше, правда?

Мы будем выражаться довольно фривольно, абы подогреть вас, ой, точнее ваш интерес к предмету статьи. А тема сегодня вкусная: манипуляции, хитрости, уловки в интернет маркетинге вообще и в кликбейте, в частности.

Вы попадали на Темные Паттерны поведения в пользовательском дизайне сайта или иного сервиса? Отвечу вместо вас и ваших комментариев – конечно, да! Вас вынуждали пройти регистрацию в один клик, оставить e-mail или посмотреть баннер; вас кидали на левые страницы и сайты; ваше внимание вязло в тизерах сомнительного содержания.

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

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

Чтобы не плодить известных личностей и не участвовать в вакханалии репост-модерна, имя одного британского UX-дизайнера, автора термина Dark Patterns, оставим позади фрейма этого поста. Заинтересовавшись, вы и так способны найти его просто погуглив это.

Итак, Темные Паттерны – блуждания пользователя по интерфейсу, где он вероятно увидит замаскированную рекламу, с десяток раз на нее кликнет, потеряет из виду выход из аккаунта, добавит в корзину покупки экспресс-доставку, скачает антивирус, антишпион и какой-то “уж очень нужный” ему браузер.

Короче, сразу выгружаю перечень таких техник, в порядке нумерации для вас, но в порядке случайности при написании для меня:

1. Невозможность удалить аккаунт легко и быстро. Сложно найти ту заветную кнопочку удаления среди лабиринта настроек, а может быть, она вовсе не там и спрятана в километровом манускрипте текста пользовательского соглашения.

2. Bait & Switch (Заманить и Подменить) – обещать одно, а подсунуть другое. Пример: захотели прочитать статью на сайте – вам предложат пройти бесплатную регистрацию. Окей, вы сделали это! А платную подписку оформить еще не желаете? Такая себе воронка продаж!

3. Native advertising (Нативная реклама). Реклама маскированная под целевую для вас часть контента или повторяющая стиль навигации сайта, чтобы вы ее по ошибке кликнули.

4. Teaser Ads – реклама, дразнящая своей непристойностью, как артистка бурлеска. Броское объявление это уже классика жанра и мастерство написания цепляющих заголовков.

Пример: вы отписываетесь от новостной рассылки на вашу почту на сайте агентства. Вам предстоит подтвердить целевое действие, где будет маячить примерно такой текст: “Вы отписались от нашей рассылки. Мы огорчены и подавлены этим, вы не увидите больше наших лучших статей”.

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

7. Roach Motel, дословный перевод – мотель для тараканов, но более подходящая идиома в русском языке – ловушка для мышей. Суть в том, чтобы дать посетителю удобный способ быстро попасть в нужную ситуацию.

Пример: покупка “в один клик” или “оставьте телефон – мы вам перезвоним в течении пяти минут”, все это освобождает человека от якобы лишней работы. Лень, в данном случае, не стимул прогресса.

На этом все. Будьте внимательны и удачи!

Источник

20 бесплатных инструментов для создания мокапов

Хочу поделиться с вами небольшой, но полезной подборкой онлайн инструментов и приложений для работы с мокапами. Отличный вариант для тех, у кого нет возможности использовать Photoshop, но необходимо быстро сделать красивый мокап для сайта или презентации.

Большая платформа для создания мокапов. От мобильных устройств до упаковки еды и одежды. По словам разработчиков, это самый быстрый веб-сервис для создания мокапов, он простой в использовании — не нужны дополнительные навыки или опыт в дизайне. Быстрорастущая библиотека профессиональных мокапов.

Приложение для создания мокапов доступное для Windows, Mac и Linux. В арсенале имеется более 700 различных мокапов с техникой и красивыми сценами. Мокапы имеют высокое разрешение 5472×3648.

Мощный генератор мокапов от Envato. Библиотека насчитывает более 30 различных тысяч объектов и сцен.

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

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

Позволяет выбирать 3d модели и готовые шаблоны сцен и крутить их как душе угодно.

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

Минус: Не поддерживает Safari.

Позволяет создавать бесплатные анимированные макеты продуктов с видео и анимированные GIF-файлы.

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

Создавайте пользовательские макеты 3D-устройств в своем браузере.

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

Очень удобный инструмент который позволяет создать предварительный просмотр вашего приложения в App Store без необходимости его публикации.

Файлы изображений и эскизов популярных устройств.

Простой Генератор мокапов устройств для ваших скриншотов.

Небольшая библиотека с бесплатными и красивыми мокапами для презентаций. Из минуса: нет онлайн редактирования.

Одно из лучших приложений на Mac для создания анимационных мокапов. Постоянно пользуюсь сам. Рекомендую.

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

Делайте чистые скриншоты любого веб-сайта.

Мгновенно превратите свои скриншоты в красивые мокапы рабочего стола.

712+ реалистичных мокапов для вашего дизайна. Мощный и удобный редактор.

Небольшая коллекция мокапов. С простым редактированием.

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

⚡ Если тебе понравился этот материал, ты можешь подписаться на мой Instagram / Facebook / Medium / Linkedin. Там ты найдешь больше интересных материалов о дизайне.

В статье какой-то утиль из прошлого века

Я улучшил статью и добавил предлагаемые вами ссылки. Заслуживает ли теперь материал вашего лайка?

Ну не все утиль ) Есть попроще инструменты, есть посложнее. Спасибо за ссылки. Есть действительно крутые сервисы, не знал о них.

Спасибо большое. Полезные ссылочки

Добавил в закладки, спасибо!

песня для автора поста

Очень хорошая песня, спасибо.

Ничего не удешевляет дизайн, как эти бесплатные мокапы)

Источник