Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Character Design
Design

Нарисуем персонаж подростка в очках виртуальной реальности в Affinity Designer

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Mavka (you can also view the original English article)

Final product image
What You'll Be Creating

В этом уроке мы пройдем через захватывающий процесс создания мульт-персонажа от скетча до финальной картинки! Присоединяйтесь ко мне, и давайте посмотрим, как можно оживить наш эскиз, с помощью трансформации геометрических фигур, применения градиентов, а также, с помощью различных инструментов и функций создадим дизайн персонажа в Affinity Designer! Сделаем процесс легким и веселым! Давайте начнем!

К концу урока вы создадите воображаемого персонажа в динамичной позе, и сможете применить эту технику для создания других уникальных векторных персонажей по вашим эскизам! Если же вам нужно немного вдохновения для ваших будущих проектов, направляйтесь сразу на GraphicRiver и откройте для себя разнообразных векторных персонажей, доступных там!

1. Как нарисовать подростку голову и нос.

Шаг 1

Первым делом нам понадобится скетч. Это может быть грубо накаляканый дудл на кусочке бумаги или цифровой эскиз, созданный в любом CG софте с использованием планшета.

Вот эскиз мальчика, который я сделала заранее. Вы можете создать свой собственный, или просто загрузить этот, щелкнув правой кнопкой мыши и выбрав Save As (Сохранить Как).

character sketch

Шаг 2

Создайте New Document (Новый Документ) размером 800 x 600 px и воспользуйтесь Place Image Tool (Поместить изображение), чтобы импортировать эскиз и разместить его на артборде.

Выберите эскиз на панели Layers (Слои) и уменьшите его Opacity (Прозрачность) до 50%. Установите Blend Mode (Режим смешивания) на Multiply (Умножение), сделав изображение полупрозрачным. Таким образом, мы сможем увидеть все элементы, которые мы создадим под эскизом.

Create a New Document and place the sketch

Шаг 3

Создайте New Layer (Новый Слой) и перетащите его под слой эскиза

Начнем рисование с головы. Примените инструмент Ellipse Tool (Эллипс) - (М), чтобы создать фигуру 130 x 120 px. Выберите кнопку Convert to Curves (Преобразовать в кривые) вверху на панели инструментов, для того, чтобы иметь возможность изменить форму.

Выделите левый узел, используя инструмент Node Tool (Узел) - (A) и перетащите его вниз, совмещая с крайней точкой щеки мальчика на эскизе.

Подтяните ручку узла, сделав овал толще от линии эскиза.

make the head from the ellipse

Шаг 4

Давайте применим градиентную заливку для нашей формы, для того, чтобы придать ей немного объема. Выберите фигуру, возьмите инструмент Fill Tool (Заливка) (G) и перетащите через нее. Теперь мы можем изменить цвета: либо путем выбора ползунков градиентной заливки и корректировки их цвета в палитре Colour (Цвет), или играя с настройками в окне параметров Fill (Заливка), сверху на панели управления. Откройте панель Gradient Fill (Градиентная заливка), нажмите на ползунки и отрегулируйте цвета на полосе градиента.

Нижнюю часть лица сделайте немного темнее, чем лоб.

apply a linear gradient fill

Шаг 5

Примените инструмент Ellipse Tool (Эллипс) - (M), чтобы создать ухо. Добавьте Linear Fill (Линейную Заливку), и сделайте его розовым. Выберите Convert to Curves (Преобразовать в кривые), и немного деформируйте ухо, сделав его похожим на эскиз.

make the ear from the ellipse

Шаг 6

Давайте добавим деталей ушам, применив инструмент Pencil Tool (Карандаш) - (N). Сделайте арочный штрих и измените его цвет на коричневый на панелях Stroke (Обводка) и Colour (Цвет). Настройте параметры или на панели управления сверху, или на панели Stroke (Обводка), задав значение Width (Ширина) > 5 pt, и Controller > Pressure.

Мы можем двигать узлы обводки, используя инструмент Node Tool (Узел) - (A) для того, чтобы сделать линию гладкой.

Добавьте другой, более короткий штрих, подключив его к первому.

add details to the ear using the Pencil Tool N

Шаг 7

Это то, как выглядит основа головы, если мы переключим видимость слоя нашего эскиза. Подтяните ручку узла, сделав овал толще линии эскиза.

the head base

Шаг 8

Теперь давайте нарисуем нос. С помощью инструмента Pencil Tool (Карандаш) - (N), сделайте смешную изогнутую каплевидную форму. Вы также можете использовать Pen Tool (Перо) - (P),  что даст вам больший контроль над узлами.

 Use the Pencil Tool N to draw the nose

Шаг 9

Залейте нос по диагонали линейным градиентом от красного до розового. Добавьте небольшую каплевидную форму для кончика носа и примените светлый градиент, чтобы сделать блик.

Fill the nose with a diagonal linear gradient

Шаг 10

Сделайте эскиз невидимым и убедитесь, что все детали и цвет подходят друг к другу должным образом.

Make the sketch invisible

2. Как нарисовать шлем виртуальной реальности.

Шаг 1

Используем Rounded Rectangle Tool (Прямоугольник со скругленными углами) - (М), чтобы сделать фигуру 95 x 45 px, заполненную темно-серым линейным градиентом. Мы можем настроить Corner radius (радиус Угла) на панели управления сверху, прежде чем мы Convert (Преобразуем) форму to Curves (в Кривые), для того, чтобы получить возможность редактирования.

После преобразования формы используйте инструмент Node Tool (Узел) - (A), чтобы добавить узлы и переместить их маркеры, для того, чтобы форма соответствовала перспективе и объединяла линии с контурами эскиза. Создайте небольшую дугу в области носа-мостика для VR и поместите нос мальчика поверх VR, выбрав его и нажав Shift-Control-].

make a virtual reality set from rectangle

Шаг 2

Теперь давайте добавим блестящий синий элемент на поверхности VR-гарнитуры. Применим Rounded Rectangle Tool (Прямоугольник со скругленными углами) (М), размером 30 х 10 px и повернем его на -15 градусов. Откройте панель Effects (Эффекты) (вы можете найти ее рядом с панелью Layers (Слои) и отметьте флажок Outer Glow. Отсюда мы можем настроить цвет свечения и другие параметры этого эффекта.

Convert (Преобразуйте) форму to Curves (в кривые) и сделайте ее правую часть немного уже, чтобы создать перспективу.

add a glowing blue element

Шаг 3

Давайте добавим деталей к гарнитуре. Выделите ее и нажмите кнопку Insert inside the selection на панели Insert Target. Вы можете найти ее в верхнем правом углу панели управления сверху

Теперь мы можем применить геометрические формы или инструменты рисования Pencil Tool (Карандаш) - (N) или Pen Tool (Перо) - (P), чтобы добавить две прямоугольные полосы на нижней и верхней частях VR.

Залейте верхнюю полосу светлым серым цветом, а нижнюю темным серым, сделав гарнитуру более трехмерной.

use the Insert inside the selection function

Шаг 4

Продолжим и нарисуем рот, следуя эскизу, с помощью одного из инструментов рисования. Fill (Залейте) его белым цветом для зубов и добавьте темные мазки сверху, изображающие морщины кожи.

Измените Width (Ширину) обводки, установив в настройках 5,5 pt.

draw a mouth and adjust the strokes

Шаг 5

Вернемся к VR и создадим боковой элемент. Используйте инструмент Rectangle Tool (M) - (Прямоугольник) и создайте форму размером 20 x 40 px, далее Convert to Curves (Преобразовать в кривые). Упорядочте объекты, разместив прямоугольник под VR-гарнитурой. Переместите опорные точки прямоугольника, сделав его правую сторону шире.

Дублируйте (Command-J) прямоугольник и давайте создадим ремешок. Прежде всего, изменим цвет заливки. Копируйте (Command-C) темно-серую VR фигуру а затем выделите наш прямоугольник и примените Edit> Paste Style (Редактировать> Вставить стиль), таким образом, применив темно-серую градиентную заливку к фигуре.

Теперь мы можем выбрать и перетащить верхний и нижний левый узлы прямоугольника на противоположную сторону, развернув фигуру "наизнанку".

make the side strap of the VR

Шаг 6

Растяните ремешок за ухо. Поместите ухо и его элементы на верхней ремень (Shift-Command-]).

make the stretch longer

Шаг 7

Двигаемся дальше, и создадим прическу. Нарисуйте силуэт, применив наш эскиз как пособие, и создайте линейную заливку от красного до коричневого. Используйте функцию Insert inside the selection - для рисования некоторых темно-коричневых линий волос внутри фигуры, изображающие отдельные пряди.

draw the hair

Шаг 8

Закончим лицо мальчика, добавив немного пятен веснушек на щеках. Используйте инструмент Ellipse Tool (M) - (Эллипс) зажимая Shift, чтобы сделать круги равными.

Создайте прямоугольник размером около 15 х 20 px для шеи. Примените линейную заливку, сделав прямоугольник немного темнее, чем лицо в верхней части формы. Convert (Превратите) его to Curves (в кривые) и переместите узлы, сделав нижнюю часть тоньше.

make circle freckles

3. Как нарисовать тело в динамичной позе

Шаг 1

Возьмем инструмент Rectangle Tool (M) - (Прямоугольник), и начнем рисовать футболку! Создайте прямоугольник размером 60 х 115 px и примените яркую линейную заливку пурпурного цвета, затемнив ее в нижней части фигуры.

Примените Convert to Curves (Преобразовать в кривые), возьмите инструмент Node Tool (A) - (Узел) и перетащите узлы в противоположных направлениях, приклеив их на плечи и к нижним краям футболки в нашем эскизе.

Перетащите сторону прямоугольника, чтобы выгнуть его сторону, сделав контур схожим с эскизом.

Выгните левый, правый и нижний края прямоугольника так, чтобы он выглядел более мультяшным.

Создайте дополнительный узел посередине верхнего края прямоугольника, и перетащите узел вверх, к шее персонажа.

make a t-shirt from rectangle

Шаг 2

Теперь мы добавим рукава. Создайте прямоугольник слева тела и примените ту же пурпурную линейную заливку.

Примените Convert to Curves (Преобразовать в кривые) и перемещайте узлы, создав рукава на футболке.

make a sleeve from the rectangle

Шаг 3

Можно включить функцию Snapping чтобы смещать узлы было легче. Таким образом, мы можем выровнять узлы и увидеть, в какой точке они перекрывают друг друга.

turn on the snapping

Шаг 4

Добавьте второй рукав, сделав все элементы соответствующими друг другу.

Add the second sleeve

Шаг 5

Нарисуем руку. Используйте инструмент Pencil Tool (N) - (Карандаш) или Pen Tool (P) - (Перо), чтобы сделать изогнутый штрих.

Откройте панель Stroke (Обводка) - (меню Stroke (Обводка), либо на панели управления вверху) и установите Width (Ширину) на 14 pt, сделав линию достаточно толстой. Установите Cap (Угол) > Round Cap (Скругленные стыки).

Откройте настройки Pressure (нажима) и корректируйте график, чтобы сделать руку толще в плече и тоньше в запястье, перемещая точки графика, как показано на рисунке ниже.

make the arm from a thick stroke

Шаг 6

Теперь создадим руку с помощью круга. Используйте инструмент Ellipse Tool (M) - (Эллипс), чтобы сделать фигуру размером 22 х 21 px. Командой Convert to Curves (Преобразовать в кривые) начните менять форму, образуя ладонь. Удерживайте нажатой клавишу Option и используйте инструмент Node Tool (Узел) - (A) для того, чтобы тянуть и двигать ручки узла независимо друг от друга.

Инструментом Pencil Tool (Карандаш) - (N) нарисуйте большой палец. Сделайте его градиентную заливку немного светлее (особенно в верхней части пальца), чтобы отделить его от ладони.

create a hand from a circle

Шаг 7

Примените Rounded Rectangle Tool (M) - (Прямоугольник со скругленными углами), чтобы создать пальцы. Поворачивайте их немного и варьируйте длину каждого из них.

Use the Rounded Rectangle Tool M to create the fingers

Шаг 8

Давайте изобразим контролер в руке мальчика. Начнем с создания розового круга размером 30 х 30 px, используя Ellipse Tool (M) - (Эллипс).

Переключитесь на инструмент Rectangle Tool (M) - (Прямоугольник) и создайте форму 45 х 12 px с такой же темно-серой линейной заливкой, как у нас на гарнитуре VR.

Функцией Convert to Curves (Преобразовать в кривые) измените форму прямоугольника, образовав цилиндр рукояти. Переместите объект, поместив рукоятку между пальцами и ладонью, пользуясь панелью Layers (Слои).

depict the motion controller

Шаг 9

Duplicate (Ctrl-J) - (Дублируйте) руку и используйте функцию Transforms (Трансформировать) на панели управления наверху, а также Flip Horizontal, чтобы отразить слева направо. Измените и скопируйте, чтобы создать вторую руку, сжимающую синий контроллер.

reate the second arm

Шаг 10

Давайте добавим кусок шеи на футболку с помощью Insert Target функции. Выберите футболку и нажмите Insert inside the selection. Используйте инструмент Ellipse Tool (M) - (Эллипс) или инструмент Pencil Tool (N) - (Карандаш) для того, чтобы сделать небольшой овал и залить его цветом кожи, добавив его к шее поверх футболки.

use the Insert Target function

Шаг 11

Теперь перейдем к ногам! Инструментом Rectangle Tool (M) - (Прямоугольник) создайте форму размером 30 х 155 px серовато-синего цвета. Примените Convert to Curves (Преобразовать в кривые) и переместите точки с помощью инструмента Node Tool (A) - (Узел). Выгните контуры прямоугольника, сделав их похожими на линии эскиза.

make a leg from the rectangle

Шаг 12

Подогните ногу, что сделает ее вид более мультяшным и гибким. Примените линейную градиентную заливку, затемнив ее в нижней части джинсов.

Apply a linear gradient fill

Шаг 13

Нарисуйте вторую ногу, следуя линиям эскиза и, как только вы будете довольны их формой, выберите обе ноги и примените Add Operation на панели управления сверху, чтобы объединить оба объекта вместе.

Используйте функцию Insert inside the selection для того, чтобы нарисовать прямоугольное отверстие на левом колене нашего персонажа.

Draw the second leg and add a hole

4. Как нарисовать кеды

Шаг 1

Теперь, когда ноги готовы, давайте двигаться дальше. Изобразим кеды. Начните с формирования подошвы светло-серым прямоугольником размером 70 х 8 px. Создайте тонкую темную линию через подошву.

Создайте другой прямоугольник 70 х 8 px поверх первого и заполните его темно-серым цветом. Convert to Curves (Преобразовать в кривые), выберите инструмент Node Tool (A) - (Узел) и добавьте узел на верхней кромке, и перетащите его вверх.

make a gumshoe from rectangles

Шаг 2

Создадим носок на кедах. Duplicate (Command-J) - (Дублируйте) подошву и сделайте прямоугольник короче. Примените Convert to Curves (Преобразовать в кривые) чтобы согнуть ее верхний край вверх, образовав большую арку. Удалите нижние узлы или переместите их вверх, установив носок на своем месте.

form the toecap from the rectangle

Шаг 3

Примените функцию Insert inside the selection, чтобы нарисовать несколько дугообразных выемок внутри носка. Добавьте две петли для шнурков.

Duplicate (Command-J) - (Дублируйте) и примените Flip Horizontal (зеркальное отображение по горизонтали), чтобы создать вторую часть пары кед.

Add two loops for the shoestrings

Шаг 4

Немного детализируем джинсы. Продолжим, применяя инструмент Pencil Tool (N) - (Карандаш) или Pen Tool (P) - (Перо), чтобы сделать темно синюю обводку размером 1 pt для кармана.

Выберите Dashed (Пунктирная линия) в панели Stroke (Обводка) и установите значение Dash (Штрих) на 2 и Gap (Зазор) на 3, создавая стежок.

Добавьте больше штрихов и стежков на джинсы, сделав их вид более реалистичным.

add some more details to the jeans

Шаг 5

Давайте скроем наш слой эскиза, чтобы увидеть общий вид нашего персонажа, и убедиться, что каждая часть находится в нужном месте. Мы можем добавить любые мелкие детали по нашему вкусу. Например, здесь я добавила плоский символ мишени на футболку мальчика. Я также поставила сжатый эллипс под ноги, так что он стоит прямо на земле.

add a target symbol to the t-shirt

5. Как нарисовать фон с символами

Шаг 1

Теперь, когда наш персонаж готов, давайте сделаем композицию сбалансированной, добавив мелкие детали к фону.

Создайте New Layer (Новый слой) и поместите его под все остальные слои на панели Layers (Слои).

Создайте большой светло-желтый прямоугольник. Convert (Преобразуйте) его to Curves (в кривые) и перемещайте верхние узлы в противоположных направлениях, чтобы сделать верхнюю часть формы шире.

make a yellow rectangle

Шаг 2

Используйте различные пользовательские формы Affinity Designer, чтобы заполнить фон символами. Вы можете найти все фигурные формы в том же выпадающем меню, что и инструмент Triangle Tool (Треугольник). Обратите внимание, что любые собственные настройки и корректировки формы доступны на панели управления вверху.

Установите цвет Fill (Заливки) фигуры на none (нет) и добавьте ярко-синий цвет Stroke (Обводке). Настройте Width (Ширину) элементов на панели Stroke (Обводка) и сделайте контуры Dashed (Пунктирными).

create custom shapes with dashed strokes

Прекрасно! Наш мультипликационный персонаж VR-подростка закончен!

Вы выполнили великолепную работу, друзья мои, и успешно создали мультипликационный персонаж в Affinity Designer!

Я надеюсь, что вы с удовольствием воспользовались этим уроком, и изучили несколько новых трюков и уловок; что помогло вам понять принципы работы с простыми формами и градиентами, для того, чтобы сделать вид элементов разнообразным и динамичным.

Продолжайте создавать собственных выдуманных персонажей и применять эти техники, превращая ваши эскизы в готовые векторные работы!

Развлекайтесь!

Cartoon VR Kid Character is Finished
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.