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

Малюємо м'яке, пухнасте кошеня в Адобе Ілюстратор

by
Read Time:8 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

Я застосовувала референс з PhotoDune (фото нижче). Цього зображення зараз немає, але ви можете взяти будь-яку іншу фотографію кота або вашої домашньої тварини.

Cute kittenCute kittenCute kitten

Крок 2

У Новому (Ctrl+N) документі, обравши команду Файл>Помістити додаю референс на монтажну область (артборд). Потім поверх фотографії створюю Прямокутник (M) темного кольору, який має її перекривати, та зменшую Непрозорість до 50%. Далі створюю новий шар.

Prepare your layersPrepare your layersPrepare your layers

Крок 3

Нам потрібно створити трохи об'єктних пензлів. Вони будуть на основі Еліпсу (L). За допомогою інструменту Вільне трансформування (E) та Перетворення опорних точок я формую пензлі з одним та двома гострими кутами.

Крок 4

Ми додаємо пензлі на панель Пензлі з типом Об'єктний пензель, і обираємо Метод забарвлення > Відтінки. Це означає, що будь-які пензлі будуть відображатися з обраним вами кольором.

Art BrushesArt BrushesArt Brushes

2. Як малювати векторне хутро: Теорія

Крок 1

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

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

Areas to renderAreas to renderAreas to render

Крок 2

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

Fur length and directionFur length and directionFur length and direction

Крок 3

Існує два способи, якими ви можете скористатись: створювати ваші штрихи у одному напрямку, чи зигзагом. Обидва з них однаково гарні, та будьте обережні, формуючи хутро, якщо ви використовуєте пензль з одним гострим кутом. Також рух зигзаг-методу має бути швидким, коли ви малюєте пензлем з обома гострими кутами.

Drawing strokesDrawing strokesDrawing strokes

Крок 4

Коли я малюю хутро, я використовую інструмент Художній Пензель (B). Це створює плавні криві і лінії, параметри котрих можуть бути змінені. Подвійний клік на значку в Панелі Інструментів, відкриє вам налаштування, завдяки яким ви можете досягнути більш гладких ліній.

Paintbrush Tool OptionsPaintbrush Tool OptionsPaintbrush Tool Options

3. Як намалювати пухнасте кошеня.

Крок 1

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

Задля усього іншого хутра я буду використовувати пензль з двома гострими кінцями та зигзаг-метод.

Forehead hairForehead hairForehead hair

Крок 2

Малюю штрихи по контуру позаду кошеняти.

Around the cats furAround the cats furAround the cats fur

Крок 3

Створимо новий шар задля внутрішніх ділянок хутра. Це надасть змогу легко змінювати налаштування Непрозорості пізніше.

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

Around the eyesAround the eyesAround the eyes

Крок 4

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

Adding the inner furAdding the inner furAdding the inner fur

Крок 5

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

Adding an off black backgroundAdding an off black backgroundAdding an off black background

Крок 6

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

  • Зовнішнє хутро: Режим змішування Екран, Непрозорість 20%
  • Внутрішнє хутро: Режим змішування Екран, Непрозорість 10%

Крок 7

Тепер, коли ми отримали основу, давайте створимо додаткові штрихи в тих же ділянках, і за їх межами, щоб створити більше глибини. Я буду додавати їх на шарі з внутрішнім хутром, тому вони повинні бути з тими ж налаштуваннями.

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

Adding more furAdding more furAdding more fur

Як додати інші котячі риси.

Крок 1

Для того, щоб додати тонкі деталі на морді, я буду використовувати білий прозорий градієнт. Я буду додавати форми, щоб розставити відблиски у очах і на кінчику носа. Також можете використовувати цей метод, якщо видно кігті. Хоча на моєму зображенні насправді їх нема, я додала їх, щоб показати вам ефект.

Змініть градієнт за допомогою інструменту Градієнт (G), щоб додати прозорості в нижній частині форми таким чином, щоб біле лишилося в верхній її частині. Встановіть  Режим змішування Екран і змінить Непрозорість до 20-50% в залежності від того, наскільки багато блиску вам потрібно.

Adding facial featuresAdding facial featuresAdding facial features

Крок 2

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

Adding whiskersAdding whiskersAdding whiskers

Крок 3

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

Eye shine modifiedEye shine modifiedEye shine modified

5. Як покращити ілюстрацію

Крок 1

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

У цьому випадку я користуюся пензлем з подвійними гострими кутами, Товщина Обведення 3 pt (мої інші лінії були 1 pt) і застосовую Режим змішування далі Екран і Непрозорість 3%.

Adding strokesAdding strokesAdding strokes

Крок 2

Час додати м'який ореол пилу навколо країв кошеняти. Я збираюся зробити це за допомогою Дискретного Пензлю.

Застосувавши інструмент Еліпс (L) і штрихи пензля з двома гострими кутами, групую їх разом, як показано нижче. Переконайтеся, що є достатньо простору.

Dust brushDust brushDust brush

Крок 3

Виберіть їх і додайте до панелі Пензлі як Дискретний Пензель з довільним розміром та поворотом.

Scatter Brush settingsScatter Brush settingsScatter Brush settings

Крок 4

Контуру, який ближче до кошеняти (червоний), я задала товщину обведення 0,5 pt; дальнього (зелений) - 1 pt. Обом призначила Режим змішування Екран і Непрозорість 10%.

Adding dustAdding dustAdding dust

Крок 5

Щоб допомогти заповнити прогалини, я додаю більше штрихів 0,5 pt поруч з хутром.

Крок 6

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

Для посилення контрасту (та намагаючись змінити відтінок) я намалювала поверх ілюстрації прямокутник Прямокутник (M) темно-бежевого / коричневого кольору (# 998675). Я використала Режим змішування > Освітлення основи задля контрасту. "Погравши" з кольором заливки, можна отримати результат на свій смак.

Increasing the contrastIncreasing the contrastIncreasing the contrast

М'яке кошеня, Тепле Кошеня, Ніжний Пуховий шар.

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

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

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

Final resultFinal resultFinal result

One subscription.
Unlimited Downloads.
Get unlimited downloads