Вы находитесь на странице: 1из 20

Урок № 8

Создание
брендированной
одежды (свитшот,
худи, поло,
футболка)

П
ри разработке концепции для заказчика
не всегда понятно, как будет выглядеть ре-
зультат.
Чтобы решить эту задачу, были придуманы
mockup (мокапы) – макеты реальных продук-
тов. Мокап можно разработать самостоятельно, ис-
пользовать готовый или же сгенерировать с помо-
щью онлайн-сервисов. 
У вас уже есть опыт работы с мокапами: на преды-
дущей встрече вы разработали дизайн для кофейного
стакана и разместили созданный дизайн на заранее под-
готовленную 3D-модель.

МАТЕРИАЛЫ К УРОКУ доступны для использования по


данной ссылке: Materials_08.7z.

2
Создание брендированной одежды

На этой встрече мы разработаем брендированную


одежду в поддержку мультфильма «Гадкий Я» и рас-
смотрим, как работать с готовыми мокапами.
В свободное время вы можете попробовать создать мо-
кап самостоятельно. Для этого подготовьте фон, сде-
лайте или загрузите фотографию одежды и создайте
несколько слоев-масок. На примере сегодняшнего ди-
зайна вы поймете, как именно организовать слои.

Также мы будем использовать смарт-объект – слой,


который можно открыть в отдельном документе, внести
в него изменения, и они автоматически появятся в изна-
чальном документе.
Любой слой можно преобразовать в смарт-объект,
щелкнув по нему правой кнопкой мыши и выбрав оп-
цию Convert to Smart Object (рис. 1).

Рисунок 1

3
Урок № 8

Теперь приступим к практике.


Для начала создадим в Adobe Illustrator миньона
для принта. Установите цветовой режим CMYK и высо-
кое разрешение изображения (от 150 ppi) (рис. 2).

Рисунок 2

Рекомендуем сразу вставить в рабочий файл палетку


(palette) из дополнительных материалов, чтобы потом
не отвлекаться на подбор цветов.
Для начала создадим тело миньона. Используя
Rectangle Tool, нарисуем прямоугольник. Воспользо-
вавшись Direct Selection Tool (хоткей A), скруглим его
углы (рис. 3).
4
Создание брендированной одежды

Рисунок 3

С помощью Ellipse Tool нарисуем овал. Затем по-


местим его поверх прямоугольника и выделим обе фи-
гуры. Воспользовавшись Shape Builder Tool (хоткей
Shift + M), создадим новую фигуру на пересечении пря-
моугольника и овала. Для этого достаточно щелкнуть
левой кнопкой мыши по общей области (рис. 4).

Рисунок 4

5
Урок № 8

В результате получим три отдельные фигуры. Уда-


лим лишние фигуры и продолжим работу (рис. 5).

Рисунок 5

Помните о том, что вы всегда можете отредактиро-


вать фигуру, передвинув опорные точки (рис. 6).
Приступим созданию очков миньона.
Создадим еще один прямоугольник и скруглим его
углы по такому же принципу, как и для тела миньона
(рис. 7). Радиус скругления подберите самостоятельно.

6
Создание брендированной одежды

Рисунок 6

Рисунок 7

Сделаем оправу для очков.


Создадим круг и скопируем его на нижний слой с
помощью хоткеев Ctrl + B. Используя Eyedropper Tool,
изменим заливку копии, чтобы оправа выглядела более
объемной (рис. 8).

7
Урок № 8

Рисунок 8

Нарисуем глаз с помощью Ellipse Tool.


Затем с помощью Pen Tool поставим две дополни-
тельные опорные точки на контуре глаза (рис. 9).

Рисунок 9

8
Создание брендированной одежды

Воспользовавшись Scissors Tool, разрежем круг по


двум новым опорным точкам. Затем выделим нижнюю
половину и зальем ее другим цветом – это нижнее веко
миньона (рис. 10).
Воспользовавшись Pen Tool, закроем контур века.
Обратите внимание, мы добавили дополнительную
опорную точку, чтобы сделать контур более плавным
(рис. 11).

Рисунок 10

Рисунок 11

9
Урок № 8

Теперь добавим еще несколько кругов  –  зрачок и


блики (рис. 12). Затем, используя Pen Tool, нарисуем
миньону улыбку (рис. 13).

Рисунок 12 Рисунок 13

Давайте добавим нашему миньону надпись.


Мы использовали шрифт Myanmar Text из стан-
дартного пакета Adobe, но вы можете подобрать любой
другой.
Выделите все объекты и сгруппируйте их (хот-
кей Ctrl  +  G). Расположим принт по центру рабоче-
го холста (артборда). Также можно увеличить или
уменьшить принт. Для этого выделите все, щелкни-
те правой кнопкой мыши по холсту и перейдите
Transform > Scale > Uniform (рис. 14–15).

10
Создание брендированной одежды

Рисунок 14

Рисунок 15

Пример изображения показан на рисунке 16.

11
Урок № 8

Рисунок 16

Экспортируем файл в формате .png. Обратите вни-


мание на параметр Resolution (Разрешение). Его следу-
ет установить на 150 или 300 ppi (рис. 17).

Рисунок 17

12
Создание брендированной одежды

Приступим к работе с мокапом.


Откроем в Photoshop файл hoodie mockup из допол-
нительных материалов.
Рассмотрим панель слоев (рис. 18).

Рисунок 18

Группа Hoodie Colors  –  слои-маски, которые пе-


рекрывают отдельные части худи. Слои Frontside и
Backside  –  смарт-объекты. Есть два варианта заднего
фона: Background и Colored Background.
Попробуйте отключить и включить видимость разных
слоев и посмотрите, как изменяется изображение.
Смарт-объекты можно редактировать в режиме
реального времени.
13
Урок № 8

Дважды щелкнем левой кнопкой мыши по иконке


слоя Frontside, чтобы открыть его как отдельный доку-
мент (рис. 19).

Рисунок 19

Все изменения, которые мы внесем в этот документ


и сохраним, отобразятся в документе hoodie mockup.
Вставим в смарт-объект изображение с миньоном и
разместим его по центру холста. Отключим видимость
слою Place Your Logo (рис. 20). Затем сохраним измене-
ния.

Рисунок 20

14
Создание брендированной одежды

Только взгляните, как в документе hoodie mockup


выглядит брендированное худи (рис. 21).

Рисунок 21

Затем изменим режим наложения слоя Frontside с


Lighten на Hard Light (рис. 22).

Рисунок 22

15
Урок № 8

Теперь повторим те же действия для слоя Backside.


В результате получим брендированное худи (рис.
23).

Рисунок 23

Сделаем худи разноцветным.


Перейдем на слой hood в группе hoodie colors. Это
fill layer, который перекрывает заливкой все слои под
ним. Цвет заливки отображается на панели слева (рис.
24).

Рисунок 24

16
Создание брендированной одежды

Справа отображается маска  –  область, перекрытая


цветом (рис. 25).

Рисунок 25

Цвет заливки мы можем редактировать с помощью


палитры. Чтобы ее активировать, дважды щелкнем по
цвету-заливке. Повторим тот же алгоритм для осталь-
ных слоев масок. Цвета подберите самостоятельно.
Отключим видимость слоя Background и включим
Colored Background (рис. 26).

Рисунок 26

17
Урок № 8

Вы можете добавить дополнительные маски для худи,


а также больше элементов на фон. Например, как на
рисунке 27.

Рисунок 27

Бесплатные мокапы можно найти на Free MockUp


(https://www.free-mockup.com/all-templates/) или Mockup
World (https://www.mockupworld.co/). Здесь вы найдете
больше идей для дизайна.
Также полезным будет сервис Printful (https://www.
printful.com/generator/). Здесь можно выбрать мокап, за-
грузить .png или .jpg файл с вашим дизайном и скачать
уже готовые изображения.

18
Урок № 8
Создание брендированной
одежды (свитшот, худи, поло,
футболка)

© Компьютерная Академия ШАГ


www.itstep.org

Все права на охраняемые авторским правом фото-, аудио- и видеопроизведения,


фрагменты которых использованы в материале, принадлежат их законным владель-
цам. Фрагменты произведений используются в иллюстративных целях в объёме,
оправданном поставленной задачей, в рамках учебного процесса и в учебных целях,
в соответствии со ст. 1274 ч. 4 ГК РФ и ст. 21 и 23 Закона Украины «Про авторське
право і суміжні права». Объем и способ цитируемых произведений соответствует
принятым нормам, не наносит ущерба нормальному использованию объектов
авторского права и не ущемляет законные интересы автора и правообладателей.
Цитируемые фрагменты произведений на момент использования не могут быть
заменены альтернативными, не охраняемыми авторским правом аналогами, и
как таковые соответствуют критериям добросовестного использования и честного
использования.
Все права защищены. Полное или частичное копирование материалов запрещено.
Согласование использования произведений или их фрагментов производится
с авторами и правообладателями. Согласованное использование материалов
возможно только при указании источника.
Ответственность за несанкционированное копирование и коммерческое исполь-
зование материалов определяется действующим законодательством Украины.

Вам также может понравиться