1. Design & Illustration
  2. Graphic Design
  3. Photo Manipulation

Manipulate a Portrait Photo to Create a Splatter Paint Effect

Scroll to top

In this tutorial, I will show you how to manipulate a portrait photo to create a splatter paint and drip effect in Photoshop. This tutorial will cover many techniques including overlay painting, blending, and coloring techniques. These techniques can also be re-used for many other projects. Let's get started!


Tutorial Assets

You will need the following assets to complete this tutorial. Please download them before you begin. If they are not available, feel free to find alternatives.


1. Placing the Document

Step 1

Create a new document at a size of your preference (I used 6000x8000 pixels) by going to File > New.

Step1Step1Step1

Step 2

Place your stock image into the document by going to File > Place.

Step2
Place StockPlace StockPlace Stock

2. Begin Painting

We are going to be using two tools in this part of the tutorial. The Eyedropper Tool (I) and the Brush Tool (B).

Step 1

The first thing we want to do is make a new layer by clicking on the new layer button in the Layers Panel.

Step3

Step 2

With the brush tool selected, set the opacity at 50% in the control panel at the top of your monitor, and set the brush to a circle with 100% hardness at the size of your choice.

Step4Step4Step4

Step 3

Using the Eyedropper Tool, select a color on your stock image. Switch to the Brush Tool (B), and stroke downwards. Repeat this process while alternating between the Eyedropper (I) and Brush (B) tools.

Begin PaintingBegin PaintingBegin Painting
Take your time! It could take a while to get the process right.

Step 4

Continue with the previous step. Switch brush sizes depending on how detailed you want your piece to get. Be sure to pay close attention to the eyes, nose, lips, and hair. The finished product should look similar to below.

Continue PaintingContinue PaintingContinue Painting

3. Hue/Saturation Adjustment

Step 1

Next, we are going to add a Hue/Saturation adjustment layer by going to the adjustments panel on the right. Alternatively, you can go to Window > Adjustments and click on Hue/Saturation.

Step5

Step 2

Bring the saturation down by 30.

Adjustment LayerAdjustment LayerAdjustment Layer

4. Color Balance Adjustment

Step 1

We are going to add another adjustment layer. This time it is a Color Balance adjustment. You can access this adjustment in the same manner as the Hue/Saturation adjustment shown above.

Step6

Step 2

Use the settings listed below.

  • Shadows: -6, 0, +11
  • Midtones: -7, 0, +8
  • Highlights: 0, 0, +10
Adjustment LayerAdjustment LayerAdjustment Layer
Feel free to use your own settings/adjustments, too.

5. Changing the Eye Color

Step 1

On a new layer, with a blue brush, paint over the eye as shown in the image below. Alternate between a hard and soft brush with varying opacities.

Step7Step7Step7

Step 2

In the layers panel, we are going to set this layer mode to Overlay.

Step8
Eye ChangeEye ChangeEye Change

6. Adding Color

Step 1

Next comes the fun part! We are going to start adding color. Because this image is so soft and elegant, a pastel color scheme should look the best. Repeat the techniques we used in Section 2 of this tutorial but this time with a soft pink color. You should use longer strokes with a lower opacity brush.

Step9Step9Step9
Use a low opacity, and gradually build the color onto the stock portrait.

Step 2

Continue adding different colors that match the color scheme you are looking for.

Adding ColorAdding ColorAdding Color

7. Changing the Background

Step 1

Change the background color from white to baby blue by using the Paint Bucket Tool. To access this tool, you must hold down on the Gradient Tool.

Step10

Step 2

Fill in the Background Layer, which was originally white.

Background ChangeBackground ChangeBackground Change

8. Using the Lasso Tool

Step 1

We are going to use the Lasso Tool to make a selection around the neck.

Step11

Step 2

It can be a rough selection—it does not need to be precise. Be sure you have the correct layer selected!

Lasso ToolLasso ToolLasso Tool

Step 3

Hit the delete key on your keyboard to cut out the body.

Cut SelectionCut SelectionCut Selection

9. Blending the Stock

Repeat the brush technique we used previously, but this time on a new layer. Instead of brushing on her face, we are going to select the background color using the Eyedropper Tool, and brush around the stock portrait. This blends the image into the background, and makes it more aesthetically pleasing to look at.

BlendingBlendingBlending

10. Continue Painting

If you are not content with the amount of color on the image, feel free to add more!

Continue PaintingContinue PaintingContinue Painting

11. Adding Drips

Step 1

To add drips, we are going to use the same brush technique as earlier; however, this time we will be using different sizes and settings. We want to use a smaller brush and bring the opacity to about 80%. Use longer strokes like the image below shows.

Adding DripsAdding DripsAdding Drips
Play with different settings until you get something you like.

Step 2

Continue doing this until you are satisfied with the result. We really want to make it look like she is melting or falling apart. You can go into more detail if you would like, too!

Adding DripsAdding DripsAdding Drips

12. Adjustment Layers

Step 1

Now we are going to add three different adjustment layers: Vibrance, Brightness/Contrast, and a Gradient Map which can be found below.

Step12
  • Vibrance: +18, +16
  • Brightness/Contrast: -15, +38
  • Gradient Map: Two colors #987f78 and #feff8a set this layer to Multiply with an opacity of 15%

To add the Gradient Map correctly, take a look at the dialogue box below.

Step13Step13Step13
Adjustment LayersAdjustment LayersAdjustment Layers

13. Splatter Effects

Step 1

Here comes the fun part! First we are going to load the splatter brushes provided at the beginning of this tutorial. Under the brush tool settings, click the gear icon, and navigate to Load Brushes to load your brush.

Step14Step14Step14

Step 2

With the splatter brushes supplied in the beginning of the tutorial, begin brushing the background color over the stock image on a new layer.

Splatter EffectsSplatter EffectsSplatter Effects

Step 3

Continue doing this with different colors and sizes. You can use the same colors from her face by using the Eyedropper Tool. Reposition the brushes in a way that you like.

Splatter EffectsSplatter EffectsSplatter Effects

14. Adding a Background Texture

Step 1

Next we are going to improve the background. Using the texture supplied in the beginning of the tutorial, place it into the document until it fully covers the canvas.

Step15Step15Step15

Step 2

We want to add a hue/saturation adjustment; however, this time we want to only apply it to the texture layer. With the texture layer selected, go to Image > Adjustments > Hue/Saturation. Use the settings shown below.

Settings

The texture should look like this.

BackgroundBackgroundBackground

Step 3

Set this layer to Multiply with an opacity of 30%. You can erase unnecessary parts of the texture.

Background TextureBackground TextureBackground Texture

15. Improving the Background

This is the most difficult part of the tutorial, so read carefully.

Step 1

Create a new layer, and select the Rectangular Marquee Tool.

Step16

Step 2

Click and drag a rectangular selection somewhere onto the background.

Step17

Step 3

Using the color of your choice, fill this selection by going to Edit > Fill. Fill it with the color of your choice.

Step18

Step 4

Repeat this until you get something similar to below. To speed up the process, you can duplicate your layer after you have made a few lines.

Adding LinesAdding LinesAdding Lines

Step 5

With the line layer selected, go to Filter > Blur > Motion Blur.

Step19Step19Step19

Step 6

Set the angle to 90, and the distance to 1000 pixels. Click OK.

Step19Step19Step19

Step 7

With the Eraser Tool, erase unnecessary or distracting parts.

Erasing LinesErasing LinesErasing Lines

16. Adding Circles

We are going to do the same thing, but use the Elliptical Marquee Tool. Also, instead of filling the selection, we are going to stroke the selection. After making your circle selection, go to Edit > Stroke. You can set the stroke width to your own preference.

Creating CirclesCreating CirclesCreating Circles

Conclusion

In conclusion, I hope you learned a lot of new techniques that will benefit you in your future projects. You should now have a better understanding of how to efficiently use the Brush and Eyedropper tools to color and blend your images together in different ways. Thank you for following this tutorial!

Finishing TouchesFinishing TouchesFinishing Touches
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