Работа с мокапами. Тема 4.4

1.

Тема 4.4.
Работа с мокапами
Лекция

2.

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

3.

4.

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

5.

6.

7.

8.

9.

10.

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

21.

22.

23.

24.

25.

26.

27.

28.

29.

30.

31.

32.

Способы визуализации

33.

Выделение
плоскостей

34.

35.

Аксонометрические проекции

36.

37.

Создание
падающей тени

38.

39.

40.

41.

42.

43.

Как использовать готовые мокапы
Предметы
Есть много ресурсов, где можно купить или скачать бесплатно готовые мокапы.
В предлагаемых архивах — обычно в формате zip — помимо самих мокапов
может находиться инструкция и/или требования лицензии.
Если открыть файл мокапа в Photoshop, видно, что он состоит из множества
слоёв.
В файле есть фон, объект, слой для вставки своего изображения вместо обёртки
и эффекты, которые делают это изображение реалистичным
Некоторые сервисы позволяют наложить дизайн на фотографию онлайн, но это
неудобно. Профессионалы обычно работают в Photoshop и вставляют в мокап
не только обычные картинки формата jpeg, но и рабочие файлы с дизайном в
форматах psd или ai. Удобство в том, что при редактировании этих файлов
изменения автоматически отображаются и на макете.

44.

Откуда можно скачать мокап
Есть много сайтов, где можно взять готовые мокапы.
Вот несколько из них:
Freepik — сток, на котором выставлены фотографии, иконки, векторные
иллюстрации и много мокапов. Можно найти и платные, и бесплатные
файлы.
Mockupworld — англоязычный сайт с мокапами. Можно ввести запрос в
поисковой строке, если ищете что-то конкретное, или найти нужные
мокапы по категориям.
Подобных источников много, но бесплатные мокапы на них часто
повторяются.
Если хочется найти что-то более оригинальное, лучше ввести
соответствующие запросы на Behance или Dribbble — здесь люди
иногда бесплатно делятся своими наработками.