1. Design & Illustration
  2. Portrait

Создаём Красочный Портрет в программе Adobe Photoshop

Scroll to top
Read Time: 10 min

() translation by (you can also view the original English article)

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

Как добиться совершенство цвета? Этот вопрос задают художники сами себе на протяжении всей своей карьеры. И чтобы узнать это, нужно бросить вызов самому себе - это первый шаг, чтобы найти свой ответ. Поэтому, в этом уроке я покажу вам уникальную технику использования насыщенных и ярких цветов, чтобы нарисовать портрет в программе Adobe Photoshop.

Вы любите цифровое искусство? Просмотрите удивительный выбор кистей Adobe Photoshop от GraphicRiver, чтобы найти кисти, похожие на те, которые используются в этом уроке. Или обратитесь за помощью к профессиональным дизайнерам Envato Studio для создания своего цифрового портрета.

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

1. Изменяем Исходное Изображение

Шаг 1

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

Теперь посмотрите на исходное изображение и итоговый результат, чтобы сравнить До и После коррекции. Обратите внимание на то, как не совпадают цвета?

Reference Vs Final Painting ComparisonReference Vs Final Painting ComparisonReference Vs Final Painting Comparison

Для этой картины меня вдохновили традиционные художники, создающие портреты красками, которые обычно не встречаются в исходном описании. Быстрый поиск в Google предоставит множество красочных портретов с использованием ярких и насыщенных цветов, которые обычно замещают цвета, представляющие кожу, волосы и другие стандартные детали.

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

Шаг 2

Откройте своё исходное изображение в программе Photoshop. Нам необходимо применить несколько корректирующих слоёв, чтобы изменить цветовую схему и светотени. Вначале идём Слой- Новый корректирующий слой - Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue and Saturation). Установите следующие настройки, которые указаны ниже:

Add a Hue and Saturation Adjustment LayerAdd a Hue and Saturation Adjustment LayerAdd a Hue and Saturation Adjustment Layer

Для данной картины я хотела, чтобы цвета были насыщенны фиолетовыми, красными и синими оттенками, поэтому я изменила цветовую схему, применив новый корректирующий слой Поиск цвета (Color Lookup) со следующими настройками:

  • 3D LUT File: Late Sunset.3DL
Add a Color Lookup AdjustmentAdd a Color Lookup AdjustmentAdd a Color Lookup Adjustment

Шаг 3

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

Вначале добавьте новый корректирующий слой Кривые (Curves), измените кривую для Зелёного (Green) канала.

Curves Adjustment LayerCurves Adjustment LayerCurves Adjustment Layer

Далее, добавьте ещё один корректирующий слой Кривые (Curves), на этот раз измените кривые для Синего (Blue), Красного (Red) и Зелёного (Green) канала.

Another Curves Adjustment LayerAnother Curves Adjustment LayerAnother Curves Adjustment Layer

В заключение, добавьте новый корректирующий слой Цветовой Баланс (Color Balance). Усильте цветовые тона, а также фиолетовый тон, изменив настройки для Теней (Shadows), Средних тонов (Midtones) и Света (Highlights).

Adjusments for Color BalanceAdjusments for Color BalanceAdjusments for Color Balance

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

Before and After Adjustments ComparisonBefore and After Adjustments ComparisonBefore and After Adjustments Comparison
Исходное изображение ДО и После цветовой коррекции.

2. Рисуем Эскиз Портрета

Шаг 1

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

Создайте новый документ со следующими размерами 1717 x 2656 px при разрешении 150 dpi (стандарт 300, но я хочу, чтобы размер рабочего документа был поменьше). Я всегда начинаю с кисти Жёсткая Круглая Нажим Непрозрачность (Hard Round Pressure Opacity) со 100% Жёсткостью (Hardness), чтобы начать со скелета моего эскиза.

Photoshop Brushes for SketchingPhotoshop Brushes for SketchingPhotoshop Brushes for Sketching

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

Basic Portrait Sketch With GuidelinesBasic Portrait Sketch With GuidelinesBasic Portrait Sketch With Guidelines

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

Будет проще, если вы начнёте с лица и тела.

Sketch EvolutionSketch EvolutionSketch Evolution
Рабочий процесс данного эскиза. Сначала начните с более простых деталей.

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

Final Sketch of the subjectFinal Sketch of the subjectFinal Sketch of the subject

Шаг 2

Перед тем, как мы перейдём к самой картине, нам нужно выделить задний фон, он тот же самый, как на исходном изображении. Мне нравятся геометрические детали узоров, расположенные за нашей моделью. Поэтому, чтобы получить тот же самые результат, я создам свой собственный задний фон с помощью инструмента Произвольная фигура (Custom Shape Tool (U).

Вначале, выберите инструмент Произвольная фигура (Custom Shape Tool (U). Чтобы все элементы фигур были доступны, щёлкните по значку выпадающего меню, чтобы выбрать опцию Все (All). Когда появится окно с запросом заменить или добавить, выберите опцию Добавить (Append).

Custom Shape Tool in Adobe PhotoshopCustom Shape Tool in Adobe PhotoshopCustom Shape Tool in Adobe Photoshop

Теперь выберите фигуру ромба из списка. Нарисуйте один большой ромб фиолетового цвета #4b3862 на том же самом документе.

Create a Diamond ShapeCreate a Diamond ShapeCreate a Diamond Shape

Шаг 3

Теперь нажмите клавиши (Ctrl+J), чтобы продублировать слой с ромбом несколько раз, накладывая ромбы друг на друга и составляя единый ряд. Выделите все слои с фигурами, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Объединить фигуры (Merge Shapes). Теперь продублируйте объединённый ряд (Ctrl+J) несколько раз, чтобы создать узор для заднего фона. Всего будет семь рядов.

Create a Diamond PatternCreate a Diamond PatternCreate a Diamond Pattern

Ещё раз объедините фигуры вместе. Расположите задний фон так, чтобы в портрете было хорошее чувство равновесия. Теперь создайте новый слой и с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), создайте активное выделение вокруг своей модели. Залейте выделенную область белым цветом, а затем преобразуйте данный слой с заливкой в обтравочную маску к слою с задним фоном из ромбов. Подобное разделение слоёв поможет нам нарисовать детали лица, при этом ромбы не будут нам мешать.

Masking the Diamond BackgroundMasking the Diamond BackgroundMasking the Diamond Background

Когда вы закончите, итоговый эскиз должен быть, как на скриншоте ниже:

Final SketchFinal SketchFinal Sketch

4. Наносим Базовые Цвета

Шаг 1

Теперь давайте перейдем к картине! Продублируйте слой с белой заливкой и детализацией лица, который вы создали в последнем шаге. Используйте дубликат в качестве основы для слоя лица. Поменяйте режим наложения для слоя с эскизом на Мягкий свет (Soft Light), а затем выберите инструмент Заливка (Paint Bucket Tool (G). Залейте слой с эскизом лица клюквенным оттенком #883640. Используйте тот же самый оттенок также для заливки заднего фона.

Digital Painting Base ColorsDigital Painting Base ColorsDigital Painting Base Colors

Шаг 2

Для этой картины я буду в основном использовать кисть Жёсткая Круглая Нажим Непрозрачность (Hard Round Pressure Opacity), а также Сухую кисть 20 рх (Dry Brush 20 Pixels), которая доступна в стандартном наборе кистей Природные кисти 2 (Natural Brushes 2).

Main Photoshop Painting BrushesMain Photoshop Painting BrushesMain Photoshop Painting Brushes

Выберите Сухую кисть (Dry Brush). Создайте два новых слоя в качестве обтравочных масок к слою с задним фоном и лицом. Прокрасьте кистью ярко-золотистым оттенком #c66333.

Paint Gold with the Dry BrushPaint Gold with the Dry BrushPaint Gold with the Dry Brush

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

Каждый раз, когда вы экспериментируете с новым цветовым оттенком, создавайте новый слой. Далее я прокрасила насыщенным сиреневым оттенком #520525 поверх заднего фона и модели.

Paint ShadowsPaint ShadowsPaint Shadows

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

Paint more shadowsPaint more shadowsPaint more shadows

Шаг 3

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

Smooth out the Face Smooth out the Face Smooth out the Face

5. Проводим Коррекцию Цветовых Оттенков

Шаг 1

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

Начните с корректирующего слоя Кривые (Curves). Откорректируйте кривые для RGB, Красного (Red), Зелёного (Green) и Синего (Blue) канала, как показано на скриншоте ниже:

Change the Colors with CurvesChange the Colors with CurvesChange the Colors with Curves

Шаг 2

Далее, добавьте корректирующий слой Цветовой Баланс (Color Balance). Установите следующие настройки для Теней (Shadows), Средних тонов (Midtones) и Света (Highlights), которые указаны на скриншоте ниже.

Color Balance AdjustmentsColor Balance AdjustmentsColor Balance Adjustments

Эффект, который я пытаюсь создать, это получить насыщенные красные, пурпурные и синеватые цвета, чтобы показать тени. С противоположной стороны спектральной палитры, это яркие цвета, такие как золотистый и желтый, которые будут представлять средние тона и блики.

Result After Color BalanceResult After Color BalanceResult After Color Balance

Шаг 3

Мы пока ещё не завершили коррекцию цвета. Давайте добавим ещё один новый корректирующий слой Кривые (Curves). На этот раз нам нужно сконцентрироваться на том, чтобы сделать сцену более яркой, поэтому для RGB, Синего (Blue) и Зелёного (Green) канала, установите следующие кривые.

Curves Adjustment LayerCurves Adjustment LayerCurves Adjustment Layer

6. Добавляем Портретные Детали

Шаг 1

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

Переключитесь на кисть Жёсткая Круглая Нажим Непрозрачность (Hard Round Pressure Opacity) с Жёсткостью (Hardness) 80-100%, чтобы приступить к детализации ожерелья и лица. Постарайтесь избегать размытия краёв насколько это возможно, пока вы работаете над детализацией этого портрета.

Paint Details with Hard Round BrushPaint Details with Hard Round BrushPaint Details with Hard Round Brush

Шаг 2

Создайте новый слой, поменяйте режим наложения для данного слоя на Линейный осветлитель (Добавить) (Linear Dodge (Add). С помощью инструмента Пипетка (Eyedropper Tool (I), отберите образцы с участков кожи и тела в качестве цвета переднего плана. С помощью отобранного образца цвета, добавьте световые блики, которые сразу же появятся благодаря режиму наложения.

Лицо сразу же должно выглядеть более трёхмерным и ярким. Нужна помощь в понимании этого шага? Прочитайте мой урок Затеняем Легко и Просто с помощью Режимов Наложения.

Add Highlights with Linear Dodge AddAdd Highlights with Linear Dodge AddAdd Highlights with Linear Dodge Add

Шаг 3

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

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

Add random pops of colorAdd random pops of colorAdd random pops of color

Шаг 4

Пришло время для текстуры! Вы можете создать текстуру двумя способами: либо от руки или с помощью специальной кисти. В данном случае, я использовала кисть Rolled Rag Brush, которую можно загрузить из набора стандартных кистей Faux Finish Brushes. Я также использовала стандартную жёсткую круглую кисть, чтобы нанести мелкие точки, чтобы показать поры и блеск на коже.

Add Texture with the Rolled Rag BrushAdd Texture with the Rolled Rag BrushAdd Texture with the Rolled Rag Brush

Шаг 5

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

Levels Adjustment LayerLevels Adjustment LayerLevels Adjustment Layer

Результат после этих изменений. Картина по-настоящему начинает оживать!

Result After Levels AdjustmentResult After Levels AdjustmentResult After Levels Adjustment

Шаг 6

Разобравшись в палитрой цвета, у вас появится больше уверенности в завершении заключительных деталей. Увеличьте масштаб, чтобы выделить линии и фигуры на лице, теле и ожерелье. Для коррекции линий, используйте жесткую круглую кисть. Чтобы получить максимально чёткие края, убедитесь, чтобы настройки чувствительность Нажима пера (Pen Pressure Sensitivity) и Передача (Transfer) были отключены в панели настроек Кисть (Brush).

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

Detail the FaceDetail the FaceDetail the Face

Самая утомительная часть нашей картины - это ожерелье. Кроме того, что в нём так много элементов, ему также нужно отдельное внимание и любовь. Проведите коррекцию линий с помощью жёсткой круглой кисти, а также поэкспериментируйте с яркими красками для усиления стиля.

Clean up the NecklaceClean up the NecklaceClean up the Necklace

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

Necklace before and afterNecklace before and afterNecklace before and after

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

7. Усиливаем Глубину Резкости

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

Поэтому, чтобы усилить глубину резкости, нам нужно применить фильтр Размытие по Гауссу (Gaussian Blur). Вначале, выделите слой с узором ромбов и обтравочный слой с белой заливкой, который закреплён к слою с ромбами, чтобы объединить эти оба слоя.

Merge Background LayersMerge Background LayersMerge Background Layers

Далее, находясь на объединённом слое, идём Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 9.2 px, а затем нажмите кнопку 'OK'. Примените данный эффект только к слою с ромбами.

Gaussian Blur Before and AfterGaussian Blur Before and AfterGaussian Blur Before and After

И на этом всё! Данный эффект мгновенно сделает вашу картину более реалистичной и трёхмерной. Вы можете увидеть итоговый результат на скриншоте ниже.

Отличная Работа! Мы завершили урок!

Надеюсь, что этот урок вдохновит вас на то, чтобы вы больше рисковали при создании своих цифровых картин.

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

Желаю вам удачи в создании своей картины, и не стесняйтесь задавать любые вопросы в комментариях ниже!

Bold Colorful Portrait Painting Tutorial by Melody NievesBold Colorful Portrait Painting Tutorial by Melody NievesBold Colorful Portrait Painting Tutorial by Melody Nieves
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads