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

Урок № 10

Создание дизайна
брендированных
ручки и кепки

П
редставьте, что вы получили заказ на созда-
ние корпоративной продукции к 10-летию
крупной компании.
Все просто: компания хочет подарить клиентам и
сотрудникам приятные и полезные мелочи. Решили
остановиться на небольшом комплекте из ручки, кепки
и открытки. Компания озвучила свой слоган: «Harder,
Better, Faster, Stronger».
Заказчик не хочет продукцию с логотипом посре-
дине, он хочет что-то более творческое и оригинальное,
что будет передавать идею и дух компании.
Сегодня мы поймем, с чего начинать, как выбирать
тему проекта и как находить подходящую стилистику.

Материалы к уроку прикреплены к данному PDF-файлу.


Для доступа к материалам необходимо открыть урок
в программе Adobe Acrobat Reader.

2
Создание дизайна брендированных ручки и кепки

Нашей главной задачей будет провести подгото-


вительный этап, собрать мудборд и подготовить
презентацию проекта.
Сначала нужно подобрать референсы, чтобы по-
нять, что нравится заказчику и что на самом деле ему
нужно. Для этого посмотрим примеры других дизай-
нов. Возможно, среди них мы сможем найти интересные
идеи. Например, для дизайна кепки набор референсов
может выглядеть так (рис. 1):

Рисунок 1

Давайте соберем также примеры дизайна ручек


(рис. 2).

Рисунок 2

3
Урок № 10

Чтобы найти и структурировать понравившие-


ся примеры, часто используют Pinterest (https://www.
pinterest.com/). Это сайт, на котором по тегам можно
найти изображения всего что угодно. Здесь собрано
огромное количество работ дизайнеров, художников,
фотографов.
Удобной опцией является то, что на Pinterest можно
создавать папки для общего редактирования. Так заказ-
чик сможет самостоятельно найти то, что ему нравится,
а вы поймете, на что стоит ориентироваться в разработ-
ке проекта.
Чтобы создать общую доску, нажмите Create board
на верхней панели. Придумайте название для доски.
Созданную доску можно скрыть от просмотра, поста-
вив отметку у Keep this board secret (см. рис. 3–4 на стр.
5).
Также можно создать доску общего редактирова-
ния, куда заказчик сможет добавлять понравившиеся
примеры. Это поможет дизайнеру понимать желания
заказчика.
Создать общую доску очень просто. Достаточно на-
жать Invite и ввести имя заказчика (см. рис. 5 на стр. 5).
Но будьте внимательны, заказчик тоже должен за-
вести аккаунт на Pinterest.

4
Создание дизайна брендированных ручки и кепки

Рисунок 3

Рисунок 4

Рисунок 5

5
Урок № 10

Мы создали общую доску с возможностью редакти-


рования. Чтобы добавить в нее пины (изображения),
перейдите на главную страницу и добавьте нужные
пины, нажав Save (рис. 6).

Рисунок 6

Одним из инструментов дизайнера является


мудборд (moodboard) или же «доска вдохновения»
(inspiration board).
На мудборд следует добавить примеры шрифтов,
основные цвета, которые будут использованы в дизай-
не, материалы и многое другое.
Задача мудборда – передать атмосферу и настрое-
ние запланированного дизайна.
6
Создание дизайна брендированных ручки и кепки

Дизайнер составляет такую доску и показывает ее


заказчику, прежде чем начинать разрабатывать дизайн.
Давайте посмотрим примеры мудбордов (рис. 7–9).

Рисунок 7

7
Урок № 10

Рисунок 8

8
Создание дизайна брендированных ручки и кепки

Рисунок 9

Обратите внимание, в мудборде очень большую


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

9
Урок № 10

Рисунок 10

В то же время на рисунке 11 все элементы четко раз-


личимы.

Рисунок 11

10
Создание дизайна брендированных ручки и кепки

Можно одновременно использовать и папки с рефе-


ренсами, и мудборды. Самое главное, чтобы это было
удобно обеим сторонам. Это экономит время и ресурсы.
Теперь давайте попробуем составить мудборд самосто-
ятельно. На нем мы продемонстрируем, какой шрифт
собираемся использовать, какой будет цветовая гамма,
какой стиль мы выберем.

Пришло время приступить к практике.


Итак, перед нами стоит задача создать корпора-
тивные мелочи к 10-летию крупной компании. Также у
компании есть два корпоративных цвета, которые обя-
зательно должны присутствовать. К примеру, синий и
красный. Кроме того, заказчик хочет, чтобы дизайн был
«свежим» и минималистичным.
Для начала соберем референсы (рис. 12).
Попробуйте подобрать свои референсы на Pinterest.

Рисунок 12

11
Урок № 10

Приступим к шрифтам.
Дизайн должен быть простым и стильным, соответ-
ственно, следует выбрать легкочитаемый шрифт.
Для подбора шрифтов давайте воспользуемся
бесплатными онлайн-сервисами, например Google
Fonts (https://fonts.google.com/) или 1001 fonts (https://
www.1001freefonts.com/). Выберите и скачайте подходя-
щий шрифт.
Вы также можете воспользоваться гарнитурами
(семействами шрифтов) Roboto и Fondamento из до-
полнительных материалов. Давайте установим их.
Для этого нужно разархивировать папку со шрифта-
ми. Откроем ZIP-архив, выделим все шрифты, нажмем
Extract (Извлечь) и выберем папку, куда будет распако-
вано содержимое (рис. 13–14).

Рисунок 13

12
Создание дизайна брендированных ручки и кепки

Рисунок 14

Затем переходим в папку с разархивированными


шрифтами и выделяем их. Щелкнем по ним правой
кнопкой мыши и выбираем Install (рис. 15). Так мы уста-
новим одновременно все семейство шрифтов.

Рисунок 15

Чтобы вы могли использовать установленные шриф-


ты в графическом редакторе Photoshop или Illustrator, в
момент установки программы должны быть закрыты.
13
Урок № 10

Если же программы были открыты в момент установки,


их стоит перезагрузить.
После установки шрифтов откройте программу, в
которой собираетесь работать. Выберите Text Tool (хот-
кей T) и начните вводить название нового шрифта.
В Photoshop это выглядит, как на рисунке 16.

Рисунок 16

Второй шрифт установите таким же способом.


Теперь перейдем в Photoshop.
Мы выбрали несколько понравившихся изображе-
ний из папки на Pinterest. Именно их мы используем на
мудборде (рис. 17–18). Но вы можете подобрать свои.

14
Создание дизайна брендированных ручки и кепки

Рисунок 17

Рисунок 18

15
Урок № 10

Также добавим фоновое изображение, чтобы краси-


во оформить мудборд (рис. 19).

Рисунок 19

Используя известные вам инструменты, соедините все


элементы в одно изображение.
Мы работали с обтравочными масками слоев, про-
зрачностью слоев, разными режимами наложения. И
получили результат, как на рисунке 20.

16
Создание дизайна брендированных ручки и кепки

Рисунок 20

Важно помнить, что и надписи, и логотип на кеп-


ке здесь только тестовые. Мы еще будем разрабатывать
значок на кепку, но сейчас важно показать «рыбу» – те-
стовое изображение.
Шрифт Roboto (рис. 21) мы планируем использо-
вать для основного текста на открытки.

Рисунок 21

17
Урок № 10

Шрифт Fondamento (рис. 22) будет на центральной


надписи на кепке.

Рисунок 22

На нашем мудборде мы показали внешний вид


шрифтов на конкретном примере текста.
Рекомендуем вам самостоятельно найти другие изо-
бражения и так же составить из них мудборд на юби-
лей для нашего заказчика.

18
Урок № 10
Создание дизайна
брендированных ручки и кепки

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


www.itstep.org

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


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

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