2 глава «Подготовка»
План работы
2.1 Анализ бренда 2.2 Какие типы мокапов бывают 2.3 Сбор материалов и где их брать
2.1 Анализ бренда
В главе № 2 вы познакомились с базовыми методиками, которые помогут проанализировать рынок: 5W, SWOT, Jobs-To-Be-Done. Теперь вы можете их применить, чтобы приступить к работе над созданием мокапов для итогового проекта.
Изучите фирменный стиль: логотипы, цвета, шрифты и графику. Все эти элементы должны быть учтены при создании мокапов. Если ваш бренд использует яркие, контрастные цвета, не стоит выбирать нейтральные или пастельные тона.
Пример: для спортивного бренда можно использовать динамичные, агрессивные цвета, а для бренда экологически чистой продукции — мягкие, натуральные оттенки.
Свои наработки обсудите с куратором
2.2 Какие типы мокапов бывают?
3D мокапы
3D-мокапы — это цифровые модели продуктов, упаковки или интерфейсов, представленные в трехмерном формате. Они позволяют реалистично визуализировать дизайн до его физической реализации, обеспечивая гибкость в редактировании и кастомизации.
Их корни уходят в 1960-е, когда компьютерная графика только начала развиваться. Одной из первых полноценных 3D-моделей стала «рука» Айвана Сазерленда — создателя первой компьютерной программы для 3D-графики.
И они имеют большие преимущества: - Фотореалистичность — позволяют передать текстуры, отражения, тени и перспективу так, будто это реальный объект. - Гибкость — в отличие от 2D-мокапов, можно менять угол обзора, освещение, материалы и ракурсы без необходимости заново создавать сцену. - Экономия времени — нет необходимости в физическом прототипировании или фотосъемке. - Многоплатформенность — можно использовать в печатной продукции, веб-дизайне, рекламе, AR/VR.
Давайте коротко ознакомимся с этапами создания в 3D-редакторе:
- Создание базовой 3D-модели (коробки, бутылки, устройства). - Добавление текстур и материалов (глянцевый, матовый, металлизированный эффект). - Настройка освещения (естественное, студийное, точечное). - Рендеринг и экспорт в PNG, PSD или OBJ для дальнейшего использования.
Плюсы: Полный контроль над объектом, возможность анимации, гибкость. Минусы: Требует времени и навыков 3D-моделирования.
Коллажные мокапы
Коллажные мокапы — это метод создания реалистичных визуализаций с помощью фотографий, слоев, масок и ручной обработки в Adobe Photoshop. Такой подход отличается от 3D-мокапов тем, что использует готовые изображения, комбинируя их и адаптируя под нужный дизайн.
Этот метод создания является самым популярным, поэтому каждый дизайнер должен научиться владеть инструментами, чтобы справиться с любой сложностью задачи.
У данного метода также есть преимущества:
- Фотореализм — так как используются реальные фотографии, итоговый результат выглядит более естественно, чем 3D-рендер. - Детализация текстур — можно добиться высокой реалистичности материалов (ткани, бумаги, стекла, металла и пр.). - Быстрота создания — в отличие от 3D, не нужно моделировать объект с нуля, достаточно найти подходящее фото и адаптировать его. - Гибкость в редактировании — можно вручную изменять перспективу, освещение, тени, текстуры и добавлять эффекты. - Меньше технических навыков — для 3D-мокапов нужно владеть программами вроде Blender или Cinema 4D, а Photoshop доступен даже начинающим дизайнерам.
2.3 Сбор материалов и где их брать
Перед тем как приступить к созданию мокапов, важно правильно организовать все исходные материалы. Это ускорит работу, поможет избежать ошибок и обеспечит высокое качество финального результата.
Обсуди список мокапов с куратором, чтобы убедиться, что они подходят для целевой аудитории и достаточно раскрывают потенциал продукта.
А какие материалы нужны?
Перед началом работы важно понимать, что именно потребуется для сборки мокапа. Обычно это:
- Фоновые изображения — сцена, на которой будет размещен объект, например, поверхности, интерьеры, улицы. - Объект для нанесения дизайна — пустая коробка, футболка, визитка, экран устройства. - Текстуры — бумага, ткань, металл, пластик, стекло, чтобы дизайн выглядел естественно. - Тени и блики — для создания глубины и реализма. - Дополнительные элементы — руки, предметы интерьера, декор, усиливающий контекст.
Структура папки
Создайте основную папку «Проект_Название», внутри которой разместите подпапки:
- Исходники — фотографии, текстуры, 3D-рендеры, элементы окружения
- Дизайн — логотипы, упаковка, фирменные стили (PNG, AI, PSD)
- Шрифты — если в мокапе будет текст (в формате TTF, OTF)
- Референсы — примеры мокапов, идеи оформления
- PSD-файлы — для хранения версий мокапов
- Финальные файлы — экспортированные изображения
Где брать исходные материалы?
Есть три основных источника для получения материалов: собственные фотографии, 3D-рендеры и готовые изображения.
Фотографирование собственных объектов
Если вы хотите полный контроль над материалами, самый надежный способ — сделать собственные фотографии.
Преимущества: - Уникальный контент, не используемый другими дизайнерами. - Возможность подстроить освещение, тени и ракурс. - Гибкость редактирования: можно переснять сцену при необходимости.
Как подготовиться к съемке?
- Используйте нейтральное освещение (мягкий рассеянный свет без резких теней). - Выбирайте качественный фон — однотонный, чтобы удобно отделять объект. - Снимайте в высоком разрешении (минимум 3000×2000 px) для гибкости редактирования. - Фотографируйте под разными углами — это облегчит дальнейший выбор удачных кадров.
Совет: Даже если у вас нет профессиональной камеры, смартфон с хорошей камерой и базовая обработка в Photoshop помогут получить достойные кадры.
Использование 3D-рендеров
Даже если вы пока не владеете 3D, модели могут быть получены из различных источников, включая:
- Генераторы 3D-моделей — это программы, которые позволяют вам создавать собственные модели объектов, используя простые элементы. - Платформы с бесплатными и платными 3D-моделями — ищите модели, которые подходят для вашего мокапа, и выбирайте те, которые можно адаптировать под ваши цели.
Текстуры и фоновые изображения
Для поиска текстур и фоновых изображений:
- Платформы для текстур — такие сайты предлагают богатый выбор материалов, начиная от простых текстур до сложных, многослойных эффектов. - Студийная фотосъемка — для создания мокапов с определенным контекстом (например, упаковка на столе или смартфон в руках) может понадобиться профессиональная съемка в студии. Но в некоторых случаях можно найти бесплатные или доступные для коммерческого использования изображения.
Важно следить за качеством изображения, без замыливания или пикселизации.
Как эффективно искать материалы?
- Когда вы ищете изображения или текстуры, постарайтесь использовать точные и детализированные запросы. Например, вместо «коробка» используйте «картонная коробка с прямыми углами». Это поможет вам сузить поиск и найти более подходящие материалы.
- Задайте фильтры по качеству и разрешению Почти на всех платформах для поиска изображений и текстур есть возможность задать фильтры.
- Всегда обращайте внимание на лицензию и условия использования. Некоторые изображения могут быть бесплатными для использования в коммерческих проектах, но другие — только для личных нужд. Чтобы избежать юридических проблем, всегда читайте условия.
- Иногда стоит следить за трендами в дизайне и популярными стилями мокапов. Если вы работаете с современными брендами, использование актуальных текстур и объектов (например, трендовые упаковки или устройства) может повысить интерес к вашему проекту.
- Используйте референсные материалы перед началом поиска материалов всегда полезно собрать референсы, которые помогут вам понять, как должен выглядеть конечный результат. Это могут быть как фотографии, так и мокапы с аналогичной концепцией.
Домашнее задание
🔵 Составить мудборд, прописать анализ бренда, с которым далее будешь работать, по предложенной схеме.
Схема анализа: 1. Из какой сферы? 2. Это продукт или услуга? 3. Какие ключевые ценности и философия бренда? 4. Кто основной потребитель? 5. Какие визуальные предпочтения у аудитории? 6. Какие цвета и их сочетания? 7. Какие графические элементы и шрифты используются? 8. Какую композицию создают пункты 6 и 7?
🔵 Также можно использовать для анализа другие существующие методики, например из лекции № 1. Задача понять настроение визуального стиля, для которого в дальнейшем будут создаваться мокапы для итогового проекта.
