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

Рисуем Котёнка

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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

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

1. Создаём Набросок Тела Котёнка

Шаг 1

Начнём с простого прямоугольника - это будет основное тело котёнка. Вам не нужно использовать линейку здесь, т.к. это всего лишь набросок.

rectangle body

Шаг 2

Нарисуйте круг рядом с прямоугольником. Это будет голова. То же самое, нет необходимости создавать идеальный круг.

rectangle and circular head

Шаг 3

Представьте крест в центре мордочки котёнка, а затем "сдвиньте" его в направлении, в котором смотрит котёнок.

head direction

Шаг 4

Нарисуйте вертикальную линию под телом, чтобы она коснулась "земли". Затем нарисуйте перспективу земли, чтобы знать, куда поставить лапы.

ground perspective

Шаг 5

Нарисуйте одну пару лап....

paws in perspective

...затем другую пару. Теперь вы видите, для чего нам нужны линии перспективы?

how to draw legs in perspective

Шаг 6

В заключение, нарисуйте хвост.

cat tail

2. Рисуем Котёнка в Перспективе

Шаг 1

Нарисуйте фронтальную часть плеча котёнка. Оставьте немного места для шеи.

kitten shoulder

Шаг 2

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

cat shoulder drawing

Шаг 3

Нарисуйте другое плечо, используя линии перспективы в качестве ориентира.

cat shoulders in perspective

Шаг 4

Нарисуйте пушистое бедро ...

cat thigh drawing

...а затем второе бедро.

cat thigh in perspective

Шаг 5

Нарисуйте приземистые ноги, касающиеся земли.

cat legs drawing

Шаг 6

Добавьте лапы к ногам.

cat paws drawing

Шаг 7

Добавьте по одному пальцу с каждой стороны лапы. Они должны быть округлённой формы.

cat fingers drawing

Шаг 8

Соедините задние ноги с бедрами.

cat hind leg drawing

Шаг 9

Чтобы создать хвост, нарисуйте короткие линии, пересекающие линию хвоста...

cat tail drawing

...затем соедините их контуром.

how to draw cat tail

Шаг 10

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

how to draw cat body in perspective

3. Рисуем Голову Котёнка

Шаг 1

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

kitten muzzle

Шаг 2

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

kitten muzzle proportions

Шаг 3

Нарисуйте поперечную линию, чтобы определить 3D форму - это контур мордочки, вид сбоку, сдвинутый на 3/4.

kitten muzzle in perspective

Шаг 4

Нарисуйте две линии от середины мордочки к линии бровей.

kitten eyes proportions

Шаг 5

Нарисуйте лоб, создавая область для глаз.

kitten forehead

Шаг 6

Добавьте глаза в этой области.

kitten eyes drawing

Шаг 7

Нарисуйте треугольный нос в середине мордочки.

kitten nose

Шаг 8

Нарисуйте две линии, уходящие от носа вниз по мордочке.

kitten mouth

Шаг 9

Используйте эти линии в качестве направляющих линий для улыбки.

how to draw kitten smile

Шаг 10

Обведите подбородок прямо под улыбающимся ротиком.

kitten chin

Шаг 11

Нарисуйте линии от уголков рта и вокруг лица, чтобы определить контур.

kitten cheekbones

Шаг 12

Добавьте уши на голове.

kitten head
kitten ears

Шаг 13

Добавьте детали к форме ушей.

kitten ears in perspective
how to draw cat ears

4. Рисуем Бантик и Завершаем Рисунок

Шаг 1

Нарисуйте воротник вокруг шеи котёнка.

how to draw cat collar

Шаг 2

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

how to draw a bow

Шаг 3

Нарисуйте волнистые линии на боках бантика.

how to draw a ribbon bow

Шаг 4

Добавьте ещё волнистых линий в направлении к центру, воссоздавая складки.

how to draw bow in perspective

Шаг 5

Обведите контур складок.

how to draw a cute bow

Шаг 6

В заключение, добавьте остальные детали к наброску котёнка. Не стесняйтесь, здесь вы можете проявить свою фантазию!

how to draw a cute kitten

5. Подготавливаем Рисунок к Цифровой Раскраске

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

Шаг 1

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

Шаг 2

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

how to add a new layer in photoshop

Шаг 3

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

how to change layer opacity in photoshop
half transparent line art

Шаг 4

Выберите жёсткую кисть (например, кисть Чернила (Ink) из моего набора), установите яркий цвет кисти, а затем обведите базовый контур изображения котёнка на нижнем слое. Не забудьте замкнуть контур!

how to draw an outline in photoshop

Шаг 5

С помощью инструмента Волшебная палочка (Magic Wand Tool (W), щёлкните по области внутри контура.

how to select the inside of an otuline in photoshop

Шаг 6

Закрасьте область, используя приём, который описан в этом коротком видео:

how to fill an outline in photoshop

Шаг 7

Нажмите значок Сохранить прозрачность пикселей (Lock transparent pixels) для данного слоя. С этого момента вы будете рисовать только внутри контура.

how to lock transparent pixels in photoshop

6. Затеняем Котёнка в Adobe Photoshop

Шаг 1

Выберите тёмный оттенок серого, примерно 25%.

how to select gray

Шаг 2

Прокрасьте тело котёнка. Вы видите, как заблокированная прозрачность удерживает цвет от пересечения контура?

paint darkest shadows

Шаг 3

Выберите более светлый оттенок, примерно 50%.

how to select colors in photoshop

Шаг 4

Выберите кисть, прозрачность которой управляется нажимом пера (например, моя кисть Эскизная деталь (Sketch Detail). Прокрасьте тело котёнка, держась подальше от линий.

sculpt ambient occlusion

Шаг 5

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

how to use the mizer brush tool

Шаг 6

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

how to blend shades in photoshop

Шаг 7

Давайте перейдём к другому уровню оттенка. На этот раз, довольно-таки светлый, примерно 70%...

brighter shade

...прокрасьте поверхности, которые обычно освещены источником света....

brighter shading

....а затем проведите совмещение с помощью инструмента Микс-кисть (Mixer Brush Tool).

blending shades

Шаг 8

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

bright shade

...добавьте больше света непосредственно на освещаемые участки ...

how to shade a kitten in photoshop

...а затем проведите совмещение.

how to blend colors in photoshop

Шаг 9

В заключение, выберите белый цвет...

white shade

...добавьте его на самые яркие точки...

how to shade an animal in photoshop

...и совместите всё.

how to shade softly

Шаг 10

Это был свет. Теперь нам нужно добавить особый вид тени, чтобы добавить деталей к этой освещаемой скульптуре. С помощью инструмента Лассо (Lasso Tool (L), выделите область за другим объектом, например за лапой на заднем фоне.

how to select with lasso tool

Шаг 11

Далее, с помощью мягкой кисти тёмного оттенка, аккуратно затемните область прямо за объектом.

how to paint darkest shadows

Шаг 12

Проделайте то же самое на других участках тела. Вы видите, насколько детализированным оно стало?

how to paint sharp crevice shadows

Шаг 13

Удерживая клавишу (Ctrl), выделите оба слоя, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Объединить слои (Merge Layers). Сейчас мы прокрасим объединённый слой.

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

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

7. Трансформируем Наш Цифровой Рисунок

Шаг 1

Самая лучшая вещь касательно цифрового рисунка - это то, что его можно легко редактировать! Допустим, мы хотим изменить форму хвоста нашего котёнка. Идём Фильтр- Пластика (Filter > Liquify), а затем используем инструмент Деформация (Forward Warp Tool (W) для изменения формы животного. Будьте аккуратны - у вас есть только одна команда (Ctrl+Z) в данном режиме.

how to use liquify filter

Данный режим позволяет делать всё что угодно с рисунком! Я решила слегка уменьшить глаза с помощью инструмента Сморщивание (Pucker Tool (S).

how to warp in photoshop

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

how to modify painting in photoshop

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

how to reshape painting in photoshop

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

how to change shape of something in photoshop

Шаг 2

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

how to move selection

Шаг 3

Ещё раз выберите инструмент Лассо (Lasso Tool (L), чтобы выделить область, которая отсутствует между головой и туловищем.

how to select empty space

Шаг 4

Идём Редактирование - Выполнить заливку (Edit > Fill), выделите опцию С учётом содержимого (Content-Aware). Нажмите кнопку 'OK', чтобы залить область шеи.

how to fill empty space in photoshop

Шаг 5

После всех внесённых изменений, нам нужно также откорректировать затенение. Поэтому, ещё раз выберите затеняющую кисть, чтобы прокрасить животное.

how to paint details with basic brush

8. Раскрашиваем Цифровой Рисунок

Шаг 1

Затенение - это ещё не всё! Теперь давайте добавим немного красок. Щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Создать дубликат слоя (Duplicate Layer). Поменяйте режим наложения для дубликата слоя на Умножение (Multiply). При данном режиме, тёмные участки слоя затемняют цвета нижнего слоя.

mutliply blend mode

Шаг 2

Нажмите значок Сохранить прозрачность пикселей (Lock transparent pixels) для оригинального слоя. Мы ещё раз прокрасим наш рисунок, находясь на нём.

lock transparent pixels

Шаг 3

С помощью мягкой кисти, закрасьте котёнка. Вначале нанесите базовые цвета....

how to color quickly in photoshop

...затем детали.

how to add colors to a grayscale painting in photoshop

Шаг 4

Наш котёнок затенён, но изображение выглядит слишком тёмным. Давайте добавим немного света! Ещё раз продублируйте верхний слой, а затем поменяйте режим наложения для дубликата слоя на Перекрытие (Overlay). При данном режиме, светлые участки слоя осветляют цвета нижнего слоя, хотя тёмные участки действуют точно так же, как режим Умножение (Multiply)...

overlay blend mode

Шаг 5

...поэтому, нам нужно провести небольшую коррекцию. Щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Идём в нижнюю часть окна Наложение, если (Blend If) и смещаем верхний чёрный бегунок вправо. Вы видите, как исчезают тёмные участки слоя?

how to use blending options
remove shadow

Шаг 6

Чтобы создать плавный переход, удерживая клавишу (Alt), разделите бегунок. Теперь вы можете смещать обе половинки, чтобы получить тот эффект, который вам нравится.

how to use blend if in photoshop
soft shadow transition

Шаг 7

Есть ещё одна проблема, связанная с режимом наложения Перекрытие (Overlay), не смотря на то, что он одинаково осветляет как яркие, так и тёмные тона, только чёрный цвет не должен отражать так много света, не зависимо от того, насколько сильно вы усиливали свет! У функции Наложение, если (Blend If) есть решение для этой проблемы, сместите нижний бегунок, чтобы исключить тёмные участки из режима наложения Перекрытие (Overlay).

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

Данный бегунок можно также разделить на две части.

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

Если вас заинтересовал этот мощный, но относительно неизвестный инструмент, тогда ознакомьтесь со следующим коротким уроком, чтобы понять, как он работает:

Шаг 8

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

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

draw tiger face
how to paint creature in photoshop

Шаг 9

Когда вы завершите, мы можете создать ещё один уровень деталей, увеличив размер изображения (Ctrl+Alt+I)....

how to make image bigger in photoshop

...и прокрасить очень маленькой кистью, которая не была доступна в предыдущем разрешении.

how to draw fur in photoshop
big cat face painting in photoshop
how to paint sabertooth cat
cat paws how to draw
cat fur how to draw

Шаг 10

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

how to paint a beast in photoshop

Так Мило!

Теперь вы знаете, как нарисовать котёнка, а также как быстро нарисовать его в цифровом виде с помощью Adobe Photoshop. Что? Нарисованный котёнок не похож на котёнка? Как вы смеете! Дикие медведи-кошки тоже нуждаются в любви.... 

Перед тем, вы уйдёте, не забудьте посмотреть на дату публикации урока!

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