Easily Transform Your Photo into a Watercolour Painting in Photoshop

Posted on December 6th, 2008 under Photo Effect

In this tutorial, I will show you the processes I used to transform a daily average photo into a Painting-like Image in Photoshop. The steps are really simple and you can apply them in pretty much any photo you like.

We will be using techniques such as layer blending options, image adjustment tools and filters.

Here is a before-and-after preview of this tutorial:

Before:

After:

Ok let’s get started!

Step 1

1. Load a photo of you choice into photoshop. You can use the above “before” image if you want to follow exactly what’s in this tutorial.

Once you load your photo, duplicate the background layer once, and change the blending option of the duplicated layer to “overlay”. The way it add a bit more colour contrast to the photo and we will be able to play with this layer further in this tutorial.

The effect will look like this:

Step 2

Still on the “Background Copy” layer, hit Ctrl + M to bring up the Curve Tool, apply the following settings:

The result so far:

Step 3

Duplicate the “Background Copy” layer once, keep the layer blending option of the duplicated layer as “Overlay”, then hit Ctrl+Alt+Shift+B to bring up the Black and White adjustment tool and use the following settings:

After applying Black and White Adjsutment, duplicate this layer once and apply Gaussian Blur filter on it. This is to give some extra softness to the image.

See below for detail settings:

After applying Gaussian Blur, hit Ctrl + M and bring up the curve tool again and apply the following setting:

Here is the effect so far:

Step 4

To make the watercolour effect more realistic, we can use the Glass filter on image. Duplicate the “background 3″ layer once, go to Filter > Distort > Glass and apply the following settings on the duplicated layer:

Optional: We can also adjust the layer opacity of this layer a bit:

Here is the result so far:

Step 5

Ok now you may think the sky looks a bit empty, no worries, we can grab some fantastic cloud brushsets on Qbrush.com. Create a new layer and name it “cloud”, paint some cloud using the brushes you donwloaded over the top.

Here is the result so far:

Ok, that’s it for this tutorial! You can further edit the image by adding some colour overlay or some lighting effects. That’s totally up to you.

Here is my final image of this tutorial:

Hope you enjoy this tutorial and if you have any question, drop me a line!

Cheers and have a great day!

Fresh Posts from PSD Vault

Imagination Unleashed: Best of PSD Vault DeviantART Group – Vol. 23

Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop

Unique and Curious Photoshop Tutorial Showcase – January 2012

Creativity Fine-Tuning: Best of PSD Vault Flickr Group – Vol. 54

Design Abstract Surreal Text Effect with Metal Texture in Photoshop

VIP Exclusive Tutorial – Create Advanced Photo Manipulative Artwork via Grunge Textures and Colour Effect

http://www.photoshoplady.com/forums/photo-editing-tutorials/153-easily-transform-your-photo-into-watercolour-painting-photoshop.html#post499 Easily Transform Your Photo into a Watercolour Painting in Photoshop – Photoshop Lady Forums

[...] much any photo you like. Here is before and after preview: Before: After: You can click here to access this tutorial on my website. If you have any question, just drop me a line. Cheers and [...]
Moriah

I wish you could have showed us how to make the colors like that . If you could please respond to this comments and maybe send me a tutorial about how to do that. i would really appreciate it.
thanks,
Moriah
http://www.psdvault.com James

hi moriah,
The colour effect is really easy. If you managed to get the last step, simply save your work as a JPEG image, then load the saved JPEG image back in.
Use a BIG round brush (200px+), set the brush mode to overlay/color dodge with an opacity of around 50%, choose a brush colour and just paint over the image.
Hope this helps:)
Jo

Hi James,
I really love your tutorial and want to be able to get this effect on some photos from Ireland, my only problem is I can’t seem to find the black and white adjustment tool! I tried using the keyboard shortcut you provided and looked through every single option in the windows but still no luck. I’m using portable photoshop, would this mean that I don’t have that option, and if so, is there an alternative way of applying that step?

Thanks!

Jo
http://www.psdvault.com James

Hi Jo~ yeah the earlier version of Photoshop may not have B&W tool, but you may be able to just desaturate the image first, then use curve or level tool to alter the image a bit.
Hope this helps
Pat

That looks great.
This might be a silly question but im new to Photoshop, and i was just wondering how you created that splattered paint effect like in the bottom left hand corner, and the white border that is around it?
It looks amazing and has given me some great inspiration!
Thanx :)
admin

Hi Pat~ it’s easy, you can dowload brushes from qbrushes.com or someo other websites and google “load brush into photoshop”. Be aware that some brushes may not be compatible with the older version.
After download, you can choose you brushes then just painting over the image.
Hope this helps
http://www.lautusdesign.com Peter Schaefer

Very cool, Thank you!

Best,
Lautus Design
jay

Hi james! How can I load the brush i’ve downloaded to CS3?
http://www.psdvault.com James

Hi Jay, you can go http://myphotoshopbrushes.com/install_brushes for some detailed instructions of how to install brushes in CS3.
Hope this helps~
Viren

Kool Thanx Bro :D
Yvonne

thank you for your tutorial… :)
http://www.malayatoday.com/blog/2008/12/50-spectacular-textphoto-effects-photoshop-tutorial/ malayatoday – online resource ALMOST for everyone » Blog Archive » 50 spectacular text&photo effects photoshop tutorial

[...] A Watercolour Effect [...]
http://none bruce

Can you please give a step by step on the exact colors you choose to get that effect in the end? Can you post the color codes? I am new to PS. I can’t seem to get those colors. Maybe do a sep. tut on color adding.
http://www.psdvault.com James

Hi bruce, the color I chose is simply the Red, Green, Yellow. You can create a new layer on top of every other layer and set it to “overlay”, then simply use a big brush to paint over it.
hope this helps
http://none Ann

Hello James. Your tutorial has been an answer to my hunger for becoming skilled in PS. Thanks God I found your website.Can you please tell me how to choose and put a color on a brush tool? I can’t seem find it. One more thing, what do you mean by “desaturate the image first” when somebody asked about the “Black and White Adjustment Tool” being nonexistent in Photoshop CS2?Me neither is unsuccessful after looking it up through the whole window.I need your answer asap. Thanks a lot James.
http://photoshop Ann Browne

How do you get the image onto a real canvas to frame? iI want to take a photograph of our house and turn it into a painting.

Can you explain that part of the final process?
http://www.uprinting.com/Business-Cards.html Business Cards

I love your work! I’m a big fan. Your tutorials are always very enjoyable to read, and this is no different. You did another excellent job. I also love the white effect on the edges. This’ll look really cool when printed on canvas. Thanks for posting this!
http://www.photoshoproadmap.com/Photoshop-blog/2009/04/06/15-artistic-watercolor-effects-photoshop-tutorials/ 15 Artistic Watercolor Effects Photoshop Tutorials

[...] Easily Transform Your Photo Into a Watercolor Painting [...]
http://akfish.cn/?p=161 15个Photoshop水彩效果教程[译] | 挨踢。。。挨砍。。。

[...] 把照片转换为水彩画 [...]
Z

That picture is awesome!
http://virtualphotographystudio.com/photographyblog/2009/09/18/21-photoshop-tutorials-and-resources/ 21 Photoshop Tutorials And Resources | Virtual Photography Studio – Digital Photography Business Guide To Resources, Products and Information

[...] Easily Transform Your Photo into a Watercolour Painting in Photoshop [...]
http://www.ubervu.com/conversations/www.psdvault.com/photo-effect/easily-transform-your-photo-into-a-watercolour-painting-in-photoshop/ uberVU – social comments

Social comments and analytics for this post…

This post was mentioned on Twitter by photoshoptips: Easily Transform Your Photo into a Watercolor Painting in Photoshop – #photoshop http://short.to/4to0...
Cass

the tutorial was great to follow but it was a total let down. u showed the before and after pictures as if u were gonna guide us through the colouring effect of the after photo. but u didnt. u should have just put the step 5 picture as ur after photo. no offence but not finishing ( with guiding us though the colour effects) is just pure laziness. sorry
Cass
ps u do definitely have though
Cass

i meant to say
ps. u definetly have talent though