Advertisement
  1. Design & Illustration
  2. Portrait
Design

Как создать стилизованный портрет капитана в Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

1. Создаём голову капитана

Шаг 1

Возьмите Инструмент "Скруглённый прямоугольник" в Adobe Illustrator, кликните один раз на монтажной области для появления меню и установите Радиус закругления на 5 пикселей. Сформируйте ровный квадрат, удерживая клавишу Shift и заполнив её линейным градиентом от бледно-жёлтого в нижней части до тёмно-розового - в верхней, повторяя тон кожи.

make a head base with Rounded Rectangle Tool

Шаг 2

Начнём с формирования носа, добавив ещё один скруглённый прямоугольник и применив линейный градиент от светло-розового до белого. Настройте Режим наложения на Умножение на панели Прозрачности, затемнив таким образом нос и сделав его сочетающимся с лицом. Сдвиньте нос ближе к левой стороне фигуры лица, сделав голову нашего персонажа слегка повёрнутой вбок на три четверти для создания портретного вида.

form a nose with Rounded Rectangle Tool

Шаг 3

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

form the nose and nostrils

Шаг 4

Теперь изобразим кончик носа! Добавьте другой розоватый прямоугольник и сдвиньте его ближе к левой части, частично закрывая левую ноздрю. Скопируйте кончик носа и Вставьте его на Передний план дважды (Control-C > Control-F > Control-F). Сдвиньте верхнюю копию вверх и слегка вправо, нажав клавиши Стрелки вверх и вправо несколько раз.

Выделите сдвинутую фигуру и ту, что под ней, и примените функцию Вычитание переднего на панели Обработки контуров для отсечения нежелательных частей, оставив одну тонкую линию. Примените тот же градиент в Режиме наложения "Умножение", который мы применяли для переносицы. Для этого выделите созданную тонкую линию, возьмите Инструмент "Пипетка" (I) и выберите цветной градиент на переносице, сформировав таким образом мягкую тень на кончике носа и сделав его более выступающим.

form a nose tip

Шаг 5

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

add highlights in screen blending mode

Шаг 6

Добавим пару мультяшных глаз и заполним их градиентом от серого до белого. Добавьте ещё два прямоугольника в Режиме наложения "Умножение" позади глаз для углубления глазниц.

add eyes

Нам нужно исправить перекрывающие части переносицы и тени вокруг глаз. Для этой цели выделите все три фигуры и возьмите Инструмент "Создание фигур" (Shift-M). Теперь можете кликнуть и охватить мышью те части, которые хотите объединить. Давайте объединим те части теней вокруг глаз, которые спрятаны за переносицей.

unite the shapes with shape builder tool

Шаг 7

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

add eye brows

Шаг 8

Сформируйте простое ухо из маленького скруглённого прямоугольника, заполнив его цветом кожи. Выберите Инструмент "Ластик" (Shift-E) и, удерживая клавишу Alt, кликните левой кнопкой мыши и перетащите мышь по левой части уха.  Вы увидите белый прямоугольник, покрывающий фигуру. Отпустите кнопку мыши, чтобы удалить ненужную часть. Скопируйте фигуру уха, слегка уменьшив размер копии и сделав её темнее для формирования внутренней части уха.

Создайте скруглённый прямоугольник побольше, Отправьте его на задний план (Shift-Control-[), чтобы он оказался за всеми остальными объектами. Заполните только что созданную фигуру тем же коричневым градиентом, что и цвет бровей, сформировав густую бороду.

form the ear and the beard

Шаг 9

Продолжим моделирование бороды, добавив ещё один скруглённый прямоугольник, перпендикулярный базовой фигуре бороды. Выделив его, перейдите в Объект > Контур > Добавить опорные точки. Выделите нижнюю точку в середине нижней части прямоугольника Инструментом "Прямое выделение" (А) и Преобразуйте выделенную опорную точку в плавную линию, нажав на кнопку Преобразовать на панели управления выше. Наконец, сдвиньте изменённую точку слегка вниз, создав плавный изгиб.

style the beard

Шаг 10

Найдите точку, где нижняя часть бороды пересекает базовую фигуру бороды и добавьте ещё одну опорную точку при помощи Инструмента "Добавить опорную точку" (+). Выделите один из опорных указателей Инструментом "Прямое выделение" (А) и, удерживая клавишу Shift, вращайте указатели перпендикулярно их изначальной позиции. Отредактируйте длину опорных указателей, чтобы получилась плавная линия.

style the beard 2

Шаг 11

Выделите обе части бороды и Объедините их на панели Обработки контуров. Дважды скопируйте бороду и сдвиньте верхнюю копию вверх и вправо, как мы сделали с кончиком носа. Используйте функцию Вычитание переднего для отсечения ненужных частей.

style the beard 3

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

style the beard 4

Шаг 12

Давайте сделаем нашего капитана более брутальным, создав для него усы! Добавьте маленький скруглённый прямоугольник в левой части лица и поместите его за носом (Control-[). Скопируйте созданную фигуру и перетащите копию вниз и вправо. Один раз нажмите Control-D для повторения последнего действия, создав ещё одну копию.

add mustache

Выделите все три части усов и используйте Инструмент "Зеркальное отражение" (О) для создания зеркальной копии, сформировав вторую часть усов на другой стороне лица. Добавьте маленький розовый прямоугольник для нижней губы персонажа.

add mustache 2

2. Создаём капитанскую шляпу и одежду

Шаг 1

Начнём с фуражки. Сначала сделаем козырёк. Возьмите Инструмент "Многоугольник" и установите количество Сторон на 3 для создания треугольника. Сожмите фигуру и Преобразуйте её верхнюю опорную точку в плавную линию. Выделите опорную точку в нижней части фигуры и сдвиньте её вверх при помощи клавиши Стрелка вверх. Поместите козырёк поверх лба и сделайте его более трёхмерным, добавив мягкий блик в Режиме наложения "Осветление".

render the forage cap

Шаг 2

Создайте узкий скруглённый прямоугольник, заполненный линейным градиентом от тёмно-синего до светло-синего. Перейдите в Эффект > Деформация > Дуга и установите Горизонтальный сгиб на 22%, чтобы фигура получилась слегка изогнутой. Перейдите в Объект > Разобрать и примените к фигуре, расположив её под козырьком, создав таким образом декоративную кантовку фуражки.

render the forage cap 2

Шаг 3

Добавьте золотую пуговицу при помощи Инструмента "Эллипс" (L), расположив один ровный круг внутри другого и заполнив оба линейным градиентом от тёмно-оранжевого до ярко-жёлтого. Сформируйте верх фуражки, создав светлый серовато-голубой прямоугольник при помощи Инструмента "Прямоугольник" (М).

render the forage cap 3

Шаг 4

Измените фигуру, сдвинув её верхнюю правую опорную точку вниз, чтобы получился острый угол в верхней левой стороне. Создайте похожую фигуру для формирования второй части фуражки. Затемните цвета фуражки и добавьте простую эмблему якоря на передней части, сделав головной убор более детальным. В моём руководстве по созданию Цельного узора якоря в Adobe Illustrator вы можете узнать как сделать силуэт простого якоря.

render the forage cap 4

Шаг 5

Добавьте перевёрнутый треугольник для груди, заполнив его тоном кожи, и сформируйте кусочек шеи, состоящий из двух треугольников. Заполните их линейным градиентом от тёмно-синего до светло-синего в верхней части, добавив объёма в плечах. Поместите пару белых полос по обеим сторонам шеи.

form the clothes

Шаг 6

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

shape the body from the ellipse

3. Создаём курительную трубку и стилизованный дым

Шаг 1

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

render the smoking pipe

Шаг 2

Изобразите нижнюю часть трубки, добавив тёмно-коричневый скруглённый прямоугольник и удалив его верхнюю часть Инструментом "Ластик" (Shift-E), как мы сделали это для капитанского уха. Создайте копию этой части и сдвиньте её вправо для создания блика при помощи функции Вычитание переднего на панели Обработки контуров и Режима наложения "Осветление".

render the smoking pipe 2

Сдвиньте блик от края ближе к центру и создайте пару полос, пересекающих блик, Инструментом "Ластик" (Shift-E).

render the smoking pipe 3

Шаг 3

Сформируйте мундштук трубки, создав узкий скруглённый прямоугольник. Перейдите в Эффект > Деформация > Дуга и установите значение Вертикального сгиба на 8%, сделав прямоугольник намного шире с левой стороны. Перейдите в Объект > Разобрать оформление применительно к фигуре и снова примените эффект Дуги, но в этот раз установите значение Горизонтального сгиба на 57%, чтобы фигура получилась плавной и дугообразной. Не забудьте Разобрать объект, чтобы применить эффект полностью.

Form the mouthpiece of our pipe

Шаг 4

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

combine both parts of the smoking pipe

Шаг 5

Давайте изобразим стилизованные квадратные кольца дыма, идущего из трубки. Сначала создайте группу прямоугольников разного размера, перекрывающих друг друга и сдвиньте их вверх и вправо от фигуры капитана. Теперь слегка сдвиньте квадраты, выравнивая их относительно друг друга. Выделите два нижних квадрата и перейдите на панель Выравнивания. Установите Выравнивание на Ключевых объектах и выберите функцию Горизонтальное выравнивание влево, чтобы оба квадрата выровнялись по левой стороне.

render a stylized square tobacco smoke

Шаг 6

Выровняйте другие квадраты относительно друг друга с левой или правой стороны, если нужно. Когда результат вас устроит, выделите все квадраты и Объедините их на панели Обработки контуров, сформировав цельный объект.

render a stylized square tobacco smoke 2

Шаг 7

Давайте сделаем фигуру более плавной. Перейдите в Эффект > Стилизация > Скруглённые углы и установите значение Радиуса на 7 пикселей.

render a stylized square tobacco smoke 3

Шаг 8

Заполните дым серовато-голубым цветом. Дважды скопируйте фигуру и сформируйте узкую полоску тени при помощи функции Вычитание переднего на панели Обработки контуров.

render a stylized square tobacco smoke 4

Шаг 9

Примените линейный градиент к созданной полоске, сделав её темнее остальной фигуры дыма. Выделите фигуру тени и возьмите Инструмент "Нож" (его вы можете найти в том же выпадающем меню, где находится Ластик). Сдвиньте Нож поперёк тени, создав диагональные разрезы по углам. Таким образом мы создали приятный сияющий эффект, похожий на зеркальное стекло.

render a stylized square tobacco smoke 5

Шаг 10

Хотя мы создаём картинку в плоском стиле, она не должна выглядеть слишком плоской. Нам нужно отделить объекты друг от друга, добавив больше пространства и объёма. Простые тени очень нам помогут! Начните с курительной трубки, скопировав её и Объединив все фигуры созданной копии на панели Обработки контуров, создав таким образом силуэт трубки.

Сдвиньте созданный объект слегка вниз и заполните его линейным градиентом от коричневого до белого, переключив Режим наложения на "Умножение" и создав мягкую тень на нижней губе и бороде.

put shadows in Multiply Blending Mode

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

put shadows in Multiply Blending Mode 2

4. Формируем декоративную рамку из верёвки при помощи Узорчатой кисти

Шаг 1

Давайте придадим нашей картине завершённый вид, поместив капитана в тематическую рамку. Во-первых, нам нужно сделать стилизованную верёвку для нашей будущей кисти. Начните с создания маленького скруглённого прямоугольника с увеличенным радиусом закругления, чтобы он выглядел почти как эллипс. Используйте Инструмент "Поворот" (R) и установите значение Угла на -30%.

Выделите фигуру и, одновременно удерживая клавиши Alt и Shift, кликните и перетащите фигуру вправо, создав копию. Убедитесь, что у вас включены Быстрые направляющие (Вид > Быстрые направляющие), чтобы фигуры притягивались друг к другу для простоты работы. Нажмите Control-D, чтобы повторить последнее действие, создав ещё одну копию элемента верёвки.

make rope elements

Шаг 2

Сделайте боковые элементы темнее, чтобы чередовать цвета всей верёвки. Теперь нам нужно сделать окаймляющую рамку с повторяющимися элементами, которые помогут нам создать цельные мазки кистью. Возьмите Инструмент "Прямоугольник" (М), удалите цвета Заливки и Обводки и создайте квадрат, пересекающий средние части элементов обеих сторон. Поместите квадрат за всеми остальными элементами (Shift-Control-[).

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

make rope elements 2

Шаг 3

Выделите все созданные элементы вместе с окаймляющей рамкой и перетащите их на панель Кистей. Выберите Узорчатую кисть и оставьте все остальные опции по умолчанию в сплывающем окне Настроек.

create a pattern brush

Шаг 4

Давайте посмотрим на нашу кисть в действии! Возьмите Инструмент "Эллипс" (L) и создайте ровный круг вокруг капитана. Скопируйте круг и, выделив круг и капитана, кликните правой кнопкой мыши и Создайте обтравочную маску, сделав таким образом ненужные части невидимыми. Выделите второй круг и примените узорчатую кисть с верёвкой, которую мы только что создали. Вы также можете вытащить дым из Обтравочной маски и поместить его на самый верх (Shift-Control-]).

form a frame with the pattern brush

Шаг 5

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

make a ribbon

Шаг 6

Создайте тёмный треугольник между краями верхней и нижней фигур, сформировав таким образом складку. Выделите боковые фигуры, перейдите в Объект > Контур > Добавить опорные точки и перетащите только что созданные боковые опорные точки к центру, сделав фигуры похожими на маленькие флаги.

make a ribbon 2

Шаг 7

Сгруппируйте все части ленты (Control-G) и перейдите в Эффект > Деформация > Дуга, установив значение Горизонтального сгиба на 20%.

make a ribbon 3

Шаг 8

Перейдите в Объект > Разобрать применительно к ленте и добавьте несколько зазубрин, чтобы бумага выглядела старой и потёртой. Для этого добавьте три опорных точки Инструментом "Добавить опорную точку" (+), выделите среднюю точку Инструментом "Прямое выделение" (А) и Преобразуйте её в угол. Перетащите преобразованную точку вниз, создав треугольный надрез на ленте.

make a ribbon 4

Шаг 9

Создайте ещё надрезы на ленте и перейдите к фону за капитаном. Давайте добавим глубины нашей картинке, поместив фигуру с тёмно-синим градиентом за капитаном (дважды кликните на капитане или щелчком правой кнопкой мыши перейдите в "Изолировать выбранную обтравочную маску" для редактирования объектов внутри маски). Покройте тёмный фон маленькими кружками, изображающими ночное небо. Добавьте ещё один прямоугольник за капитаном, сделав его слегка темнее неба для формирования поверхности океана. Перейдите в Эффект > Искажение и трансформирование > Зигзаг и установите значение Размера на 6 пикселей и Складки на 5. Сделайте точки Плавными, создав таким образом океанскую волну.

render a night background

Шаг 10

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

render a night background 2

Шаг 11

Давайте заполним пустое пространство ленты текстом. Придумайте фразу и выберите подходящий шрифт, который подойдёт композиции. Я использовала бесплатный шрифт Amatic Bold, который вы можете найти на Font Squirrel. Разберите ваш текст (Объект > Разобрать), превратив его в векторный объект и примените эффект Арки со значением Горизонтального сгиба 15%. Измените цвет текста на тёмно-коричневый, чтобы он гармонировал с цветовой палитрой картинки.

add your text to the ribbon

Если вы обратите внимание, что некоторые части текста пересекают пустое пространство, просто удалите ненужные части при помощи Инструмента "Создание фигур" (Shift-M), нажав на них, удерживая клавишу Alt.

add your text to the ribbon 2

Шаг 12

Великолепно! Осталось добавить совсем незначительные детали, чтобы наша работа обрела более интересный и завершённый вид.

Во-первый, Скопируйте капитанскую бороду и Вставьте её на Передний план (Control-C > Control-F). Откройте меню Библиотеки образцов на панели Образцов, перейдите в Образцы > Базовая графика > Базовая графика_текстуры и найдите текстуру Штриховки. Примените её к копии бороды для имитации отдельных волосков. Используйте Инструмент "Масштаб" (S) для уменьшения размера элементов текстуры, установив значение Равномерной шкалы на 70% и отметив галочкой пункт Трансформировать узоры. Можете переключить текстурированную фигуру в Режим наложения "Умножение" и снизить Непрозрачность на панели Прозрачности, чтобы сделать её более приближенной к реальности.

add hair texture

Шаг 13

Наконец, добавьте эффект мягкого шума, сделав нашу картину более зернистой и текстурированной. Расположите квадрат размером с рисунок поверх всех других объектов. Заполните его светлым серовато-жёлтым цветом и переключите в Режим наложения "Умножение". Затем перейдите в Эффект > Галерея эффектов > Текстура > Зерно. Установите Интенсивность на 72 и Контраст на 53 и выберите Тип зерна Брызги. Таким образом у вас получится мягкий зернистый эффект.

add grain filter to make a noise effect

Земля впереди! Мы почти достигли её!

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

funny stylized captains portrait final result
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.