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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

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

Шаг 5

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

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

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

Шаг 4

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

Шаг 5

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

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

Шаг 4

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

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

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

Шаг 10

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

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

Шаг 1

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

Шаг 2

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

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

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

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

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