Transform Photo into Watercolor Painting

 

Preparation

There are plenty of great stock images to choose from Night Fate Stock of deviantArt. I’m using one of them for this tutorial.

Download Scenery image.

All rights of these resources belong to their respective owners.

   

Step 1 – Applying Smart Blur

Create a new document with size 750×550 pixels. Open up the Scenery image, drag into the document and resize it so it fits nicely. Rename this layer as Landscape.

Duplicate Landscape layer. Rename the new layer as Blur Landscape.

Go to Filter > Blur > Smart Blur. Set the Radius to 10 and Threshold to 30.

   

Step 2a – Applying Glowing Edges

Duplicate the Landscape layer again. Rename the new layer as Outlines. Drag the Outlines layer to be above Blur Landscape layer.

Go to Filter > Stylize > Glowing Edges. Set the Edge Width to 1, Edge Brightness to 12 and Smoothness to 15.

Go to Image > Adjustments > Invert. Then follow by Image > Adjustments > Desaturate.

   

Step 2b – Applying Glowing Edges

Set the Blend Mode of Outlines layer to Multiply.

Set the Opacity of this layer to 80.

   

Step 3 – Create Painting Layer

Duplicate the Blur Landscape layer. Rename this new layer as Painting.

Select the Painting layer and go to Image > Adjustments > Invert. Set the Blend Mode to Color Dodge.

   

Step 4 – Paint with Dry Brush

Set the foreground color to #000000.

Select the Brush tool and open up the presets. Choose Dry Brush. Set the Opacity of this brush to 10%.

Paint briefly over the Painting layer and you will get the effect shown on the left.

   

Step 5a – Applying Watercolor Effect

Select the Brush tool and open up the presets again. Click on the right pointing arrow and load Wet Media Brushes. Choose Watercolor Textured Surface Brush. Set the Opacity of this brush to 50%. Reduce the brush size to 15pt.

Zoom in and paint the water well on the Painting layer. Use short, random strokes that follow the shape of the water well.

   

Step 5b – Applying Watercolor Effect

Increase the size of the brush to 100pt.

Use long strokes this time for the sky. Gradually build up the depth of color by painting over certain areas more than once.

To give an impression of real watercolor, it will be good to leave small areas of white here and there.

   

Step 5c – Applying Watercolor Effect

Repeat the same method on Step 5b for the grasses.

   

Step 5d – Applying Watercolor Effect

Reduce the brush size to 30pt.

Same thing here, paint short vertical strokes of grasses on the Painting layer.

   

Step 6 – Apply Watercolor Filter

Duplicate the original Landscape layer. Rename this new layer as Details. Rearrange this Details layer to be the top-most layer.

Go to Filter > Artistics > Watercolor. Set the Brush Details to 12, Shadow Intensity to 0, Texture to 3.

Set the Blend Mode of this layer to Luminosity and Opacity to 25%.

   

Optional

And we’re done! Hope you enjoy this tutorial!

I enhanced the depth and colors of the painting further with a Levels Adjustment Layer. The settings are 9, 1.07, 203.

Click here to view the final image.

 
 
In the current regime, there are oodles websites that’s why to detain the utmost patrons is a hard nut to crack. So the organizations have to espouse the diverse strategies such as the photos in the water color painting and many more. The rational decision about the selection of the hosting, whether the cheap web hosting or the cheap vps hosting ( a new emerging trend in the field of hosting) is indispensable. On the other side, the dedicated servers are the best choice, to earn supplementary as well as to direct the heavy traffic on your website.
I am Johnson Koh, a graphic and web designer in Singapore. Founded 10Steps.SG in August 2008 with the purpose to share my experiments and interesting design news.

82 Comments | Write a Comment

  1. Michael says:

    I can’t imagine how unique it was! Want to try doing this one.

  2. Da Wei says:

    Great tutorial, i wonder if I can do the same in gimp, since not everyone has a copy of PS, will go find out.

    By the way, wanted to watch the video, how come it is removed

  3. Joel Leitson says:

    Great tutorial, 1st class.

  4. Juan says:

    This is a really great tutorial because its fast and easy but at the same time gives you a great deal of control as to how you want your final image to look.

    You can really take advantage of your wacom tablet with this method!

    Excellent!

  5. Les says:

    I have tried many progs and techniques to get a realistic watercolour effect I like – and failed. Now, your tut has sorted that! Great. I’m really pleased with my rushed results – can only improve with more care/time spent. Thaanks!

  6. zhell says:

    wow….

    i love it so much….
    i want to create something like thiz…
    Realistic! two thumbs up!

  7. amie says:

    thx so much for the tutorial..i tried on hayden panettiere pic & here’s the result:

    http://twitpic.com/oh1yl

    thanks so very much for ur tutorial! :) )

  8. Morten says:

    Great tutorial! Thanks!

  9. George Metcalf says:

    Hi Johnson, I like your tutorial very much,but i keep getting lost, as i am a complete novice, is there any where i can find a complete step by step of this procedure? Many thanks. George

  10. Jason Marti says:

    Hey great tutorial–short sweet and to the point. Cool effects. Have you ever tried painting with Corel Painter? What do you think?

  11. Johnson Koh says:

    Hi Barbara, yes I remember you :D I have not tried this method on animals before. But I think it will still work well on close-up facial shots for the animals.

    This is because many details are removed after applying the effect. So may not be very ideal for photos with animals in smaller size. Hope these are useful for you.

  12. Hi Johnson, don’t know if you remember me but a few weeks ago I tried this method on an old barn and it worked beautiful. My question is, have you ever tried this method on other photo’s like animals(dog or cat) I didn’t know if you had or you have a another method for animals. Would you give me any tips? You seem to have so much knowledge in watercolor, thought I would ask you instead of searching hundreds of methods, know what I mean???
    Your help would be greatly appreciated.
    Barbara(Barbee)

  13. jean says:

    thanks for letting me make a video of this tutorial! :)
    here’s the link:
    http://www.youtube.com/watch?v=UM6PuUUhXPw

    more power to you!

  14. Johnson Koh says:

    Thanks Jean! Possible to pass me a link of the video after you are done? I can embed it here for others to view too! ;)

  15. jean says:

    nice tutorial! i love it!
    btw, can i make a video of this tutorial? i’ll link u back. :)

  16. Johnson Koh says:

    Hi Barbara, you have a beautiful gallery I must say :D I saw the image of the old barn you’ve made. That’s a great work!

  17. Barbara says:

    This is one of the best Watercolor Painting Tutiorals I have ever come across, have tried many, not always good results.
    Had a photo of an old barn taken in Mandarin Florida built in 1876 used this technique, and in my opinion turned out beautiful. If you like you can go to the website provided to view in my galleries.
    Thank you for your time to put this together and for other’s to use it.
    Barbee

  18. prashant says:

    Gorgeous superb thank you i was searched this one and finally u given me

  19. Amit says:

    I like a lot! Thank You

  20. Hey, I found these tutorials to be very good and the bonus items are worth their weight in gold. It is not my site but soemone I know. Chgeck it out for yourself and see. Go to:
    http://photoart-tutorials.com/index.html

  21. Johnson Koh says:

    @Chris: Thanks for the info :D I do encounter similar problems like Emil. And what I did was to restart Photoshop :(

    @Ladynoe: Thanks for your compliment! Just went to check out your portfolio. It’s beautiful! :D

  22. Ladynoe says:

    this is the most interesting tutorial i ever found. it looks very realistic. thank you Johnson

  23. Chris says:

    Perfect – fantastic. This has really helped bring to life a concept I’ve had – it’s gold to find tutorials that allow you to take good source photography and turn it into painterly styles. And this one provides so many places to personalize and get expressive with it. Thank-you very very much!

    @emil: not sure if this helps, but the minute you have a few layers going, and a few different blend modes, a complex brush and a few filters, the load on your processor and RAM gets pretty heavy. I’ve had tutorials go belly-up just because my processor couldn’t take it. Lowering the overall dimensions of the image helps. Also, check your Image>>Mode: it needs to be 8-bit RGB (not 16bit) for many of the filters to work.

  24. Emil keikz says:

    I tried to do this tutorial. I couldn’t even complete the First stage. Photoshop won’t allow me to do a Smart Blur or Glowing Edges.

    Any suggestions to what can help?

  25. Art says:

    Superb very nice and easy to follow.

  26. CgBaran Tuts says:

    Nice effect thanks

  27. Maicon says:

    I like a lot! Thank you for share your knowledge.

  28. Johnson Koh says:

    Hi yen, Thanks! I have been trying hard :D

  29. yen says:

    Hi~ thanks so much for sharing tis tutorial!!!
    it was amazing…had a great time learning this!
    and i was so surprised by the result…this is definitely many times better than just using the filter in photoshop!

  30. tiffany says:

    so basically I love this tut and its the only one I can do without someone sitting beside me explaining the whole thing.

  31. jacketfulofdanger says:

    ingenious!! the watrercolour effect is really realistic! nice job :)

  32. Kaká says:

    very good.

    thanks! ;)

  33. Johnson says:

    Hi Wick, I’m serious. You have done a fantastic job!!! :D

  34. Wick says:

    This tutorial is amazing! I’ve created something myself if you’re interested in seeing it :)

    Visit my website and you’ll see it – bottom right.
    Alternatively, just follow this link:
    http://img253.imageshack.us/img253/3037/sonic.jpg

  35. bumblebee says:

    I love it! Very helpful. Thanks!

  36. sadhu says:

    this is interesting, i like ^^

  37. I know what to put on my wall now anything i can make in photoshop that is. Very usefull tutorial for someone with the idea im talkin about :)

  38. Johnson says:

    Thanks a lot guys!

  39. Jinny says:

    thanks~

  40. erKan says:

    Good job..Thanks..

  41. Mojito says:

    Very useful, and properly explained. Thnx!

  42. I see Your back – very good tutorial :) )))

  43. Johnson says:

    Hi Joyce, clearing off the white background is correct. What Step 4 does is to reveal the a faded lower layer.

    Perhaps you can provide me with a screenshot of what you have got?

  44. Joyce says:

    I got stuck on step 4, when I tried to paint well – it had no color – just cleared off what was already there. What did I do wrong? This is my first attempt at watercoloring.

  45. Johnson says:

    Thanks so much guys!

  46. Kavonne says:

    This is the best watercolor effect tutorial that I’ve seen!

    Great job. Thanks!

  47. Telf says:

    Nice man!

    This could well come in handy! Good tutorial

  48. Łukasz says:

    Wspaniałay tutorial.Wielkie dzięki.

  49. maxart says:

    Автору респект! Написано красиво!

  50. psychokitty says:

    beautiful tutorial- I tried it and it’s a great technique- thanks!

  51. yiyo says:

    please video tutorial this

  52. hiflyer says:

    Fantastic effect! Definitely one of the best “artistic”-tutorials I’ve seen in a while! Thanks

  53. Eve says:

    This something different. I like the use of watercolor brush. Very realistic. Thanks.

Leave a Comment

  • 11 Contextual Ad Alternatives To Google AdSense

    Kicked out of AdSense for all the wrong reasons? Denied from joining the Ad emperor for bleak reasons? Clearly the corporate Ad Empire for content sensitive web advertising is ruled by Google AdSen…

  • Best Inspiration Posts in Jan and Feb 2010

    Know we are going to present Best Inspiration Post in Jan and Feb 2010 only for those who are really inspiring with our post. you might want to take a look at. It’s probably not about getting the…

  • Saturday Showcase: I Love Typography #3

    I found typography in so many ways can inspire us all, in so many ways we can see the beauty in simplistic forms such as text art. Here I showcase a select number of works which I have found to be…

  • Freebies-Stock Textures Part 1

    Whether creating a grungy website or designing an event flyer, using the right textures and photos are key. Not only should the images be sharp and clear, but finding the right size (usually huge) …

Submit your News

  • 1stWebDesigner
  • Free Brushes
  • Presidia Creative
  • Sherif Abdou
  • Tutorials Experts
  • Photoshop Deluxe
  • Naldzgraphics
  • Colorburned
  • FudgeGraphics
  • My Ink Blog
  • CrazyLeaf Design Blog
  • Fuel Your Creativity
  • Photoshop Tutorials
  • PSD Vault
  • TutZone
  • Arrow Icons
  • Custom Icons
  • Templates
  • Cheap Business Cards
  • Button Icons
  • Web Design Resource
  • Blue Blots
  • Illustrator Tutorials
  • WeLove2Blog
  • SloDive
  • Search Engine
  • TutFactory
  • Design Under
  • Designora
  • Design Inspiration
  • Digital Art Empire
  • Custom Icons
  • Web Technology Society
  • Design Expanse
  • SmashingApps
  • Smashing Tips
  • Flash Components
  • Pixels that Make your Life Easy
  • Creative Business Cards
  • Brushes for Photoshop
  • Flash Website Templates
  • Dzinepress
  • Flash CMS
  • Onextrapixel
  • Inspiration & Resources for Web Designers and Graphic Artists
  • PSD to HTML
  • Design, Inspiration, photography, photoshop, Tutorials
  • The Pro Designer
Follow My Twitter Subcribe Full RSS