Advertisement
  1. Design & Illustration
  2. Photoshop Actions

Создаём Экшен Photoshop Эффект Стекающей Краски

Scroll to top
Read Time: 11 min

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

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

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

Эффект, который создан на изображении выше – я покажу вам, как создать его в этом уроке. Если вы захотите создать более сложные эффекты, как на изображении ниже, с эффектом стекающей краски и 3D эффектом, при этом создать данный эффект быстро и легко, то вы можете воспользоваться моим экшеном Wet Paint Photoshop Action.

Action final resultAction final resultAction final result

Что вам понадобится

Для создания данного эффекта, вам понадобится следующая фотография:

1. Давайте Приступим

Шаг 1

Вначале, откройте исходную фотографию, с которой вы хотите работать. Чтобы открыть фотографию, идём Файл – Открыть (File > Open), а затем в окне браузера, выберите свою исходную фотографию. Нажмите кнопку Открыть (Open). Теперь, перед тем, как мы приступим, необходимо, чтобы вы уточнили пару моментов:

  1. Ваша исходная фотография должна быть в цветовом режиме RGB8 бит/канал (8 Bits/Channel). Чтобы проверить это, идём Изображение – Режим (Image > Mode).
  2. Для получения наилучшего результата, размеры вашей исходной фотографии должны быть в пределах 1500–4000 px по ширине / высоте. Чтобы проверить это, идём Изображение – Размеры изображения (Image > Image Size).
  3. Ваша исходная фотография должна быть слоем заднего фона. Если она не является таковой, тогда идём Слой- Новый – Задний фон из слоя (Layer > New > Background from Layer). Примечание переводчика: слой с исходной фотографией должен быть с замочком и представлять задний фон.
Checking the image size and modeChecking the image size and modeChecking the image size and mode

Шаг 2

Если вы используете своё исходное изображение, а не моё, то вы должны сначала выполнить урок Создаём Цветной Карандашный Рисунок, чтобы создать эффект карандашного рисунка на своём изображении, что является основой для нашего эффекта. Затем я предлагаю объединить все слои вашего рисунка в один слой, назвать этот объединённый слой как Карандашный рисунок (Sketch Effect), чтобы вам было легче выполнять этот урок.

Если вы используете то же самое исходное изображение, что и в уроке, тогда идём Файл- Поместить встроенные (File > Place Embedded) и в появившемся окне навигации, выберите скаченный файл Sketch Effect, далее, нажмите кнопку Поместить (Place), чтобы поместить исходное изображение на наш рабочий документ, как показано на скриншоте ниже:

Placing Sketch EffectPlacing Sketch EffectPlacing Sketch Effect

2. Создаём Кисти

Шаг 1

В этой части урока мы создадим кисти, которые нам понадобятся для создания этого эффекта. Идём Файл – Новый (File > New), чтобы создать новый документ. Назовите этот документ Кисти Стекающая Краска (Dripping Brushes), а затем установите настройки, которые указаны на скриншоте ниже:

Creating a new fileCreating a new fileCreating a new file

Шаг 2

Далее, идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Кисть_1 (Brush_1). Затем, находясь на новом слое, выберите инструмент Перо (Pen Tool (P), в настройках данного инструмента, установите режим на Фигуру (Shape), в цвет заливки на #000000, и нарисуйте стекающую фигуру. Если вы предпочитаете использовать другие инструменты для рисования, то не стесняйтесь их использовать.

Drawing dripping shapeDrawing dripping shapeDrawing dripping shape

Шаг 3

Теперь идём Редактирование- Определить кисть (Edit > Define Brush Preset), чтобы определить нарисованную фигуру в качестве кисти. Назовите эту кисть Стекающая Кисть_1 (Dripping_Brush_1).

Defining dripping brushDefining dripping brushDefining dripping brush

Шаг 4

Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Кисть_2 (Brush_2). Затем, находясь на новом слое, нарисуйте другую стекающую фигуру, используя предыдущую технику. Отключите видимость слоя Кисть_1 (Brush 1).

Drawing dripping shapeDrawing dripping shapeDrawing dripping shape

Шаг 5

Далее идём Редактирование- Определить кисть (Edit > Define Brush Preset), чтобы определить нарисованную фигуру в качестве кисти. Назовите эту кисть Стекающая Кисть_2 (Dripping_Brush_2).

Defining dripping brushDefining dripping brushDefining dripping brush

Шаг 6

Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Кисть_3 (Brush_3). Затем, находясь на новом слое, нарисуйте другую стекающую фигуру, используя предыдущую технику. Отключите видимость слоя Кисть_2 (Brush 2).

Drawing dripping shapeDrawing dripping shapeDrawing dripping shape

Шаг 7

Далее идём Редактирование- Определить кисть (Edit > Define Brush Preset), чтобы определить нарисованную фигуру в качестве кисти. Назовите эту кисть Стекающая Кисть_3 (Dripping_Brush_3).

Defining dripping brushDefining dripping brushDefining dripping brush

Шаг 8

Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Кисть_4 (Brush_4). Затем, находясь на новом слое, нарисуйте другую стекающую фигуру, используя предыдущую технику. Отключите видимость слоя Кисть_3 (Brush 3).

Drawing dripping shapeDrawing dripping shapeDrawing dripping shape

Шаг 9

Далее идём Редактирование- Определить кисть (Edit > Define Brush Preset), чтобы определить нарисованную фигуру в качестве кисти. Назовите эту кисть Стекающая Кисть_4 (Dripping_Brush_4).

Defining dripping brushDefining dripping brushDefining dripping brush

Шаг 10

Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Кисть_5 (Brush_5). Затем, находясь на новом слое, нарисуйте другую стекающую фигуру, используя предыдущую технику. Отключите видимость слоя Кисть_4 (Brush 4).

Drawing dripping shapeDrawing dripping shapeDrawing dripping shape

Шаг 11

Далее идём Редактирование- Определить кисть (Edit > Define Brush Preset), чтобы определить нарисованную фигуру в качестве кисти. Назовите эту кисть Стекающая Кисть_5 (Dripping_Brush_5). После этого, вы можете закрыть окно документа Кисти Стекающая Краска (Dripping Brushes).

Defining dripping brushDefining dripping brushDefining dripping brush

3. Создаём Красочный Эффект

Шаг 1

В этой части урока мы добавим красочный эффект на определенный участок изображения. Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Красочный эффект (Painting).

Creating a new layerCreating a new layerCreating a new layer

Шаг 2

Теперь отключите видимость слоя Карандашный рисунок (Sketch Effect), и находясь на слое Красочный эффект (Painting), выберите инструмент Кисть (Brush Tool (B), установите мягкую кисть, а затем прокрасьте те участки, где бы вы хотели применить красочный эффект.

Brushing over photoBrushing over photoBrushing over photo

Шаг 3

Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Красочный эффект (Painting), чтобы создать активное выделение данного слоя. Теперь отключите видимость данного слоя, а затем перейдите на Фоновый слой (Background). Не снимая активного выделения, нажмите клавиши (Ctrl+J), чтобы продублировать выделение на новый слой. Вновь включите видимость слоя Карандашный рисунок (Sketch Effect), далее, переместите созданный дубликат слоя наверх, расположив поверх слоя с карандашным рисунком.

Creating a new layer using selectionCreating a new layer using selectionCreating a new layer using selection

Шаг 4

Назовите этот слой Объект (Subject), а затем идём Изображение – Коррекция – Тени/Света (Image > Adjustments > Shadows/Highlights). Установите Тени (Shadows) на 20%, а Света (Highlights) на 5%, как показано на скриншоте ниже:

Adjusting shadows and highlightsAdjusting shadows and highlightsAdjusting shadows and highlights

Шаг 5

Нажмите клавиши (Ctrl+J), чтобы продублировать данный слой, далее идём Фильтр – Усиление резкости- Усиление резкости (Filter > Sharpen > Sharpen), а затем идём Фильтр – Другое – Цветовой Контраст (Filter > Other > High Pass). Установите значение Радиуса (Radius) на 2 px, как показано на скриншоте ниже:

Adding high pass filterAdding high pass filterAdding high pass filter

Шаг 6

Ещё раз идём Фильтр – Усиление резкости- Усиление резкости (Filter > Sharpen > Sharpen), а затем нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный слой. После этого, поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light), далее, удерживая клавишу (Ctrl), щёлкните по слою Объект (Subject), чтобы одновременно выделить оба слоя, теперь нажмите клавиши (Ctrl+E), чтобы объединить эти два слоя в одни слой.

Sharpening desaturating and merging-layersSharpening desaturating and merging-layersSharpening desaturating and merging-layers

Шаг 7

Теперь идём Фильтр - Усиление резкости - Контурная резкость (Filter > Sharpen > Unsharp Mask). Установите Эффект (Amount) на 100%, Радиус (Radius) на 2.5 px, а значение Изогелии (Threshold) на 1 уровень (1 level), как показано на скриншоте ниже:

Adding unsharp mask filterAdding unsharp mask filterAdding unsharp mask filter

Шаг 8

Идём Фильтр – Стилизация- Диффузия (Filter > Stylize > Diffuse), выберите режим Анизотропный (Anisotropic) , как показано на скриншоте ниже. Далее, идём Редактирование – Трансформация Поворот на 90° по часовой стрелке (Edit > Transform > Rotate 90° clockwise), чтобы повернуть данный слой на 90° по часовой стрелке.

Adding diffuse filterAdding diffuse filterAdding diffuse filter

Шаг 9

Ещё раз примените предыдущий фильтр, идём Фильтр – Стилизация- Диффузия (Filter > Stylize > Diffuse), выберите режим Анизотропный (Anisotropic). Далее, идём Редактирование – Трансформация - Поворот на 90° по часовой стрелке (Edit > Transform > Rotate 90° clockwise), чтобы ещё раз повернуть данный слой на 90° по часовой стрелке. После этого, в последний раз идём Фильтр – Стилизация- Диффузия (Filter > Stylize > Diffuse), выберите режим Анизотропный (Anisotropic). Далее, идём Редактирование – Трансформация - Поворот на 180° (Edit > Transform > Rotate 180°), чтобы повернуть данный слой на 180° и вернуть слой на оригинальную позицию.

Adding diffuse filterAdding diffuse filterAdding diffuse filter

Шаг 10

Назовите этот слой Объект (Subject), а затем идём Фильтр – Шум- Уменьшить шум (Filter > Noise > Reduce Noise). Примените настройки для данного фильтра, которые указаны на скриншоте ниже:

Adding reduce noise filterAdding reduce noise filterAdding reduce noise filter

Шаг 11

Далее, мы добавим контрастность к слою Объект (Subject). Нажмите клавишу ‘D’, чтобы установить цвет переднего и заднего плана по умолчанию, а затем идём Слой- Новый корректирующий слой- Карта градиента (Layer > New Adjustment Layer > Gradient Map), чтобы создать новый корректирующий слой карта градиента. Назовите этот корректирующий слой Контрастность_Объекта (Subject_Contrast).

Creating a gradient map adjustment layerCreating a gradient map adjustment layerCreating a gradient map adjustment layer

Шаг 12

Нажмите клавиши (Ctrl+Alt+G), чтобы преобразовать корректирующий слой Карта градиента в обтравочную маску. Поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), а также уменьшите степень Непрозрачности (Opacity) слоя до 35%.

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Шаг 13

Далее, идём Слой- Новый корректирующий слой- Цветовой Тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation), чтобы создать новый корректирующий слой цветовой тон / насыщенность. Назовите этот корректирующий слой Насыщенность _Объекта (Subject_Saturation).

Creating huesaturation adjustment layerCreating huesaturation adjustment layerCreating huesaturation adjustment layer

Шаг 14

Нажмите клавиши (Ctrl+Alt+G), чтобы преобразовать корректирующий слой Цветовой Тон / Насыщенность в обтравочную маску. Далее, дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне настроек Свойства (Properties), установите настройки, которые указаны на скриншоте ниже:

Adjusting saturationAdjusting saturationAdjusting saturation

Шаг 15

Теперь идём Слой- Новый корректирующий слой- Уровни (Layer > New Adjustment Layer > Levels), чтобы создать новый корректирующий слой уровни. Назовите этот корректирующий слой Общая Яркость (Overall Brightness).

Creating levels adjustment layerCreating levels adjustment layerCreating levels adjustment layer

Шаг 16

Нажмите клавиши (Ctrl+Alt+G), чтобы преобразовать корректирующий слой Уровни в обтравочную маску. Далее, дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне настроек Свойства (Properties), установите настройки, которые указаны на скриншоте ниже:

Adjusting brightnessAdjusting brightnessAdjusting brightness

Шаг 17

Теперь перейдите на слой Объект (Subject), а затем удерживая клавишу ‘Alt’, перетащите данный слой наверх, расположив поверх корректирующего слоя Общая Яркость (Overall Brightness), чтобы продублировать этот слой и расположить поверх всех видимых слоёв в панели слоёв. Далее идём Фильтр – Другое – Цветовой Контраст (Filter > Other > High Pass). Установите значение Радиуса (Radius) на 5 px, как показано на скриншоте ниже:

Adding high pass filterAdding high pass filterAdding high pass filter

Шаг 18

Нажмите клавиши (Ctrl+Alt+G), чтобы преобразовать слой Объект (Subject) в обтравочную маску, а затем нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный слой. После этого, поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light), а затем переименуйте его в Усиление Резкости Объекта (Subject_Sharpening).

Creating clipping mask and changing blending modeCreating clipping mask and changing blending modeCreating clipping mask and changing blending mode

4. Создаём Эффект Стекающей Краски

Шаг 1

В этой части урока мы создадим стекающие капли краски, используя кисти, которые создали вначале урока. Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Стекающие Капли (Paint Drops).

Creating a new layerCreating a new layerCreating a new layer

Шаг 2

Теперь вам нужно решить, где вы собираетесь применить первую стекающую кисть. После этого, с помощью инструмента Пипетка (Eyedropper Tool (I), щёлкните по области объекта, где будут стекать капли краски, чтобы отобрать образец цветового оттенка для кисти. Выберите инструмент Кисть (Brush Tool (B), установите одну из созданных кистей,  а затем добавьте эффект стекающей краски там, где вы захотите.

Creating paint dropCreating paint dropCreating paint drop

Шаг 3

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

Creating more paint dropsCreating more paint dropsCreating more paint drops

Шаг 4

Теперь идём Слой- Слой-маска- Показать всё (Layer > Layer Mask > Reveal All), чтобы добавить пустую маску. Нажмите клавишу ‘D’, чтобы установить цвет переднего и заднего плана по умолчанию, а затем нажмите клавишу ‘X’, чтобы переключить цвета. После этого, выберите инструмент Кисть (Brush Tool (B), установите мягкую кисть, теперь прокрасьте кистью поверх области со стекающей краской, где необходимо улучшить совмещение стекающей краски с объектом.

Brushing into layer maskBrushing into layer maskBrushing into layer mask

5. Создаём Виньетку

Шаг 1

В этой части урока мы создадим эффект виньетки. Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Виньетка (Vignette).

Creating a new layerCreating a new layerCreating a new layer

Шаг 2

Нажмите клавишу ‘D’, чтобы установить цвет переднего и заднего плана по умолчанию, а затем идём Редактирование – Выполнить заливку (Edit > Fill) и в появившемся окне, установите Содержимое (Contents) на Основной цвет (Foreground Color), Режим (Mode) на Нормальный (Normal) и Непрозрачность (Opacity) на 100%, как показано на скриншоте ниже:

Filling layer with foreground colorFilling layer with foreground colorFilling layer with foreground color

Шаг 3

Теперь нажмите клавиши (Ctrl+A), чтобы выделить полностью холст, а затем идём Слой- Слой-маска – Скрыть выделенную область (Layer > Layer Mask > Hide Selection), чтобы создать слой-маску, которая скроет выделенную область слоя. Затем щёлкните по значку цепи между миниатюрами слоя и слой-маски, чтобы разъединить их.

Adding layer maskAdding layer maskAdding layer mask

Шаг 4

Находясь на слой-маске, нажмите клавиши (Ctrl+T) для трансформации, а затем в панели управления, установите значения Ширины (Width) и Высоты (Height) на 85%, как показано на скриншоте ниже:

Transforming layer maskTransforming layer maskTransforming layer mask

Шаг 5

Теперь идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 100 px, как показано на скриншоте ниже:

Adding gaussian blur filterAdding gaussian blur filterAdding gaussian blur filter

Шаг 6

Уменьшите Непрозрачность (Opacity) данного слоя до 20%.

Changing opacity of the layerChanging opacity of the layerChanging opacity of the layer

6. Создаём Красочный Вид

Шаг 1

В этой части урока мы создадим красочный вид. Идём Слой- Новый корректирующий слой- Кривые (Layer > New Adjustment Layer > Curves), чтобы создать новый корректирующий слой. Назовите этот корректирующий слой Красочный вид (Color Look).

Creating curves adjustment layerCreating curves adjustment layerCreating curves adjustment layer

Шаг 2

Теперь дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне настроек Свойства (Properties), установите кривые, как показано на скриншоте ниже:

Adjusting color lookAdjusting color lookAdjusting color look

Мы завершили урок!

Поздравляю, вы справились! Вы можете увидеть итоговый результат на скриншоте ниже.

Final ResultFinal ResultFinal Result

Если вы захотите создать более сложный эффект рисунка с эффектом стекающей краски и 3D, как на скриншоте ниже, при этом создать данный эффект быстро и легко, то вы можете воспользоваться моим экшеном Wet Paint Photoshop Action.

Action final resultAction final resultAction final result
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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads