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

Малюємо супер миле кошеня крок за кроком

by
Difficulty:BeginnerLength:MediumLanguages:

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

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

rectangle bodyrectangle bodyrectangle body

Крок 2

Намалюйте коло поряд з прямокутником. Це буде голова. Знову ж таки, нам не потрібно ідеальне коло.

rectangle and circular headrectangle and circular headrectangle and circular head

Крок 3

Уявіть лінію через центр мордочки кошеня, а потім "посуньте" її в напрямі погляду кошеня.

head directionhead directionhead direction

Крок 4

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

ground perspectiveground perspectiveground perspective

Крок 5

Намалюйте одну з лап...

paws in perspectivepaws in perspectivepaws in perspective

...потім іншу. Ви бачите, навіщо нам потрібні лінії переспективи?

how to draw legs in perspectivehow to draw legs in perspectivehow to draw legs in perspective

Крок 6

Нарешті, намалюйте хвіст.

cat tailcat tailcat tail

2. Малюємо кошеня в перспективі

Крок 1

Намалюйте передню частину плеча кошеня. Залиште трохи місця для шиї.

kitten shoulderkitten shoulderkitten shoulder

Крок 2

Намалюйте задню частину плеча.

cat shoulder drawingcat shoulder drawingcat shoulder drawing

Крок 3

Намалюйте інше плече, користуючись для прикладу лініями перспективи.

cat shoulders in perspectivecat shoulders in perspectivecat shoulders in perspective

Крок 4

Намалюйте пухнасте стегно...

cat thigh drawingcat thigh drawingcat thigh drawing

... а потім інше стегно позаду.

cat thigh in perspectivecat thigh in perspectivecat thigh in perspective

Крок 5

Намалюйте короткі ноги, які торкаються землі.

cat legs drawingcat legs drawingcat legs drawing

Крок 6

Додайте лапи до ніг.

cat paws drawingcat paws drawingcat paws drawing

Крок 7

Додайте один палець збоку. Він повинен бути заокругленим.

cat fingers drawingcat fingers drawingcat fingers drawing

Крок 8

Поєднайте задні лапи з стегнами.

cat hind leg drawingcat hind leg drawingcat hind leg drawing

Крок 9

Щоб створити хвіст, намалюйте лінію з лініями ширини...

cat tail drawingcat tail drawingcat tail drawing

...потім поєднайте їх.

how to draw cat tailhow to draw cat tailhow to draw cat tail

Крок 10

Завершіть формувати тіло.

how to draw cat body in perspectivehow to draw cat body in perspectivehow to draw cat body in perspective

3. Малюємо голову кошеня.

Крок 1

Додайте краплевидну форму мордочки до кола голови.

kitten muzzlekitten muzzlekitten muzzle

Крок 2

Розділіть мордочку на чотири частини.

kitten muzzle proportionskitten muzzle proportionskitten muzzle proportions

Крок 3

Намалюйте лінію, яка перетинає ці частини, щоб визначитися з 3D формою - це будуть контури мордочки у вигляді збоку, перетворені на цей вигляд у 3/4.

kitten muzzle in perspectivekitten muzzle in perspectivekitten muzzle in perspective

Крок 4

Намалюйте дві лінії з середини мордочки до лінії лобу.

kitten eyes proportionskitten eyes proportionskitten eyes proportions

Крок 5

Намалюйте лоб, створивши деякий простір для очей.

kitten foreheadkitten foreheadkitten forehead

Крок 6

Розмістіть круги очей у цій площині.

kitten eyes drawingkitten eyes drawingkitten eyes drawing

Крок 7

Намалюйте трикутний ніс під половиною шляху від точки мордочки.

kitten nosekitten nosekitten nose

Крок 8

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

kitten mouthkitten mouthkitten mouth

Крок 9

Застосуйте ці лінії як напрямні лінії усмішки.

how to draw kitten smilehow to draw kitten smilehow to draw kitten smile

Крок 10

Намалюйте підборіддя прямо під посміхаючимся ротом.

kitten chinkitten chinkitten chin

Крок 11

Намалюйте лінії від куточків рота і навколо обличчя, щоб визначити контур.

kitten cheekboneskitten cheekboneskitten cheekbones

Крок 12

Додайте кішці вуха зверху голови.

kitten headkitten headkitten head
kitten earskitten earskitten ears

Крок 13

Додайте деталі до форми вух.

kitten ears in perspectivekitten ears in perspectivekitten ears in perspective
how to draw cat earshow to draw cat earshow to draw cat ears

4. Малюємо стрічку з бантом та закінчуємо малювання.

Крок 1

Намалюйте ошийник навколо шиї кошеня.

how to draw cat collarhow to draw cat collarhow to draw cat collar

Крок 2

Намалюйте центральну частину банту під підборіддям кошеня.

how to draw a bowhow to draw a bowhow to draw a bow

Крок 3

Намалюйте хвилясті сторони банту.

how to draw a ribbon bowhow to draw a ribbon bowhow to draw a ribbon bow

Крок 4

Намалюйте хвилі через центр, створивши складки.

how to draw bow in perspectivehow to draw bow in perspectivehow to draw bow in perspective

Крок 5

Обведіть складки.

how to draw a cute bowhow to draw a cute bowhow to draw a cute bow

Крок 6

Нарешті, намалюйте всі деталі кошеня на ескізі. Не соромтеся йти тут своїм власним шляхом!

how to draw a cute kittenhow to draw a cute kittenhow to draw a cute kitten

5. Підготуємо малюнок для цифрового малювання

Ми завершили малювання, і це бонусна частина, якщо ви хочете розфарбувати кошеня в цифровому вигляді. Вам потрібен для цього графічний планшет та Адобе Фотошоп, а також набір базових пензлів, які ви, наприклад, можете скачати тут:

Крок 1

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

Крок 2

Відкрийте ваш цифровий лінійний арт та створіть Новий шар під ним.

how to add a new layer in photoshophow to add a new layer in photoshophow to add a new layer in photoshop

Крок 3

Клацніть на шар лінійного арту та знизьте Непрозорість, щоб зробити його напіввидимим.

how to change layer opacity in photoshophow to change layer opacity in photoshophow to change layer opacity in photoshop
half transparent line arthalf transparent line arthalf transparent line art

Крок 4

Візьміть жорсткий, точний пензль (наприклад Ink з мого набору), виберіть яскраві кольори і намалюйте основні контури кошеня на нижньому шарові. Переконайтеся, що контур замкнено!

how to draw an outline in photoshophow to draw an outline in photoshophow to draw an outline in photoshop

Крок 5

Використайте інструмент Magic Wand Чарівна паличка (W) та клацніть область всередині контуру.

how to select the inside of an otuline in photoshophow to select the inside of an otuline in photoshophow to select the inside of an otuline in photoshop

Крок 6

Зафарбуйте область, використовуючи прийом, який описаний в цьому відео, яке йде одну хвилину:

how to fill an outline in photoshophow to fill an outline in photoshophow to fill an outline in photoshop

Крок 7

Натисніть значок Зберегти прозорість пікселів (Lock transparent pixels) для даного шару. З цього моменту ви будете малювати тільки всередині контуру.

how to lock transparent pixels in photoshophow to lock transparent pixels in photoshophow to lock transparent pixels in photoshop

6. Затінюємо Кошеня в Адобе Фотошоп

Крок 1

Виберіть темний відтінок сірого, приблизно 25%.

how to select grayhow to select grayhow to select gray

Крок 2

Зафарбуйте тіло кошеня поверх. Ви бачите, як заблокована прозорість тримає кольори в рамках контуру?

paint darkest shadowspaint darkest shadowspaint darkest shadows

Крок 3

Виберіть більш світлий відтінок, приблизно 50%.

how to select colors in photoshophow to select colors in photoshophow to select colors in photoshop

Крок 4

Виберіть пензль, прозорість якого управляється натиском пера (наприклад, мій пензль Sketch Detail. Розфарбуйте тіло кошеня, тримаючись подалі від ліній.

sculpt ambient occlusionsculpt ambient occlusionsculpt ambient occlusion

Крок 5

Виберіть інструмент Mixer Brush Tool (Мікс-пензль), та, утримуючи клавішу Shift, натисніть клавішу "B" чотири рази). Нам потрібно встановити налаштування за замовчуванням для цього інструменту, тому, якщо ви використовували його до цього, відкрийте меню та виберіть інструмент Reset Tool.

how to use the mizer brush toolhow to use the mizer brush toolhow to use the mizer brush tool

Крок 6

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

how to blend shades in photoshophow to blend shades in photoshophow to blend shades in photoshop

Крок 7

Давайте перейдемо до іншого рівня затінення. На цей раз, воно досить-таки світле, приблизно 70%...

brighter shadebrighter shadebrighter shade

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

brighter shadingbrighter shadingbrighter shading

...а потім розтушуйте за допомогою інструменту Mixer Brush Tool.

blending shadesblending shadesblending shades

Крок 8

Виберіть самий світлий відтінок (приблизно, 90%)...

bright shadebright shadebright shade

...додайте більше світла безпосередньо на освітлених областях...

how to shade a kitten in photoshophow to shade a kitten in photoshophow to shade a kitten in photoshop

...а потім розтушуйте.

how to blend colors in photoshophow to blend colors in photoshophow to blend colors in photoshop

Крок 9

Нарешті, виберіть білий колір...

white shadewhite shadewhite shade

...додайте його на найяскравіші точки...

how to shade an animal in photoshophow to shade an animal in photoshophow to shade an animal in photoshop

...і розтушуйте все.

how to shade softlyhow to shade softlyhow to shade softly

Крок 10

Це було світло. Тепер нам потрібно додати особливий вид тіні, щоб додати деталей до цієї освітленої скульптури. За допомогою інструменту Lasso Tool (L), виділіть область за іншим об'єктом, наприклад за лапою на задньому фоні.

how to select with lasso toolhow to select with lasso toolhow to select with lasso tool

Крок 11

Далі, за допомогою м'якого пензля темного відтінку, акуратно затемніть область прямо за об'єктом.

how to paint darkest shadowshow to paint darkest shadowshow to paint darkest shadows

Крок 12

Виконайте те ж саме на інших ділянках тіла. Ви бачите, наскільки деталізованим воно стало?

how to paint sharp crevice shadowshow to paint sharp crevice shadowshow to paint sharp crevice shadows

Крок 13

Утримуючи клавішу (Ctrl), виділіть обидва шари, а потім клацніть правою кнопкою миші по ним і у вікні, виберіть опцію Merge Layers (Об'єднати шари). Зараз ми розфарбуємо об'єднаний шар.

Ще раз виберіть затінюючий пензль, щоб нанести м'які тони і контурний малюнок, закривши їх шарами відтінків. Скористайтеся інструментом Eyedropper (Піпетка),(утримуючи клавішу Alt під час фарбування) для вибору відтінків з ділянки, щоб потім розфарбувати поверх. Це відмінний метод відтворення відчуття хутра.

how to paint with basic brushes in photoshophow to paint with basic brushes in photoshophow to paint with basic brushes in photoshop
how to remove the line art in photoshophow to remove the line art in photoshophow to remove the line art in photoshop
how to make the line art disappearhow to make the line art disappearhow to make the line art disappear

7. Трансформуємо наш цифровий малюнок

Крок 1

Найкраще в цифровому малюнку - це те, що його можна легко редагувати! Припустимо, ми хочемо змінити форму хвоста нашого кошеня. Йдемо Filter> Liquify (Фільтр>Пластика), а потім використаємо інструмент Forward Warp Tool (Деформація) (W) для зміни форми. Будьте обережні - у вас є тільки одна команда (Ctrl-Z) в даному режимі.

how to use liquify filterhow to use liquify filterhow to use liquify filter

Даний режим дозволяє робити  з малюнком все, що завгодно! Я вирішила злегка зменшити очі за допомогою інструменту Pucker Tool (Зморщування) (S).

how to warp in photoshophow to warp in photoshophow to warp in photoshop

ОК... тепер вони стали занадто маленькі, тому, я вирішила змінити мордочку, щоб вона підходила до них.

how to modify painting in photoshophow to modify painting in photoshophow to modify painting in photoshop

Тепер вуха стали занадто великі для такої великої мордочки, тому давайте теж їх змінимо.

how to reshape painting in photoshophow to reshape painting in photoshophow to reshape painting in photoshop

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

how to change shape of something in photoshophow to change shape of something in photoshophow to change shape of something in photoshop

Крок 2

Шия дуже коротка для такого великого кошеня, тому, давайте виправимо її. За допомогою інструменту Lasso Tool (Ласо)(L), виділіть голову, а потім перемістіть її, надавши нове положення за допомогою інструменту Move Tool (Переміщення)(V).

how to move selectionhow to move selectionhow to move selection

Крок 3

Скористайтеся інструментом  Lasso Tool (Лассо) (L), щоб виділити область, яка відсутня між головою і тулубом.

how to select empty spacehow to select empty spacehow to select empty space

Крок 4

Йдемо Edit> Fill (Редагування - Виконати заливку), виділіть опцію Content-Aware. Натисніть кнопку OK, щоб залити область шиї.

how to fill empty space in photoshophow to fill empty space in photoshophow to fill empty space in photoshop

Крок 5

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

how to paint details with basic brushhow to paint details with basic brushhow to paint details with basic brush

8. Розфарбуємо цифровий малюнок

Крок 1

Затінення - це ще не все! Тепер давайте додамо трохи кольору. Клацніть правою кнопкою миші по шару і у вікні, виберіть опцію Duplicate Layer (Створити дублікат шару). Поміняйте Режим змішування для дубліката шару на Multiply (Множення). В цьому режимі, темні ділянки шару затемнюють кольори нижнього шару.

mutliply blend modemutliply blend modemutliply blend mode

Крок 2

Натисніть значок Lock transparent pixels (Зберегти прозорість пікселів) для оригінального шару. Ми збираємося розфарбувати його знову.

lock transparent pixelslock transparent pixelslock transparent pixels

Крок 3

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

how to color quickly in photoshophow to color quickly in photoshophow to color quickly in photoshop

...потім деталі.

how to add colors to a grayscale painting in photoshophow to add colors to a grayscale painting in photoshophow to add colors to a grayscale painting in photoshop

Крок 4

Наш кошеня затінене, але зображення виглядає занадто темним. Давайте додамо трохи світла! Дублюйте верхній шар, а потім поміняйте Режим змішування для дубліката шару на Overlay (Перекриття). При цьому режимі, світлі ділянки шару освітлюють кольори нижнього шару, хоча темні ділянки діють точно так же, як режимі Multiply (Множення)...

overlay blend modeoverlay blend modeoverlay blend mode

Крок 5

...тому нам необхідно зробити деякі корективи. Клацніть правою кнопкою миші по шару і у вікні, виберіть опцію Blending Options (Параметри змішування). Перейдіть до розділу Blend If (Змішувати якщо) та перетягніть верхній чорний бігунок праворуч. Ви бачите, як зникають темні ділянки шару?

how to use blending optionshow to use blending optionshow to use blending options
remove shadowremove shadowremove shadow

Крок 6

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

how to use blend if in photoshophow to use blend if in photoshophow to use blend if in photoshop
soft shadow transitionsoft shadow transitionsoft shadow transition

Крок 7

Є ще одна проблема, пов'язана з режимом змішування Overlay (Перекриття) - він однаково освітлює як яскраві, так і темні тони, але чорний колір не повинен відображати так багато світла, незалежно від того, наскільки сильно ви посилювали світло! Функція Blend If (Змішувати якщо) може вирішити цю проблему, просто змістіть нижній бігунок, щоб виключити темні ділянки в режимі змішування Overlay (Перекриття).

how to exculde dark parts of the layerhow to exculde dark parts of the layerhow to exculde dark parts of the layer
how to manage values in photoshophow to manage values in photoshophow to manage values in photoshop

Цей бігунок можна також розділити.

how to split blend if markershow to split blend if markershow to split blend if markers
soft blending of light and shadowsoft blending of light and shadowsoft blending of light and shadow

Якщо вас зацікавив цей потужний, але щодо невідомий інструмент, тоді ознайомтеся з наступним коротким уроком, щоб зрозуміти, як він працює:

Крок 8

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

За допомогою пензля затінення, додайте деталі, весь час користуючись інструментом Eyedropper (Піпетка), щоб зберегти відтінки відповідно до освітлення.

draw tiger facedraw tiger facedraw tiger face
how to paint creature in photoshophow to paint creature in photoshophow to paint creature in photoshop

Крок 9

Коли ви закінчите, ми можемо створити ще один рівень деталей, збільшивши розмір зображення (Ctrl-Alt-I)...

how to make image bigger in photoshophow to make image bigger in photoshophow to make image bigger in photoshop

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

how to draw fur in photoshophow to draw fur in photoshophow to draw fur in photoshop
big cat face painting in photoshopbig cat face painting in photoshopbig cat face painting in photoshop
how to paint sabertooth cathow to paint sabertooth cathow to paint sabertooth cat
cat paws how to drawcat paws how to drawcat paws how to draw
cat fur how to drawcat fur how to drawcat fur how to draw

Крок 10

Ми закінчили! Тепер додайте тіні і / або задній фон, а потім збережіть в меншому розмірі для публікації (ніхто не повинен бачити «робочий» розмір). Ви також можете поекспериментувати з різкістю в якості заключного штриха, в меню Filter> Sharpen> Smart Sharpen (Фільтр Різкість- Розумна різкість).

how to paint a beast in photoshophow to paint a beast in photoshophow to paint a beast in photoshop

Так мило!

Тепер ви знаєте, як намалювати кошеня, а також як швидко намалювати його в цифровому вигляді за допомогою Адобе Фотошоп. Що? Намальоване кошеня не схоже на кошеня? Як ви смієте! Дикі ведмеді-кішки теж потребують любові...

Перед тим, як йти, не забудьте перевірити епоху!

how to draw a cute kitten step by stephow to draw a cute kitten step by stephow to draw a cute kitten step by step
how to quickly paint a feline creature in photoshophow to quickly paint a feline creature in photoshophow to quickly paint a feline creature in photoshop
Advertisement
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.