() translation by (you can also view the original English article)
Кто не любит котят? Они такие милые и пушистые! В этом уроке я покажу вам, как нарисовать пушистого котёнка с нуля, с бантиком на шее для более привлекательной внешности. В качестве бонуса, я также покажу вам, как затенить и быстро раскрасить его в Adobe Photoshop!
Предупреждение: данный процесс только показывает, как нарисовать котёнка в одной определённой позе и стиле. Если вы хотите нарисовать более реалистичную кошку, тогда посетите этот урок:
1. Создаём Набросок Тела Котёнка
Шаг 1
Начнём с простого прямоугольника - это будет основное тело котёнка. Вам не нужно использовать линейку здесь, т.к. это всего лишь набросок.
Шаг 2
Нарисуйте круг рядом с прямоугольником. Это будет голова. То же самое, нет необходимости создавать идеальный круг.
Шаг 3
Представьте крест в центре мордочки котёнка, а затем "сдвиньте" его в направлении, в котором смотрит котёнок.
Шаг 4
Нарисуйте вертикальную линию под телом, чтобы она коснулась "земли". Затем нарисуйте перспективу земли, чтобы знать, куда поставить лапы.
Шаг 5
Нарисуйте одну пару лап....
...затем другую пару. Теперь вы видите, для чего нам нужны линии перспективы?
Шаг 6
В заключение, нарисуйте хвост.
2. Рисуем Котёнка в Перспективе
Шаг 1
Нарисуйте фронтальную часть плеча котёнка. Оставьте немного места для шеи.
Шаг 2
Нарисуйте заднюю часть плеча.
Шаг 3
Нарисуйте другое плечо, используя линии перспективы в качестве ориентира.
Шаг 4
Нарисуйте пушистое бедро ...
...а затем второе бедро.
Шаг 5
Нарисуйте приземистые ноги, касающиеся земли.
Шаг 6
Добавьте лапы к ногам.
Шаг 7
Добавьте по одному пальцу с каждой стороны лапы. Они должны быть округлённой формы.
Шаг 8
Соедините задние ноги с бедрами.
Шаг 9
Чтобы создать хвост, нарисуйте короткие линии, пересекающие линию хвоста...
...затем соедините их контуром.
Шаг 10
Завершите форму тела
3. Рисуем Голову Котёнка
Шаг 1
Добавьте мордочку в виде каплевидной фигуры к круглой голове.
Шаг 2
Разделите мордочку на четыре части.
Шаг 3
Нарисуйте поперечную линию, чтобы определить 3D форму - это контур мордочки, вид сбоку, сдвинутый на 3/4.
Шаг 4
Нарисуйте две линии от середины мордочки к линии бровей.
Шаг 5
Нарисуйте лоб, создавая область для глаз.
Шаг 6
Добавьте глаза в этой области.
Шаг 7
Нарисуйте треугольный нос в середине мордочки.
Шаг 8
Нарисуйте две линии, уходящие от носа вниз по мордочке.
Шаг 9
Используйте эти линии в качестве направляющих линий для улыбки.
Шаг 10
Обведите подбородок прямо под улыбающимся ротиком.
Шаг 11
Нарисуйте линии от уголков рта и вокруг лица, чтобы определить контур.
Шаг 12
Добавьте уши на голове.
Шаг 13
Добавьте детали к форме ушей.
4. Рисуем Бантик и Завершаем Рисунок
Шаг 1
Нарисуйте воротник вокруг шеи котёнка.
Шаг 2
Нарисуйте центральную часть бантика прямо под подбородком котёнка.
Шаг 3
Нарисуйте волнистые линии на боках бантика.
Шаг 4
Добавьте ещё волнистых линий в направлении к центру, воссоздавая складки.
Шаг 5
Обведите контур складок.
Шаг 6
В заключение, добавьте остальные детали к наброску котёнка. Не стесняйтесь, здесь вы можете проявить свою фантазию!
5. Подготавливаем Рисунок к Цифровой Раскраске
Мы завершили создание рисунка, далее, переходим к бонусной части урока, если вы хотите раскрасить своего котёнка в цифровом виде. Для этого вам нужен всего лишь графический планшет и программа Adobe Photoshop, а также набор стандартных кистей, например, одну вы можете скачать здесь:
Шаг 1
Подготовьте свой контурный рисунок к цифровой работе. Если это традиционный рисунок, то вначале подкорректируйте его, а затем удалите задний фон.
РисованиеПолезный Совет: Корректируем Традиционные Рисунки в Photoshop
Контурный РисунокПолезный Совет: Удаляем Белый Задний Фон на Контурном Рисунке в Adobe Photoshop
Шаг 2
Откройте свой отсканированный контурный рисунок в программе Adobe Photoshop, а затем создайте новый слой ниже слоя с рисунком.
Шаг 3
Перейдите на слой с рисунком, уменьшите Непрозрачность (Opacity) слоя, чтобы рисунок был виден только на половину.
Шаг 4
Выберите жёсткую кисть (например, кисть Чернила (Ink) из моего набора), установите яркий цвет кисти, а затем обведите базовый контур изображения котёнка на нижнем слое. Не забудьте замкнуть контур!
Шаг 5
С помощью инструмента Волшебная палочка (Magic Wand Tool (W), щёлкните по области внутри контура.
Шаг 6
Закрасьте область, используя приём, который описан в этом коротком видео:
Шаг 7
Нажмите значок Сохранить прозрачность пикселей (Lock transparent pixels) для данного слоя. С этого момента вы будете рисовать только внутри контура.
6. Затеняем Котёнка в Adobe Photoshop
Шаг 1
Выберите тёмный оттенок серого, примерно 25%.
Шаг 2
Прокрасьте тело котёнка. Вы видите, как заблокированная прозрачность удерживает цвет от пересечения контура?
Шаг 3
Выберите более светлый оттенок, примерно 50%.
Шаг 4
Выберите кисть, прозрачность которой управляется нажимом пера (например, моя кисть Эскизная деталь (Sketch Detail). Прокрасьте тело котёнка, держась подальше от линий.
Шаг 5
Выберите инструмент Микс-кисть (Mixer Brush Tool), теперь (удерживая клавишу (Shift), нажмите клавишу 'B' четыре раза). Нам нужно установить настройки по умолчанию для этого инструмента, поэтому, если вы использовали его до этого, откройте меню и выберите опцию Восстановить инструмент (Reset Tool).
Шаг 6
'Прокрасьте' поверх затенения с помощью данного инструмента, чтобы смягчить эффект. Вот так должно выглядеть затенение под контурным рисунком.
Шаг 7
Давайте перейдём к другому уровню оттенка. На этот раз, довольно-таки светлый, примерно 70%...
...прокрасьте поверхности, которые обычно освещены источником света....
....а затем проведите совмещение с помощью инструмента Микс-кисть (Mixer Brush Tool).
Шаг 8
Выберите самый светлый оттенок (примерно, 90%)...
...добавьте больше света непосредственно на освещаемые участки ...
...а затем проведите совмещение.
Шаг 9
В заключение, выберите белый цвет...
...добавьте его на самые яркие точки...
...и совместите всё.
Шаг 10
Это был свет. Теперь нам нужно добавить особый вид тени, чтобы добавить деталей к этой освещаемой скульптуре. С помощью инструмента Лассо (Lasso Tool (L), выделите область за другим объектом, например за лапой на заднем фоне.
Шаг 11
Далее, с помощью мягкой кисти тёмного оттенка, аккуратно затемните область прямо за объектом.
Шаг 12
Проделайте то же самое на других участках тела. Вы видите, насколько детализированным оно стало?
Шаг 13
Удерживая клавишу (Ctrl), выделите оба слоя, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Объединить слои (Merge Layers). Сейчас мы прокрасим объединённый слой.
Ещё раз выберите затеняющую кисть, чтобы прокрасить мягкие тона и контурный рисунок, закрыв их слоями оттенков. Используйте инструмент Пипетка (Eyedropper Tool (удерживая клавишу (Alt) во врем прокрашивания) для выбора оттенков с участка, чтобы затем прокрасить его. Это отличный метод воссоздания ощущения меха.
7. Трансформируем Наш Цифровой Рисунок
Шаг 1
Самая лучшая вещь касательно цифрового рисунка - это то, что его можно легко редактировать! Допустим, мы хотим изменить форму хвоста нашего котёнка. Идём Фильтр- Пластика (Filter > Liquify), а затем используем инструмент Деформация (Forward Warp Tool (W) для изменения формы животного. Будьте аккуратны - у вас есть только одна команда (Ctrl+Z) в данном режиме.
Данный режим позволяет делать всё что угодно с рисунком! Я решила слегка уменьшить глаза с помощью инструмента Сморщивание (Pucker Tool (S).
ОК...теперь они стали слишком маленькие, поэтому, я решила изменить мордочку, чтобы она подошла к ним.
Теперь уши стали слишком большие для такой большой мордочки, поэтому. давайте изменим их тоже.
На мой....взгляд, теперь, котёнок больше похож на большого кота, поэтому, давайте откорректируем остальные части тела, также их увеличив.
Шаг 2
Шея слишком короткая для такого крупного котёнка, поэтому, давайте исправим её. С помощью инструмента Лассо (Lasso Tool (L), выделите голову, а затем сместите её, придав новое положение с помощью инструмента Перемещение (Move Tool (V).
Шаг 3
Ещё раз выберите инструмент Лассо (Lasso Tool (L), чтобы выделить область, которая отсутствует между головой и туловищем.
Шаг 4
Идём Редактирование - Выполнить заливку (Edit > Fill), выделите опцию С учётом содержимого (Content-Aware). Нажмите кнопку 'OK', чтобы залить область шеи.
Шаг 5
После всех внесённых изменений, нам нужно также откорректировать затенение. Поэтому, ещё раз выберите затеняющую кисть, чтобы прокрасить животное.
8. Раскрашиваем Цифровой Рисунок
Шаг 1
Затенение - это ещё не всё! Теперь давайте добавим немного красок. Щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Создать дубликат слоя (Duplicate Layer). Поменяйте режим наложения для дубликата слоя на Умножение (Multiply). При данном режиме, тёмные участки слоя затемняют цвета нижнего слоя.
Шаг 2
Нажмите значок Сохранить прозрачность пикселей (Lock transparent pixels) для оригинального слоя. Мы ещё раз прокрасим наш рисунок, находясь на нём.
Шаг 3
С помощью мягкой кисти, закрасьте котёнка. Вначале нанесите базовые цвета....
...затем детали.
Шаг 4
Наш котёнок затенён, но изображение выглядит слишком тёмным. Давайте добавим немного света! Ещё раз продублируйте верхний слой, а затем поменяйте режим наложения для дубликата слоя на Перекрытие (Overlay). При данном режиме, светлые участки слоя осветляют цвета нижнего слоя, хотя тёмные участки действуют точно так же, как режим Умножение (Multiply)...
Шаг 5
...поэтому, нам нужно провести небольшую коррекцию. Щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Идём в нижнюю часть окна Наложение, если (Blend If) и смещаем верхний чёрный бегунок вправо. Вы видите, как исчезают тёмные участки слоя?
Шаг 6
Чтобы создать плавный переход, удерживая клавишу (Alt), разделите бегунок. Теперь вы можете смещать обе половинки, чтобы получить тот эффект, который вам нравится.
Шаг 7
Есть ещё одна проблема, связанная с режимом наложения Перекрытие (Overlay), не смотря на то, что он одинаково осветляет как яркие, так и тёмные тона, только чёрный цвет не должен отражать так много света, не зависимо от того, насколько сильно вы усиливали свет! У функции Наложение, если (Blend If) есть решение для этой проблемы, сместите нижний бегунок, чтобы исключить тёмные участки из режима наложения Перекрытие (Overlay).
Данный бегунок можно также разделить на две части.
Если вас заинтересовал этот мощный, но относительно неизвестный инструмент, тогда ознакомьтесь со следующим коротким уроком, чтобы понять, как он работает:
Шаг 8
Данное затенение всего лишь грубое, поэтому, нам нужно провести коррекцию вручную. Photoshop привносит немного магии, но в конце концов, это именно вы, кто должен создать картину!
С помощью затеняющей кисти, добавьте детали, всё время используя инструмент Пипетка (Eyedropper Tool), чтобы сохранить тона в соответствии с освещением.
Шаг 9
Когда вы завершите, мы можете создать ещё один уровень деталей, увеличив размер изображения (Ctrl+Alt+I)....
...и прокрасить очень маленькой кистью, которая не была доступна в предыдущем разрешении.
Шаг 10
Мы закончили! Теперь добавьте тени и / или задний фон, а затем сохраните в меньшем разрешении для публикации (никто не должен видеть «рабочее» разрешение). Вы также можете поэкспериментировать с резкостью в качестве заключительного штриха, идём Фильтр- Резкость- Умная резкость (Filter > Sharpen > Smart Sharpen).
Так Мило!
Теперь вы знаете, как нарисовать котёнка, а также как быстро нарисовать его в цифровом виде с помощью Adobe Photoshop. Что? Нарисованный котёнок не похож на котёнка? Как вы смеете! Дикие медведи-кошки тоже нуждаются в любви....
Перед тем, вы уйдёте, не забудьте посмотреть на дату публикации урока!
