Малюємо м'яке, пухнасте кошеня в Адобе Ілюстратор
() translation by (you can also view the original English article)



З вами знов палка шанувальниця котів та фан векторної графіки, з новим уроком, у якому присутнє сімейство котячих. Цього разу я збираюся крок за кроком провести вас через створення в Адобе Ілюстратор м'якого, пухнастого кошеня з контровим освітленням, використовуючи пензлі та градієнти. Я навчу вас основам створення хутра, так що ви зможете використовувати цей точний процес у будь-якій іншій пуховій ілюстрації.
Я рекомендую завжди використовувати планшет при створенні важких ілюстрацій хутра чи волосся. Звісно, ви можете використати й мишу. Але планшет значно скоротить ваш час, затрачений на це.
1. Як підготувати Ваш файл.
Крок 1
Я застосовувала референс з PhotoDune (фото нижче). Цього зображення зараз немає, але ви можете взяти будь-яку іншу фотографію кота або вашої домашньої тварини.



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



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



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



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



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



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



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



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



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



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



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



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



Крок 6
Зовнішнє і внутрішнє хутро знаходяться на різних шарах, так що легше змінити налаштування панелі прозорості. Оберіть всі штрихи на шарі та поміняйте налаштування на наступні:
- Зовнішнє хутро: Режим змішування Екран, Непрозорість 20%
- Внутрішнє хутро: Режим змішування Екран, Непрозорість 10%



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



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



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



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



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



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



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



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



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



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



М'яке кошеня, Тепле Кошеня, Ніжний Пуховий шар.
Наслідуючи цю методику ви можете глибше й глибше понуритися в створення хутра. Це досить розважливе заняття, я знаходжу його потішним... о, ці зигзаг-штрихи!
Мені хотілося б бачити вашу версію цього уроку в коментарях, будь ласка, завантажте її, щоб представити всім і мати шанс з'явитися в огляді нашої спільноти.
Чи знаєте ви, що ми у Envato Tuts+ трохи схиблені на кішках? Знайти більше котячого контенту у цьому огляді.
