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

Урок № 4

Создание
бренд-героя

Бренд-герой – это воплощение бренда.


Это уникальный персонаж со своей историей и ха-
рактером. 

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


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

2
Создание бренд-героя

Обычно его создают для того, чтобы наладить или


улучшить отношения с клиентами. Он появляется на
баннерах, листовках, в видеорекламе, на сайте, взаимо-
действует с целевой аудиторией понятным для нее язы-
ком. Его очень легко узнать и невозможно забыть. Он
создает позитивные воспоминания о компании  –  эмо-
циональный след для клиентов.
Например, какао Nesquik ассоциируется у вас с ве-
селым кроликом и радостным настроением (рис. 1).

Рисунок 1

Сегодня мы создадим бренд-героя компании


Google.
Для начала определим, как он должен выглядеть.
Сделаем короткое описание персонажа – бриф.

3
Урок № 4

Здесь мы выпишем основные черты, которыми бу-


дет обладать наш герой. От этого напрямую зависит его
внешний вид. Предположим, мы хотим, чтобы его вос-
принимали как дружелюбного, современного, сообра-
зительного, быстрого.
То, какой формы персонаж, влияет на то, как его
воспринимают. Если персонаж полный, круглый, его
считают веселым. Если он ближе к квадратному, его
окрестят мужественным. Если же мы увидим вытяну-
тое лицо с острым подбородком, мы воспримем его как
умного, но опасного (рис. 2).

Рисунок 2

4
Создание бренд-героя

Теперь сделаем эскиз героя Google. Референс для


него можно найти в дополнительных материалах (рис.
3).

Рисунок 3

У нас получился робот с длинными ногами, малень-


ким корпусом, большими глазами, круглой головой.
Мы заранее подобрали цвета для нашего героя. Че-
тыре из них – цвета логотипа Google, а еще два – ней-
тральные цвета метала (рис. 4). Палетку с ними вы най-
дете в дополнительных материалах.

Рисунок 4

5
Урок № 4

Теперь приступим к детальной прорисовке.


Вставим в рабочий файл эскиз с нашим героем и
создадим поверх него новый слой head (Ctrl + Shift + N)
(рис. 5). Мы будем создавать новые слои и обтравочные
маски почти для каждого элемента.

Рисунок 5

Выделим голову героя по контуру с помощью Pen


Tool. Далее щелкнем правой кнопкой мыши по рабочему
холсту и выберем в открывшемся меню Make Selection
(рис. 6).

Рисунок 6

6
Создание бренд-героя

В появившемся окне установим Feather Radius


(Радиус размытия) на 0 (рис. 7).  

Рисунок 7

Теперь зальем выделенную область цветом, исполь-


зуя Paint Bucket Tool (хоткей G) (рис. 8).

Рисунок 8

7
Урок № 4

Снимем выделение с помощью Ctrl + D.


Создадим новый слой для туловища, зальем его по
тому же алгоритму. Следует помнить, что всегда можно
отредактировать контур, созданный Pen Tool, с помо-
щью Direct Selection Tool (хоткей A). Для этого нужно
отключить видимость слоя с эскизом и просто потянуть
за ползунки контура (рис. 9).

Рисунок 9

Повторим алгоритм заливки для рук, ног и коленей.


Эти элементы зеркально отражают друг друга, по-
этому мы можем упростить работу. Например, нарисо-
вать только левую руку. После того как мы сняли выде-
ление, скопируем руку на новый слой с помощью хоткея
Ctrl + J. Далее перейдем в режим трансформации (хот-
кей Ctrl + T) и щелкнем правой кнопкой мыши по ра-
8
Создание бренд-героя

бочему пространству. Затем выберем Flip Horizontal и


переместим на нужное место (рис. 10–11).

Рисунок 10

Рисунок 11

9
Урок № 4

Для ступней (слой feet) и для голеней (слой legs) так


же сделаем отдельные слои (рис. 12).

Рисунок 12

В процессе мы можем переместить слой с наброском


(sketch) наверх (Shift + Ctrl + ]) и уменьшить прозрач-
ность слоя. Так будет проще нарисовать лицо персона-
жу (рис. 13).

Рисунок 13

После того как все части будут залиты, получится


результат, как на рисунке 14.
10
Создание бренд-героя

Рисунок 14

Теперь с помощью тех же инструментов добавим


немного больше антуража.
Вы можете взять любое изображение робота, скопи-
ровать и вставить в рабочий файл. Референс следует
переместить на отдельный слой и переместить его в са-
мый низ, используя хоткей Shift + Ctrl + [.
Опираясь на референс, создайте «обвес» (дополнитель-
ные аксессуары и снаряжение) для вашего персонажа.

11
Урок № 4

Перейдем на слой с головой (head), затем создадим


поверх новый слой shadow с режимом (Mode) Multiply
(рис. 15).

Рисунок 15

Сделаем слой shadow обтравочной маской для слоя


head с помощью хоткея Ctrl + Alt + G. На панели слоев
это будет выглядеть так (рис. 16):

Рисунок 16

Теперь все, что мы будем рисовать на слое shadow,


будет видно только поверх головы.
12
Создание бренд-героя

С помощью Eyedropper Tool возьмем цвет головы


персонажа, выделим ту область, где будут тени, и зальем
с помощью Paint Bucket Tool (рис. 17).

Рисунок 17

Также мы можем использовать панель Hue/


Saturation (хоткей Ctrl  +  Alt  +  U) и отредактировать
цвет теней (рис. 18).

Рисунок 18

13
Урок № 4

Сделаем тени отдельно для каждой части бренд-


героя, используя обтравочные маски.
Удалим ненужные слои с референсами, палитрой,
эскизом, чтобы не перегружать файл. Для этого стоит
выделить необходимый слой и щелкнуть Delete на па-
нели Layer (рис. 19).

Рисунок 19

Результат будет выглядеть примерно, как на рисун-


ках 20–21.
14
Создание бренд-героя

Рисунок 20

Рисунок 21

15
Урок № 4

Помните, бренд-герой должен нравится не только


вам, но и целевой аудитории!
Рекомендуем провести мини-тестирование на ва-
ших одногруппниках и спросить их мнение. В реклам-
ном дизайне и маркетинге это называют кабинетным
тестированием. Перед выпуском рекламной продукции
полезно, чтобы ее оценили эксперты со стороны. Воз-
можно, уже на этом этапе понадобится что-то изменить.
После того как все элементы героя нарисованы, доба-
вим объем с помощью теней.

Для вдохновения посмотрите примеры других


бренд-героев (рис. 22).

Рисунок 22

16
Урок № 4
Создание бренд-героя

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


www.itstep.org

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


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