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

Урок № 5

Построение и
разработка персонажа
Clash Royale

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


Clash of Clans – Barbarian (рис. 1)!

Рисунок 1

МАТЕРИАЛЫ К УРОКУ ПРИКРЕПЛЕНЫ К ДАННОМУ PDF-ФАЙЛУ.


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

2
Построение и разработка персонажа Clash Royale

Прежде чем приступить к отрисовке персонажа,


разберемся с его пропорциями. Создавая персонажей,
каждый художник должен учитывать размеры частей
тела и их соотношение.
Есть несколько нюансов, которые необходимо за-
помнить.
1. Считаем головы.
Соотношение размеров головы и тела может изме-
нятся в зависимости от стиля отрисовки персонажа.
Рост реалистичных, взрослых персонажей – 7-8 голов.
Для отрисовки Barbarian мы будем использовать
пропорцию 1:3 (то есть, поделим персонажа на три ча-
сти: голова, тело и ноги) (рис. 2).

Рисунок 2

3
Урок № 5

2. Тело – это груша.
Как вариант стилизации, тело персонажа можно
создавать в форме груши или перевернутой груши. На-
пример, в случае с созданием нашего персонажа, мы
будем использовать правило перевернутой груши. Это
отличный способ передать силу и мощь (рис. 3).

Рисунок 3
3. Разметка персонажа.
Этот этап необходим для того, чтобы не допустить
ошибок в размерах и соотношении частей тела при от-
рисовке. Чаще всего разметку делают по 4-м линиям
(см. рис. 4 на стр. 5):
■■ глаза;
■■ плечи;
■■ талия;
■■ таз.
4. Добавление скелета.
В процессе создания персонажа, нужно понимать
строение персонажа, расположение костей, суставов и
мышц (см. рис. 5 на стр. 5).
4
Построение и разработка персонажа Clash Royale

Рисунок 4

Рисунок 5

5
Урок № 5

Давайте применим эти знания на практике. Соз-


дадим новый проект и добавим разметку для будущего
персонажа. Проведем 4 линии, которые будут отмечать
ключевые точки деления. Для этого в Gimp используем
линейки, которые находятся слева и вверху рабочей об-
ласти. Кликаем по верхней линейке левой кнопкой мыши
и зажав ее перетягиваем курсор вниз. Нам нужно задать
5 линий (добавив к 4-м основным еще линию ступней),
с одинаковым расстоянием между ними (рис. 6).

Рисунок 6

Теперь зададим пропорции нашего персонажа, пом-


ня об особенностях ракурса (см. рис. 7 на стр. 7).
Чтобы правильно отрисовать персонажа, можно
использовать слой, на котором изображены круги, обо-
значающие пропорции и направляющие линии (см. рис.
8 на стр. 7).
6
Построение и разработка персонажа Clash Royale

Рисунок 7

Рисунок 8

7
Урок № 5

Приступим к созданию основной формы. С помо-


щью инструмента Path рисуем общую форму воина
(рис. 9).

Рисунок 9

Создадим новый слой, на котором прорисовываем


как можно больше деталей: лицо, руки, ноги, пальцы,
одежду и т. д. Для рисования следует использовать ин-
струмент Path.

8
Построение и разработка персонажа Clash Royale

Создаем кривую нужной формы, а затем на пане-


ли слева во вкладке Tool Options выбираем Stroke Path
(рис. 10).

Рисунок 10

Как видим на рисунке 11, появился контур создава-


емой фигуры.

Рисунок 11

9
Урок № 5

Лишние линии можно стереть с помощью инстру-


мента Eraser (Ластик –   ), или же откатить действие,
нажав Ctrl +  Z.

Постепенно прорисовываем торс персонажа


(рис. 12).

Рисунок 12

10
Построение и разработка персонажа Clash Royale

Рисуем вторую руку, в которой воин будет держать


меч. Простота такого способа создания персонажей со-
стоит в том, что с помощью инструмента Path можно
создавать кривые любой сложности (рис. 13).

Рисунок 13

11
Урок № 5

Переходим к прорисовке ног. Следует помнить: все


элементы должны быть пропорциональны (рис. 14).

Рисунок 14

12
Построение и разработка персонажа Clash Royale

Дорисовываем руки и меч (рис. 15).

Рисунок 15

13
Урок № 5

Добавим детализацию нашему рисунку, используя


инструмент Path. Создаем линию (рис. 16).

Рисунок 16

Затем на панели слева во вкладке Tool Options вы-


бираем команду Stroke Path (рис. 17).

Рисунок 17

После этого путь автоматически преобразовался в


линию нужной нам формы (см. рис. 18 на стр. 15).
14
Построение и разработка персонажа Clash Royale

Рисунок 18

Таким образом детализируем ноги, колени, руки и


лицо персонажа. Основа нашего персонажа готова
(рис. 19)!

Рисунок 19

15
Урок № 5

Давайте разрисуем нашего персонажа. Для этого


выбираем инструмент Bucket Fill (Плоская заливка  – 
 ). Однако во вкладке Tool Options следует поставить
отметку в чекбоксе Fill similar colors (Похожие цвета)
(рис. 20).

Рисунок 20

Выбираем нужные нам цвета и постепенно закра-


шиваем персонажа, как на рисунках 21-22 (стр. 17).

16
Построение и разработка персонажа Clash Royale

Рисунок 21 Рисунок 22

Осталось добавить воину детализацию. Создаем


слой Detail, на котором прорисовываем блики и затене-
ния некоторых элементов персонажа (рис. 23).

Рисунок 23

17
Урок № 5

Например, с помощью инструмента Path создаем


форму бровей (рис. 24).

Рисунок 24

Зальем путь оттенком потемнее, применив команду


Fill Path (Отразить контур) (рис. 25).

Рисунок 25

18
Построение и разработка персонажа Clash Royale

По аналогии создаем тени или блики, чтобы сделать


персонажа более выразительным. В результате, пора-
ботав с детализацией, получаем 2D-персонажа, как
показано на рисунке 26.

Рисунок 26

Сохраняем проект (.xcf) и готовое изображение


(.png).

19
Урок № 5

Давайте рассмотрим, как из готового персона-


жа сделать скетч (набросок). Откроем изображение в
GIMP.
Дублируем слой с рисунком (рис. 27).

Рисунок 27

Меняем режим слоя с Normal на Dodge (рис. 28).

Рисунок 28

20
Построение и разработка персонажа Clash Royale

Затем в меню Colors выбираем Invert. На нашем


изображении остались только контуры (рис. 29).

Рисунок 29

21
Урок № 5

Применим фильтр. Переходим в меню


Filters > Distorts > Value Propagate (рис. 30). В появив-
шемся диалоговом окне меняем режим Mode на More
black. Нажимаем OK (рис. 31).

Рисунок 30

Рисунок 31

22
Построение и разработка персонажа Clash Royale

Теперь на нашем рисунке появились тонкие линии,


которые отображают детализацию персонажа (рис. 32).

Рисунок 32

23
Урок № 5

Можно повторить действие еще несколько раз, на-


жимая Ctrl + F, чтобы детализация отображалась более
четко, как на рисунке 33.

Рисунок 33

24
Построение и разработка персонажа Clash Royale

Чтобы обесцветить скетч, следует применить ко-


манду Colors > Desaturate > Desaturate для всех слоев
(рис. 34).

Рисунок 34

25
Урок № 5

В результате получаем скетч готового персонажа


(рис. 35).

Рисунок 35

В разработке современных игр повсеместно исполь-


зуют 2D-графику. Взгляните, какими детализирован-
ными и интересными могут быть стилизованные
персонажи (см. рис. 36-38 на стр. 27)!
26
Построение и разработка персонажа Clash Royale

Рисунок 36 Рисунок 37

Рисунок 38

27
Урок № 5
Построение и разработка
персонажа Clash Royale

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


www.itstep.org

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


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