Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Affinity Designer
Design

Как создать иллюстрацию мультяшного пингвина зимой в Affinity Designer

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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

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

Давайте начнем!

1. Создаем тело пингвина

Шаг 1

Мы начнем, с создания фигуры размером 320 x 440 px с помощью Ellipse Tool (M). Закрасьте форму темно-серым цветом и давайте сделаем возможным дальнейшее редактирование, преобразуйте его с помощью функции Convert to Curves в верхней панели инструментов.

Теперь возьмите Node Tool (A), выберите оба узла: левый и правый, потяните их вниз, делая форму похожей на яйцо.

make the body with ellipse tool

Шаг 2

Дублируйте фигуру (Command-C > Command-V) и сделайте ее немного меньше, удерживая клавишу Command-Shift перетяните ее к центру.  Закрасьте форму светло-бежевым цветом и перетяните верхнюю опорную точку вниз, сжимая фигуру.

duplicate the body and recolor it

Шаг 3

Используйте Node Tool (A) для перемещения дескрипторов верхнего узла, что сделает верхнюю часть фигуры похожей на сердце. Перетяните нижний узел вниз, придвинув его к нижней части тела.

use the node tool

Шаг 4

Возьмите Rectangle Tool (M) и давайте начнем формирование теплой вязаной шапки для нашего пингвина. Сделайте узкую зеленую полосу, покрывающую верхнюю часть головы. Выделите тело и полосу, выравняйте (Align) фигуры по отношению друг к другу, нажав кнопку Centre в параметрах Align на контекстной панели инструментов выше.

Закруглите углы прямоугольника на 25% с помощью параметров Corner в верхней контекстной панели инструментов. Преобразуйте (Convert) полосу в дугу (Curves) и используйте Node Tool (A), чтобы добавить узел в верхней и нижней частях формы. Перетяните созданные узлы вверх, чтобы сделать форму слегка изогнутой.

make a hat with the rectangle tool

Шаг 5

Возьмите Ellipse Tool (M) и сделайте ярко-розовый круг для верхушки шапки. Щелкните на нем правой кнопкой мыши и выберите Arrange > Move to Back, поместив его ниже головы. Используйте функцию Convert to Curves и перетащите верхний узел вверх (или боковые узлы вниз), чтобы сделать форму заостренной.

make a hat with the ellipse tool

2. Создаем лицо нашего пингвина

Шаг 1

Теперь давайте сформируем клюв. Affinity Designer предлагает широкий спектр различных форм, поэтому нам просто необходимо выбрать подходящую. Найдите Triangle Tool в Toolbar, нажмите и удерживайте до тех пор, пока не откроется выпадающее меню. Затем выберите Diamond Tool из списка фигур и сделайте небольшой ярко-оранжевый клюв.

make a beak with the diamond tool

Шаг 2

Давайте также добавим глаза. Возьмите Pen Tool (P) и сделайте заостренную линию, которая выглядит, как угол. Перейдите к Corner Tool (C) и модифицируйте фигуру, делая ее гладкой и округлой. Вы можете отрегулировать радиус угла и установить Stroke Width из верхней контекстной панели инструментов.

Используйте Eyedropper Tool на панели Colour, чтобы применить тот же темно-серый цвет для глаза, который мы использовали для тела. Выберите Stroke на панели Colour  и наведите Eyedropper Tool на тело, чтобы выбрать цвет. В завершении, нажмите выбранным цветом в круг рядом с Eyedropper Tool на панели Colour, чтобы применить его к Stroke.

make the eye with the corner tool

Шаг 3

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

Давайте избавимся от нежелательных кусочков за пределами клюва. Выберите темные круги и примените к ним команду Cut (Command-X). Теперь выберите оранжевый клюв и перейдите к Edit > Paste Inside. Великолепно! Теперь круги скрыты внутри клюва.

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

make the nostrils and the mouth

Шаг 4

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

make the mouth with the pencil tool

Шаг 5

Давайте добавим нежным оттенком розового цвета морозный румянец на щеках нашего пингвина. Сделайте розовый круг на левой стороне рта. Возьмите Pencil Tool (N) и нарисуйте внутри розового круга завиток, это сделает румянец мультяшным.

Group (Command-G) обоих элементов, дублируйте их и используйте функции Flip Horizontal из верхней контекстной панели инструментов, чтобы отзеркалить форму румянца и разместить его на противоположной стороне лица.

make the cheek with the circle and pencil tool

3. Создадим сердце 

Шаг 1

Зеленой полосой через тело пингвина создайте шарф. Закруглите углы на 25% и сделайте Convert фигуры to Curves. Используйте Node Tool (A), чтобы сделать дополнительные узлы и наклоните форму вниз, что сделает ее слегка изогнутой, так же, как мы делали с шляпой.

make a scarf with the rectangle tool

Шаг 2

Теперь давайте добавим большое, мягкое сердце, которое наш пингвин будет держать в руках. К счастью, символ сердца уже есть среди форм инструментов . Нажмите Diamond Tool на панели инструментов, чтобы открыть выпадающее меню и найти Heart Tool.

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

make a hear with the heart tool

Шаг 3

Теперь давайте добавим руки, держащие сердце. Используйте Ellipse Tool (M), чтобы сделать сплющенную фигуру для верхней части руки и переместите фигуру назад (Shift-Command-[). Добавьте другой эллипс сверху и заполните его светло-серым цветом, повращайте фигуру. Примените функцию Convert to Curves и используйте Node Tool (A) для преобразования фигуры, заострив ее кончик.

make the arms from ellipses and use the node tool

4. Добавляем детали & Текстуры одежде

Шаг 1

Нарисуйте узкую вертикальную полосу поперек шарфа с помощью Rectangle Tool (M), заполните ее более светлым зеленым цветом. Закруглите углы на 25% и примените Convert to Curves. Используйте Node Tool (A), чтобы добавить дополнительные узлы и перемещать их, чтобы слегка изогнуть фигуру вправо.

make a scarf with the rectangle tool

Шаг 2

Давайте сделаем шляпу в полоску . Нарисуйте три темно-зеленые полосы, используя Rectangle Tool (M), выберите их и используйте панель Arrange, примените функцию Space Horizontally.

К полосам примените команду Cut (Command-X) , выберите зеленую часть шляпы и Edit > Paste Inside для того, чтобы поместить полосы внутри шляпы.

add stripes to the hat

Шаг 3

Найдите полосы в панели Layers, внутри зеленой полосы, выберите и повращайте их немного, чтобы они вписались в шляпу.

edit the stripes

Шаг 4

Теперь вооружитесь Pencil tool (N) и нарисуйте простой геометрический орнамент для верхней части шляпы. Начните с гладкой изогнутой линии белого цвета с помощью функции Stroke. Переключитесь на Pen Tool (P) и сформируйте зиг-заг под полосой.

Скопируйте созданные элементы, измените их размер и поместите их в верхней части шляпы. Используйте Ellipse Tool (M) с функцией Stroke белого цвета для создания набора кругов между линиями.

draw a pattern with the pencil tool

Шаг 5

Примените команду Group (Command-G) к созданным по шаблону элементам, а затем Cut (Command-X). Выберите розовую часть шляпы и перейдите к Edit > Paste Inside.

paste the pattern inside the hat

Шаг 6

Paste (Command-V) группу элементов, которые мы сделали для шляпы еще раз и переместите их в верхнюю часть светло-зеленого шарфа. Добавьте еще две копии и совместите элементы, тем самым формируя бесшовный фон.

add a pattern to the scarf

Шаг 7

Вырежьте созданный шаблон и вставьте его внутрь вертикальной полосы шарфа. Найдите элементы внутри зеленой фигуры на панели Layers, выберите их и уменьшите Opacity до 50%.

paste the pattern inside the scarf

Шаг 8

Давайте добавим больше деталей в горизонтальной части шарфа. Скопируйте (Command-C) темно-зеленые полосы из шляпы, выберите шарф и Paste Inside несколько раз, распределите полосы внутри шарфа.

add stripes to the scarf

Шаг 9

Давайте вернемся к шляпе и уменьшим Opacity структуры внутри розовой части до 50%. Теперь нажмите и удерживайте Heart Tool на панели инструментов, чтобы открыть выпадающее меню и найти Cloud Tool. Удерживайте клавишу Shift и сделайте ровную фигуру, наполните ее бежевым цветом.

Щелкните фигуру правой кнопкой мыши, а затем Arrange > Move to Back.

use the cloud tool to add detail to the hat

Шаг 10

Скопируйте фигуру облака, которую мы сделали для шляпы, заполните ее темно-зеленым цветом и сдвиньте под вертикальный элемент шарфа, используя Command-[ keys.

use the cloud tool to add detail to the scarf

5. Сделаем рамку окна

Шаг 1

Давайте разместим нашего персонажа внутри оконной рамки, чтобы композиция выглядела более законченной. Возьмите Rectangle Tool (M), сделайте коричневую вертикальную полосу для левой части рамки и поместите ее за пингвином (Shift-Command-[). Добавьте оставшиеся части рамки и переставьте элементы, поместив сердце, шарф и руки пингвина поверх рамки (Shift - Command-]).

make a frame from the rectangles

Шаг 2

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

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

Измените цвет шляпы на тот же ярко-розовый цвет, как сердце, с помощью инструмента Eyedropper Tool.

make the inner frame and add details

Шаг 3

Давайте сделаем ярко-голубой прямоугольник, изображающий зимнее небо и поместим его под всеми другими объектами (Shift-Command-[). И используйте Ellipse Tool (M) для того, чтобы испещрить его маленькими кругами, изображающими снежинки на небе.

add the sky and snow

Шаг 4

Возьмите Pencil Tool (N) и начните покрывать рамку темно- коричневыми волнистыми линиями, имитирующими мультяшную древесину.

make a wood texture with the pencil tool

Шаг 5

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

use pencil tool to make textured strokes

Шаг 6

В заключении создайте New Layer для фона и поместите его под все остальные слои. Создайте прямоугольник светло-желтого цвета, завершая работу над нашей картинкой.

add a yellow rectangle for the background

Отличная работа! Наш милый пингвин завершен!

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

cartoon penguin winter illustration in affinity designer
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.