1. Design & Illustration
  2. Portrait

Створимо стилізований портрет капітана в Адобе Ілюстратор

by
Read Time:15 minsLanguages:

Ukrainian (українська мова) translation by Mavka (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Привіт, друзі! У цьому уроці ми навчимося малювати стилізований плоский портрет кумедного капітана за допомогою базових фігур, ефектів деформації і деяких спеціальних пензлів та текстур. Приготуватися і підняти вітрила!

1. Сформуємо голову капітана

Крок 1

Візьміть Прямокутник з закругленими кутами в Адобе Ілюстратор, клацніть один раз на монтажній області для появи меню і встановіть Радіус заокруглення на 5 px. Сформуйте рівний квадрат, утримуючи клавішу Shift і заповнивши його лінійним градієнтом від блідо-жовтого в нижній частині до темно-рожевого - у верхній, повторюючи тон шкіри.

make a head base with Rounded Rectangle Toolmake a head base with Rounded Rectangle Toolmake a head base with Rounded Rectangle Tool

Крок 2

Почнемо з формування носа, додавши ще один заокруглений прямокутник і застосувавши лінійний градієнт від світло-рожевого до білого. Налаштуйте Режим змішування на Множення в панелі Прозорості, затемнивши таким чином ніс і зробивши його перехід до лиця. Посуньте ніс ближче до лівої сторони фігури обличчя, зробивши голову нашого персонажа злегка повернутою вбік на три чверті для створення портретного образу.

form a nose with Rounded Rectangle Toolform a nose with Rounded Rectangle Toolform a nose with Rounded Rectangle Tool

Крок 3

Додайте ще один прямокутник, перпендикулярний переніссю, та додайте два маленьких темно-коричневих квадрата для ніздрів.

form the nose and nostrilsform the nose and nostrilsform the nose and nostrils

Крок 4

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

Виділіть зрушену фігуру і ту, що під нею, і застосуйте функцію Мінус передній план в панелі Обробки контурів для відсікання небажаних частин, залишивши одну тонку лінію. Застосуйте той же градієнт в Режимі змішування Множення, який ми застосовували для перенісся. Для цього виділіть створену тонку лінію, візьміть Піпетку (I) і виберіть кольоровий градієнт на переніссі, сформувавши таким чином м'яку тінь на кінчику носа і зробивши його більш виступаючим.

form a nose tipform a nose tipform a nose tip

Крок 5

Пора додати відблиски! Розмістіть пару прямокутників поверх перенісся і кінчика носа, заповнивши їх лінійним градієнтом від коричневого до чорного. Переведіть Режим змішування на Підсвітлювання, створивши теплий відтінок.

add highlights in screen blending modeadd highlights in screen blending modeadd highlights in screen blending mode

Крок 6

Додамо пару мультяшних очей і заповнимо їх градієнтом від сірого до білого. Додайте ще два прямокутника в Режимі змішування Множення позаду очей для поглиблення очниць.

add eyesadd eyesadd eyes

Нам потрібно виправити перекриваючі частини перенісся і тіні навколо очей. Для цієї мети виділіть всі три фігури і візьміть Створення фігур (Shift-M). Тепер можете клацнути і охопити мишею ті частини, які хочете об'єднати. Давайте об'єднаємо ті частини тіней навколо очей, які заховані за переніссям.

unite the shapes with shape builder toolunite the shapes with shape builder toolunite the shapes with shape builder tool

Крок 7

Додайте пару товстих брів, заповнивши їх лінійним градієнтом від світло-коричневого у верхньому краї до темно-коричневого унизу. Злегка поверніть одну з брів, надавши капітанському обличчу доброзичливий вигляд.

add eye browsadd eye browsadd eye brows

Крок 8

Сформуйте просте вухо з маленького заокругленого прямокутника, заповнивши його кольором шкіри. Візьміть Гумку (Shift-E) і, утримуючи клавішу Alt, клацніть лівою кнопкою миші і перетягніть мишу по лівій частині вуха. Ви побачите білий прямокутник, що покриває фігуру. Відпустіть кнопку миші, щоб видалити непотрібну частину. Скопіюйте фігуру вуха, злегка зменшивши розмір копії та зробивши її темнішою для формування внутрішньої частини вуха.

Створіть заокруглений прямокутник побільше, Відправте його на задній план (Shift-Control-[), щоб він опинився за всіма іншими об'єктами. Заповніть щойно створену фігуру тим же коричневим градієнтом, що і колір брів, сформувавши густу бороду.

form the ear and the beardform the ear and the beardform the ear and the beard

Крок 9

Продовжимо моделювання бороди, додавши ще один округлений прямокутник, перпендикулярний базової фігурі бороди. Виділивши його, перейдіть в Об'єкт> Контур> Додати опорну точку. Виділіть нижню точку в середині нижньої частини прямокутника Частковим виділенням (А) і Перетворіть виділену опорну точку в гладку, натиснувши на кнопку Перетворити на панелі управління вище. Нарешті, посуньте змінену точку злегка вниз, створивши плавний вигин.

style the beardstyle the beardstyle the beard

Крок 10

Знайдіть точку, де нижня частина бороди перетинає базову фігуру бороди і додайте ще одну опорну точку за допомогою інструменту Додати опорну точку (+). Виділіть одну з опорних точок Часткове виділення (А) і, утримуючи клавішу Shift, обертайте покажчики перпендикулярно їх початковій позиції. Відредагуйте довжину опорних покажчиків, щоб вийшла плавна лінія.

style the beard 2style the beard 2style the beard 2

Крок 11

Виділіть обидві частини бороди і Об'єднайте їх в панелі Обробки контурів. Двічі скопіюйте бороду і посуньте верхню копію вгору і вправо, як ми зробили з кінчиком носа. Використовуйте функцію Мінус передній план для відсікання непотрібних частин.

style the beard 3style the beard 3style the beard 3

Заповніть створену частину лінійним градієнтом від світло-коричневого до білого і перейдіть в Режим змішування Множення, сформувавши тінь в нижній частині бороди.

style the beard 4style the beard 4style the beard 4

Крок 12

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

add mustache add mustache add mustache

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

add mustache 2add mustache 2add mustache 2

2. Створимо капітанський капелюх і одяг

Крок 1

Почнемо з кашкета нашого персонажа. Спочатку зробимо козирок. Візьміть Багатокутник і встановіть кількість Сторін на 3 для створення трикутника. Стисніть фігуру і Перетворіть її верхню опорну точку в гладку. Виділіть опорну точку в нижній частині фігури і посуньте її вгору за допомогою клавіші Стрілка вгору. Помістіть козирок поверх чола і зробіть його більш тривимірним, додавши м'який відблиск в Режимі змішування Освітлення.

render the forage caprender the forage caprender the forage cap

Крок 2

Створіть вузький округлений прямокутник, заповнений лінійним градієнтом від темно-синього до світло-синього. Перейдіть в Ефект> Викривлення> Дуга і встановіть Горизонтальний згин на 22%, щоб фігура вийшла злегка зігнутою. Перейдіть в Об'єкт> Розібрати вигляд і застосуйте до фігури, розташувавши її під козирком, створивши таким чином декоративну кантовку кашкета.

render the forage cap 2render the forage cap 2render the forage cap 2

Крок 3

Додайте золотий гудзик за допомогою Еліпсу (L), розташувавши один рівне коло всередині іншого і заповнивши обидва лінійним градієнтом від темно-оранжевого до яскраво-жовтого. Сформуйте верх кашкета, створивши світлий сірувато-блакитний прямокутник за допомогою Інструменту Прямокутник (М).

render the forage cap 3render the forage cap 3render the forage cap 3

Крок 4

Змініть фігуру, зсунувши її верхню праву опорну точку вниз, щоб вийшов гострий кут у верхній лівій стороні. Створіть схожу фігуру для формування другої частини кашкета. Затемните кольори кашкету і додайте просту емблему якоря на передній частині, зробивши головний убір більш детальним. У моєму уроці по створенню Цільного візерунка якоря в Адобе Ілюстратор ви можете дізнатися як зробити силует простого якоря.

render the forage cap 4render the forage cap 4render the forage cap 4

Крок 5

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

form the clothesform the clothesform the clothes

Крок 6

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

shape the body from the ellipseshape the body from the ellipseshape the body from the ellipse

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

Крок 1

Почніть формувати верхню частину трубки, створивши стислий еліпс і заповнивши його темно-коричневим лінійним градієнтом. Створіть внутрішню частину трубки, помістивши більш маленький і темний стислий еліпс всередині першого.

render the smoking piperender the smoking piperender the smoking pipe

Крок 2

Зобразіть нижню частину трубки, додавши темно-коричневий округлений прямокутник і видаливши його верхню частину Гумкою (Shift-E), як ми зробили це для капітанського вуха. Створіть копію цієї частини і посуньте її вправо для створення відблиску за допомогою функції Мінус передній план на панелі Обробки контурів і Режиму змішування Освітлення.

render the smoking pipe 2render the smoking pipe 2render the smoking pipe 2

Посуньте відблиск від краю ближче до центру і створіть пару смуг, що перетинають відблиск, інструментом Гумка (Shift-E).

render the smoking pipe 3render the smoking pipe 3render the smoking pipe 3

Крок 3

Сформуйте мундштук трубки, створивши вузький округлений прямокутник. Перейдіть в Ефект> Викривлення> Дуга і встановіть значення Вертикального згину на 8%, зробивши прямокутник набагато ширшим з лівого боку. Перейдіть в Об'єкт> Розібрати оформлення стосовно фігури і знову застосуйте ефект Дуги, але в цей раз встановіть значення горизонтального згину на 57%, щоб фігура вийшла плавною і дугоподібною. Не забудьте Розібрати об'єкт, щоб застосувати ефект повністю.

Form the mouthpiece of our pipeForm the mouthpiece of our pipeForm the mouthpiece of our pipe

Крок 4

Розмістіть мундштук між капітановими вусами і його нижньою губою і об'єднайте обидві частини курильної трубки, додавши золотий відтінок, щоб трубка виглядала відполірованою.

combine both parts of the smoking pipecombine both parts of the smoking pipecombine both parts of the smoking pipe

Крок 5

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

render a stylized square tobacco smokerender a stylized square tobacco smokerender a stylized square tobacco smoke

Крок 6

Вирівняйте інші квадрати відносно один одного з лівого або правого боку, якщо потрібно. Коли результат вас влаштує, виділіть всі квадрати і Об'єднайте їх в панелі Обробки контурів, сформувавши цілісний об'єкт.

render a stylized square tobacco smoke 2render a stylized square tobacco smoke 2render a stylized square tobacco smoke 2

Крок 7

Давайте зробимо фігуру більш плавною. Перейдіть в Ефект> Стилізація> Заокруглені кути і встановіть значення Радіуса на 7 px.

render a stylized square tobacco smoke 3render a stylized square tobacco smoke 3render a stylized square tobacco smoke 3

Крок 8

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

render a stylized square tobacco smoke 4render a stylized square tobacco smoke 4render a stylized square tobacco smoke 4

Крок 9

Застосуйте лінійний градієнт до створеної смужки, зробивши її темнішою ніж решта фігури диму. Виділіть фігуру тіні і візьміть Ніж (його ви можете знайти в тому ж випадному меню, де Ластик). Посуньте Ніж поперек тіні, створивши діагональні розрізи по кутах. Таким чином ми створили приємний сяючий ефект, схожий на дзеркальне скло.

render a stylized square tobacco smoke 5render a stylized square tobacco smoke 5render a stylized square tobacco smoke 5

Крок 10

Хоча ми створюємо картинку в плоскому стилі, вона не повинна виглядати занадто плоскою. Нам потрібно відокремити об'єкти один від одного, додавши більше простору і об'єму. Прості тіні дуже нам допоможуть! Почніть з курильної трубки, скопіювавши її та Об'єднавши всі фігури створеної копії на панелі Обробки контурів, створивши таким чином силует трубки.

Посуньте створений об'єкт злегка вниз і заповніть його лінійним градієнтом від коричневого до білого, переключивши Режим змішування на Множення і створивши м'яку тінь на нижній губі і бороді.

put shadows in Multiply Blending Modeput shadows in Multiply Blending Modeput shadows in Multiply Blending Mode

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

put shadows in Multiply Blending Mode 2put shadows in Multiply Blending Mode 2put shadows in Multiply Blending Mode 2

4. Формуємо декоративну рамку з мотузки за допомогою візерункових кисті

Крок 1

Давайте надамо нашій картині завершений вигляд, помістивши капітана в тематичну рамку. По-перше, нам потрібно зробити стилізовану мотузку для нашого майбутнього пензля. Почніть з створення маленького заокругленого прямокутника зі збільшеним радіусом заокруглення, щоб він виглядав майже як еліпс. Використовуйте Поворот (R) і встановіть значення Кута на -30%.

Виділіть фігуру і, одночасно утримуючи клавіші Alt і Shift, клацніть і перетягніть фігуру вправо, створивши копію. Переконайтеся, що у вас включені Швидкі напрямні (Вид> Швидкі напрямні), щоб фігури притягувалися один до одної для простоти роботи. Натисніть Control-D, щоб повторити останню дію, створивши ще одну копію елемента мотузки.

make rope elementsmake rope elementsmake rope elements

Крок 2

Зробіть бічні елементи темнішими, щоб чергувати кольори всієї мотузки. Тепер нам потрібно зробити окаймляючу рамку з повторюваними елементами, які допоможуть нам створити цілісні мазки пензлем. Візьміть Прямокутник (М), видаліть кольори Заливки і Обведення і створіть квадрат, що перетинає середні частини елементів обох сторін. Розмістіть квадрат за всіма іншими елементами (Shift-Control-[).

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

make rope elements 2make rope elements 2make rope elements 2

Крок 3

Виділіть всі створені елементи разом з рамкою і перетягніть їх на панель Пензлі. Виберіть Візерунковий пензль і залиште всю решту опцій за замовчуванням в спливаючому вікні Налаштувань.

create a pattern brushcreate a pattern brushcreate a pattern brush

Крок 4

Давайте подивимося на наш пензль в дії! Візьміть Еліпс (L) і створіть рівне коло навколо капітана. Скопіюйте коло і, виділивши коло і капітана, клікніть правою кнопкою миші і Створіть відсічну маску, зробивши таким чином непотрібні частини невидимими. Виділіть друге коло і застосуєте візерунковий пензль з мотузкою, який ми тільки що створили. Ви також можете витягти дим з Відсічної маски і розмістити його на самий верх (Shift-Control-]).

form a frame with the pattern brushform a frame with the pattern brushform a frame with the pattern brush

Крок 5

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

make a ribbonmake a ribbonmake a ribbon

Крок 6

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

make a ribbon 2make a ribbon 2make a ribbon 2

Крок 7

Згрупуйте всі частини стрічки (Control-G) і перейдіть в Ефект> Викривлення> Дуга, встановивши значення Горизонтального згину на 20%.

make a ribbon 3make a ribbon 3make a ribbon 3

Крок 8

Перейдіть в Об'єкт> Розібрати вигляд стрічки і додайте кілька зазубрин, щоб папір виглядав старим і потертим. Для цього додайте три опорних точки інструментом Додати опорну точку (+), виділіть середню точку Частковим виділенням (А) і Перетворіть її в кутову. Перетягніть перетворену точку вниз, створивши трикутний надріз на стрічці.

make a ribbon 4make a ribbon 4make a ribbon 4

Крок 9

Створіть ще надрізи на стрічці і перейдіть до фону за капітаном. Створіть ще надрізи на стрічці і перейдіть до фону за капітаном. Давайте додамо глибини нашому зображенню, розмістивши фігуру з темно-синім градієнтом позаду капітана (двічі клацніть на капітана або клацніть правою кнопкою миші та перейдіть в Ізолювати обрану відсічну маску для редагування об'єктів всередині маски). Покрийте темний фон маленькими кружками, які зображують нічне небо. Додайте ще один прямокутник за капітаном, зробивши його злегка темнішим від неба для формування поверхні океану. Перейдіть в Ефект> Деформувати та Трансформувати> Зигзаг і встановіть значення Розміру на 6 px і Складки на 5. Зробіть точки гладкими, створивши ефект хвилі.

render a night backgroundrender a night backgroundrender a night background

Крок 10

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

render a night background 2render a night background 2render a night background 2

Крок 11

Давайте заповнимо порожній простір стрічки текстом. Придумайте фразу і виберіть відповідний шрифт, який підійде композиції. Я використала безкоштовний шрифт Amatic Bold, який ви можете знайти на Font Squirrel. Розберіть ваш текст (Об'єкт> Розібрати), перетворивши його в векторний об'єкт і застосуйте ефект Арки зі значенням Горизонтального згину 15%. Змініть колір тексту на темно-коричневий, щоб він гармоніював з палітрою кольорів картинки.

add your text to the ribbonadd your text to the ribbonadd your text to the ribbon

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

add your text to the ribbon 2add your text to the ribbon 2add your text to the ribbon 2

Крок 12

Чудово! Залишилося додати зовсім незначні деталі, щоб наша робота набула більш цікавий і завершений вигляд.

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

add hair textureadd hair textureadd hair texture

Крок 13

Нарешті, додайте ефект м'якого шуму, зробивши нашу картину більш зернистою і текстурованою. Розмістіть квадрат розміром з малюнок поверх всіх інших об'єктів. Заповніть його світлим сірувато-жовтим кольором і переведіть в Режим змішування Множення. Потім перейдіть в Ефект> Галерея ефектів> Текстура> Зерно. Встановіть Інтенсивність на 72 і Контраст на 53 і виберіть Тип зерна Бризки. Таким чином у вас вийде м'який зернистий ефект.

add grain filter to make a noise effectadd grain filter to make a noise effectadd grain filter to make a noise effect

Земля попереду! Ми майже досягли її!

Відмінна робота, друзі! Ми успішно створили кумедний стилізований капітанський портрет, використовуючи тільки базові фігури і ефекти. Сподіваюся, ви знайшли нові берега і напрямки креативності та будете використовувати описані поради та прийоми в своїх майбутніх роботах. Успіхів!

funny stylized captains portrait final resultfunny stylized captains portrait final resultfunny stylized captains portrait final result
One subscription.
Unlimited Downloads.
Get unlimited downloads