by
Read Time:10 minsLanguages:

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

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

Кто не любит котят? Они такие милые и пушистые! В этом уроке я покажу вам, как нарисовать пушистого котёнка с нуля, с бантиком на шее для более привлекательной внешности. В качестве бонуса, я также покажу вам, как затенить и быстро раскрасить его в Adobe Photoshop!

Предупреждение: данный процесс только показывает, как нарисовать котёнка в одной определённой позе и стиле. Если вы хотите нарисовать более реалистичную кошку, тогда посетите этот урок:

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. Подготавливаем Рисунок к Цифровой Раскраске

Мы завершили создание рисунка, далее, переходим к бонусной части урока, если вы хотите раскрасить своего котёнка в цифровом виде. Для этого вам нужен всего лишь графический планшет и программа Adobe Photoshop, а также набор стандартных кистей, например, одну вы можете скачать здесь:

Шаг 1

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

Шаг 2

Откройте свой отсканированный контурный рисунок в программе Adobe Photoshop, а затем создайте новый слой ниже слоя с рисунком.

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

Шаг 3

Перейдите на слой с рисунком, уменьшите Непрозрачность (Opacity) слоя, чтобы рисунок был виден только на половину.

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 Tool (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. Затеняем Котёнка в Adobe Photoshop

Шаг 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 Tool (удерживая клавишу (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

Данное затенение всего лишь грубое, поэтому, нам нужно провести коррекцию вручную. Photoshop привносит немного магии, но в конце концов, это именно вы, кто должен создать картину!

С помощью затеняющей кисти, добавьте детали, всё время используя инструмент Пипетка (Eyedropper Tool), чтобы сохранить тона в соответствии с освещением.

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

Так Мило!

Теперь вы знаете, как нарисовать котёнка, а также как быстро нарисовать его в цифровом виде с помощью Adobe 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
One subscription.
Unlimited Downloads.
Get unlimited downloads