Фотошоп для фотографа 2013

Рисуем волосы мышью используя Фотошоп

| Категория: Уроки по рисованию компьютерной графики в Фотошопе | Сложность урока: Теория

В данном теоритическом уроке Фотошопа мы рассмотрим, как рисовать реалистичные волосы с помощью мыши.
Внимание: Сложный урок. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


Финальный результат

Рисуем волосы мышью используя Фотошоп

Приступаем к уроку Фотошопа


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


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


Вам потребуется: Photoshop 7 или выше (можно использовать и более ранние версии, но могут возникнуть лишние проблемы из-за другого интерфейса программ). Кроме того, вам нужны элементарные знания строения волос и того, как они растут на голове. По этому в уроке будет приведена схема, которая поможет вам при рисовании волос.


Как я работаю: Я использую Photoshop CS и рисую всё мышью, т.к мой планшет сломан. Но я рекомендую использовать планшет, т.к рисовать мышью сложно и долго.


Размер холста, который я использовал, был 924x1484px.


Подготовка к работе: Мы будем работать в основном со слоями и разными инструментами. Вам понадобится палитра инструментов (нажмите TAB, если палитры инструментов не появились на рабочем пространстве программы) и палитра слоёв (F7). Остальные окна вам не потребуются, по этому их можно закрыть.


Теперь мы будем работать с палитрой слоёв. Нам нужен ещё один слой. Один для схемы (наброска), другой для фона.

Цвет фона должен быть нейтральным, не слишком ярким и не слишком тёмным. Теперь ваша палитра слоёв должна выглядеть примерно как на скриншоте.


Рисуем волосы мышью используя Фотошоп

Элементарные знания: При рисовании волос помните, что причёска состоит из прядей, и прорисовывать каждый волос не имеет смысла. Многие люди, прорисовывая каждый волос, выделяя его разными тонами, тратят очень много времени, и почти всегда такая работа в последствии выглядит ненатурально.


Шаг 1.


Эта голова здесь явно нуждается в волосах вместо линий вокруг неё. Контурные линии неплохо помогают во время рисования. Они как бы создают определённые границы причёски.


Рисуем волосы мышью используя Фотошоп

Удостоверьтесь, что вы находитесь в слое "hair paint 1". Для начала вы должны решить, какой цвет волос будет основным – я выбрал коричневый цвет, потому что с ним легче работать, чем со светлым (блонди) и он выгодней смотрится по сравнению с чёрным. Теперь создаём палитру цветов, которую вы будете использовать:

# 996742 – цвет фона (нейтральный). Не слишком яркий, не слишком тёмный.

# B97234 – более яркий цвет.

# 724422 – тёмный цвет.

# D2BE99 - более светлый, но не белый цвет.

# 3E2A11 – более тёмный, но не чёрный цвет.


Это всё.


Шаг 2.


Теперь нужно решить, откуда падает свет и какова его яркость. В этом случае эта точка уже выбрана, если посмотреть на лицо. Это солнечный свет, расположенный немного слева, который сильно освещает левую половину лица. Это важный момент, на который следует обратить внимание. Именно слева будет располагаться основной блик на волосах.


Для начала мы заполним область волос «нейтральным» коричневым цветом # 996742. Я закрасил его, используя кисть диаметром 42 px (диаметр кисти зависит от размера холста).


Конечно, волосы с левой стороны не будут так же переполнены белым, как и лицо. Я попробую объяснить это на «рисунке». ↓


Рисуем волосы мышью используя Фотошоп

Теперь, используя кисть, накладываем мазками тень и блики, не забывая про объём и освещение.


Рисуем волосы мышью используя Фотошоп

Шаг 3.


Эти волосы на настоящие пока не похожи. Исправим это с помощью инструмента Smudge Tool Инструмент - Палец (Инструмент Палец / Клавиша "R"). Для начала нужно сделать отдельные мазки цвета более мягкими. Я использую кисть размером 72 px и силой 60%.


Рисуем волосы мышью используя Фотошоп

Теперь я поменял размер кисти на 25px, а силу уменьшил до 40%. Движения зигзагообразные, повторяются несколько раз. Работа эта трудоёмкая, по этому рекомендую использовать клавишу Shift, как показано на изображении.


Рисуем волосы мышью используя Фотошоп

(Направление движения см. по схеме.)

Рисуем волосы мышью используя Фотошоп

Вот что у меня получилось в итоге. Вы думаете это всё? Ещё нет.


Рисуем волосы мышью используя Фотошоп

Шаг 4.


Больше слой с наброском (схемой) нам не понадобится и его можно удалить.


Волосы не могут заканчиваться прямой линией, поэтому нам нужно сделать их более реалистичными: ↓


Рисуем волосы мышью используя Фотошоп

Сделаем мы это примерно так же, как было уже описано выше.


Рисуем волосы мышью используя Фотошоп

Я взял Smudge Tool Инструмент - Палец (Инструмент Палец / Клавиша "R") - кисть размером 3 px и силой 60%. (Действия такие же, как и в шаге 3. Водим кистью вверх-вниз снова и снова.). Вот что получается в итоге: ↓


Рисуем волосы мышью используя Фотошоп

Теперь меняем настройки: сила 80%, кисть другого размера (произвольный) и делаем тоже самое снова, но уже не так часто. В итоге должно получиться вот так: ↓


Рисуем волосы мышью используя Фотошоп

Чтобы сделать кончики волос более реалистичными, нужно немного их размыть. Можно просто использовать Blur Tool Инструмент - Размытие (Инструмент Размытие / Клавиша "R"). Размер кисти 36px, сила 40%. Получится вот так: ↓


Рисуем волосы мышью используя Фотошоп

Теперь добавим теней.


Рисуем волосы мышью используя Фотошоп

Создайте новый слой под слоем в котором раскрашивали волосы. Цвет я использовал #94644E. Настройки кисти: размер 11px, непрозрачность 50%. Получится вот так: ↓


Рисуем волосы мышью используя Фотошоп

Шаг 5.


Этот шаг будет довольно простой, раз вы уже поняли принцип использования клавиши Shift и инструмента Smudge Tool Инструмент - Палец (Инструмент Палец / Клавиша "R") описанный выше. Вам здесь нужно сделать тоже самое, только с другими настройками: размер кисти ~ 3px, сила - 90%. И БЕЗ зигзага, т.к с силой в 90% нужно работать осторожно. Я имею ввиду:

Кликаете мышью на любой части цветного пятна и, удерживая Shift, ведите его до любой точки немного повыше. Отпускаете Shift и повторяете всё с начала, но уже из другой точки, снова и снова, и здесь и там. Иногда снизу вверх, иногда сверху вниз. Делаете это пока вас не удовлетворит результат. В итоге получится так: ↓


Рисуем волосы мышью используя Фотошоп

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


Рисуем волосы мышью используя Фотошоп

Относительно кончиков волос… я сделал их так же, как было описано выше.


Рисуем волосы мышью используя Фотошоп

Шаг 6.


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


Назовём новый слой "Inner Details".


Так, теперь мы берём Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") со следующими настройками: диаметр 1px, непрозрачность 40% и цвет #F3BC84.


Теперь нарисуем разнообразные линии на волосах. Вы можете сделать это любым способом, который вам больше нравится – это не столь важно (свободной рукой или при нажатой клавише Shift). Только не забудьте, что в области основного солнечного блика цвет кисти нужно поменять со светло-коричневого на белый.


Кончики волос я сделал более яркими и той же кистью.


Рисуем волосы мышью используя Фотошоп

Теперь используя инструмент Eraser Tool Инструмет - Ластик (Инструмет Ластик / Клавиша "E") (непрозрачность 20%, кисть мягкая, размер 17px), сотрите беспорядочно некоторые части только что нарисованных линий, но не стирайте линии полностью: ↓


Рисуем волосы мышью используя Фотошоп

В итоге у меня получилась вот такая картинка. Выглядит уже более реалистично.


Рисуем волосы мышью используя Фотошоп

Шаг 7.


Для придания большего объёма я добавил случайные яркие и тёмные точки в волосы. Создайте новый слой под слоем с одиночными волосками и над основным слоем…


Кисть среднего размера (размер кисти зависит от размера холста, я выбрал 19,5 и 5 px), непрозрачность 20%.


Клик, клик, клик, клик!


Рисуем волосы мышью используя Фотошоп

Меньшие точки для малых областей, конечно… Вы можете так же добавить несколько линий: ↓


Рисуем волосы мышью используя Фотошоп

Это должно сработать.

О да… тёмные точки и линии располагайте в тёмных областях, а яркие там, где падает основной свет.


После всех ухищрений получаем вот такой результат: ↓


Рисуем волосы мышью используя Фотошоп

Шаг 8.


Этот шаг последний. Он подобен 6-му шагу, но теперь мы добавим внешние волосы. Для начала создайте новый слой…


Я использовал кисть диаметром в 1 px. На тёмной стороне используем тёмно-коричневый, на освещённой – ярко-коричневый цвета. Снова я частично стёр линии и использовал инструмент Blur Tool Инструмент - Размытие (Инструмент Размытие / Клавиша "R") (сила 40%) для небольшого размытия этих линий.


Теперь… Почти закончили… почти!


Пришло время обнаружить всё неестественные области.


Я отметил их зелёным…


Рисуем волосы мышью используя Фотошоп

Не забудьте добавить тени от волос на остальных участках изображения.

На последнем изображении вы можете увидеть, что я добавил.


Финальный результат

Рисуем волосы мышью используя Фотошоп

Как вы можете видеть, я изменил цвет на красный.

Надеюсь, я смог хоть немного помочь кому-нибудь этим уроком.


Урок подготовлен для Вас командой сайта PhotoshopPro.ru