You need custom mockup or design work?

Reach Out →

How to Convert Photo to Watercolor in Photoshop

  • 04 May, 2024
  • Marko Kozokar
final result

In this Photoshop tutorial, you'll learn how to change photo to watercolor in Photoshop. I will explain everything in so much detail that everyone can create the watercolor effect, even those who have just opened Photoshop for the first time.

If you would like to get watercolor Photoshop effect in just a few minutes, using only a few clicks, check out our Watercolor Photoshop Action.

What You'll Learn in This Photoshop Tutorial

  • How to make texture background in Photoshop
  • How can you turn a photo into a sketch in Photoshop
  • How to use watercolor brushes in Photoshop
  • How to change photo to watercolor in Photoshop
  • How to use adjustment layers in Photoshop

1. How to Get Started

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started on creating the sketch effect, just check a couple of things:

  • Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  • For best results, your photo size should be 2000–4500 px wide/high. To check this, go to Image > Image Size.
  • Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
photoshop check image size and image mode

Step 2

Now we need to expand the canvas so we have more space around the subject. Go to Image > Canvas Size, check the Relative option, and use the settings below:

expanding canvas

 

2. How to Create the Background in Photoshop

Step 1

In this section, we are going to create the background. Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Background Color, and choose the color #e5e5e5 as shown below:

creating new solid color fill layer

 Step 2

Now press Control-Shift-N on your keyboard to create a new layer, and name it Background Texture. Then, go to Edit > Fill, and set the Contents to 50% Gray, Mode to Normal, and Opacity to 100%.

filling layer with 50% gray

Step 3

Go to Filter > Filter Gallery > Texture > Texturizer, and set the Texture to Canvas, Scaling to 200%, Relief to 4 and Light to Top.

adding texturizer filter

Step 4

Now change the Blending Mode of this layer to Overlay.

changing blending mode

 3. How to Create the Pencil Sketch in Photoshop

Step 1

In this section, we are going to create the sketch effect. Select the Background layer, press Control-J on your keyboard to duplicate it, and drag it to the top of the layers in the Layers panel. After that, go to Filter > Filter Gallery> Sketch > Photocopy, and set the Detail to 3, and Darkness to 5.

adding photocopy filter

Step 2

Now change the Blending Mode of this layer to Multiply, and set the Opacity to 40%.

changing blending mode and opacity

Step 3

Go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer. Then, set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush, and brush where you want to reveal the sketch. Lastly, name this layer Sketch.

adding layer mask

 4. How to add watercolor effect in Photoshop

Step 1

In this section, we are going to create the watercolor effect. Press Control-Shift-N on your keyboard to create a new layer, and name it Temp. Then, hide all the layers except the Background and Temp layers, set the foreground color to any, choose the Brush Tool (B), pick a soft brush, and brush over the area where you would like to create a watercolor effect.

creating new layer

Step 2

Now Control-click on the Temp layer thumbnail to make a selection of this layer. Then, hide this layer, select the Background layer, and press Control-J on your keyboard to make a new layer using the selection. After that, drag this new layer just below the Temp layer in the Layers panel, and show the Background Color layer. 

creating new layer using selection

Step 3

Go to Image > Adjustments > Levels, and set the Highlight Input Level to 180. Then, go to Filter > Adjustments > Threshold, and set the Threshold Level to 100.

 

adjusting levels and threshold

Step 4

Now temporarily change the color of the Background Color layer to #ffffff, and press Control-Shift-N on your keyboard to create a new layer. Then, set the foreground color to #000000, choose the Brush Tool (B), pick one of the watercolor brushes (if you don't have any, you can download some of our Watercolor Brushes), adjust its settings (if you don't know how, check out this article on how to create and modify brushes in Photoshop), and brush over and around the black area where you want to create the watercolor effect.

brushing into layer

 

Step 5

Now Control-click on this layer thumbnail to make a selection of this layer, select the Background layer, and press Control-J on your keyboard to create a new layer using the selection. Then, drag this new layer just below the Temp layer in the Layers panel, Right-click on the Layer 2 and choose Delete Layer to delete it.

creating new layer using selection

Step 6

Select and hide the Layer 3, go to Layer > Layer Mask > Reveal All to add a layer mask that reveals the whole layer. Then, go to Image > Apply Image and enter the settings below:

applying image

Step 7

Now Right-click on the Layer 1, and choose Delete Layer to delete it. Then, show the Layer 3, select its layer mask, press Control-I on your keyboard to invert it, and in the Properties panel, set the Density to 75%. After that, change the Blending Mode of this layer to Linear Light, and name it Watercolor_1

changing layer mask density

 

Step 8

Repeat this process to create as many watercolor layers as you want. Feel free to use different threshold settings, watercolor brushes, density setting, blending modes and opacities. Here is my result:

creating watercolor effect

Step 9

Change the color of the Background Color layer back to #e5e5e5, and show the Background Texture and Sketch layers again. Right-click on the Temp layer and choose Delete Layer to delete it.
changing background color

5. How to Reveal the Photo Details

Step 1

In this section, we are going to reveal more subject details. Select the Background layer, press Control-J on your keyboard to duplicate it, and drag this new layer just below the last watercolor layer in the Layers panel. 

duplicating layer

Step 2

Now go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer. Then, set the foreground color to #ffffff, choose the Brush Tool (B), pick some watercolor brush, and brush where you want to reveal the original photo. Here is my result:

adding layer mask

 

Step 3

Change the Opacity of this layer to 36%, and name it Original Subject.
changing opacity

Step 4

Now select the Background layer, press Control-J on your keyboard to duplicate it again, and drag this new layer to the top of the layers in the Layers panel. Then, press Control-Shift-U to desaturate it, go to Filter > Other > High Pass and set the Radius to 10 px.
adding high pass filter

Step 5

Change the Blending Mode of this layer to Overlay, and go to Layer > Layer Mask > Hide All to add a layer mask that hides the whole layer. Then, set the foreground color to #ffffff, choose the Brush Tool (B), pick a soft brush, and brush where you want to reveal subject details. Lastly, name this layer Subject Details.

adding layer mask

5. How to Make the Final Adjustments

Step 1

In this section, we are going to make the final adjustments to the watercolor effect. Go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer, and name it Color_Look_1. Double-click on this layer thumbnail and, in the Properties panel, enter the settings below. Then, change the Opacity of this layer to 69%.

creating new curves adjustment layer

Step 2

Select the Subject Details layer, go to Layer > New Adjustment Layer > Curves to create a new curves adjustment layer again, and name it Color_Look_2. Double-click on this layer thumbnail and, in the Properties panel, enter the settings below. Then, change the Opacity of this layer to 36%.
creating new curves adjustment layer

Step 3

Select the Color_Look_1 layer, go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness. Double-click on this layer thumbnail and, in the Properties panel, set the Highlight Input Level to 250, Shadow Input Level to 5, and Shadow Output Level to 30.
creating new levels adjustment layer

Step 4

Now go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer, and name it Overall Vibrance/Saturation. Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +26 and Saturation to +14.
creating new vibrance adjustment layer

Step 5

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

adding high pass filter

Step 6

Now change the Blending Mode of this layer to Overlay, and name it Overall Sharpening.
changing blending mode

You Made It! 

Congratulations, you've succeeded! You've now learned how to convert photo to watercolor in Photoshop. Here is our final result:
final-result

Try a Watercolor Photoshop Action!

Watercolor Photoshop Action (ATN, ABR)

watercolor photoshop action

With this action, you can transform your photo to watercolor in no time. You simply brush over your subject with a color, and Play the action. The action will do all the work for you leaving you a fully layered results that you can further customize!

Did you like this tutorial on how to make a watercolor effect in Photoshop? What would you like to see next? Write your tutorial ideas in the comments below.
Share:

Leave a comment