watercolor-effect-in-photoshopWatercolor is one of those effects that can be difficult to replicate digitally, but with a little practice and experimentation I think you’ll find it can be rather fun.

This tutorial will be based around creating a really cool watercolor effect, but this technique works just as well when creating paintings in Photoshop.

TUTORIAL DETAILS

  • Program: Photoshop CS6
  • Difficulty: Beginner
  • Estimated Completion Time: 40 Minutes

Step 1

The first step here is actually the first step in all my projects. I look for references images based on a sketch that i have in mind. This research and planning process is intertwined. It allows me to look through various elements and plan the direction to follow. Of course, I can change the direction during the creation as this process is fluid.

Step 2

Create a new document in Photoshop, I used a wallpaper size of 1920 pixels by 1200 pixels.

Download this old paper texture pack, and place the Paper 2.jpg in your document.

paper-texture-free-download

Step 3

Now let’s use some brushes, in this case the fantastic Bitbox set of watercolor brushes. Go ahead and download these watercolor brushes. Bitbox has some other amazing watercolor brushes as well, so feel free to test different ones as well.

Create a new layer and  select the Brush Tool (B) and blue for the color. Create a new layer, then with just one click paint place some paint on the layer. Select a different brush and use red for the color. Also you can try different Blend Modes, in this case I used Normal but you can try Multiply as well. Repeat this steps with different colors until you achieve something similar like int the picture below.

paper-texture-download

Step 4

Group all the layers with watercolor brushes and duplicate the group. You can hide one. With the other layer go to Layer > Merge Group. Rescale the layer and make it bigger, as in the image below. Then go to Filter > Blur > Gaussian Blur, and use 250 for the value. Now change the Blend Mode to Multiply.

watercolor-blur

Step 5

Select the Eraser Tool, then select a big round brush and erase some areas from that layer, mainly in the center.

watercolor-background

Step 6

Now let’s add a nice texture on top of this layers. You can use the image of your choice, it could be parchment paper for example. I’m using the image below:

wallpaper-texture-old-paper

Place the image in the document on top of the other layers. After that, change the Opacity to 70% and the Blend Mode to Darken (you can try different Blend Modes).

Step 7

Now let’s place an image in our document. I’m using a photo of a girl in a field from deviantART, you can get it here.

Select the image and go to Filter>Artistic>Dry Brush. Use 0 for the Brush Size, 9 for the Brush Detail and 1 for the Texture.

girl-dry-brush

Step 8

Select the image layer, after that go to Layer>Group Layer. The layer of the image will be inside a folder in the Layer Palette. Select the folder and go to Layer>Layer Mask>Hide all.

girl-in-the-field-with-backgr

Step 9

So now, let’s use some Watercolor Brushes. The ones I use are from Brusheezy and you can download them here http://www.brusheezy.com.

So select one of the watercolor brushes and them white for the color and paint on the layer mask of the group. You will notice that the image will start showing.

first-paint

Keep painting untill you can see the image without losing the brush splatters.

painted-girl

Step 10

Now add another layer, this time beneath the Folder that the image is in. Then again using the watercolor brushes paint over the layer using familiar colors of the picture. Use the images below for reference.

girl-with-backgr-painted-explained

girl-with-backgr-painted

Step 11

Let’s just adjust the color of the image. Select the image and go to Image>Adjustment>Photo Filter. Select Warning Filter (85) and 20% for the Density. Also select the Preserve Luminosity option.

watercolor-effect-in-photoshop

Conclusion

The idea of this tutorial is to show how to create a design from multiple reference images, a simple sketch, and your own ingenuity. Just place your logo and that it you will have a really cool effect and super simple to achieve. That can be used for website headers to create a simply awesome design, and, of course to create posters.


Download the Photoshop .psd File





About the Author: Alex Roman

I’m a 23-year old independent graphic artist based in Romania, Bucharest. I design beautiful, engaging user experiences and intuitive user interfaces for the web. I really love what I do. Want to hire me? Follow me on Facebook or Twitter.




  • Tạo hiệu ứng màu nước cho ảnh bằng photoshop - Tinhoc24h says:

    [...] thể tải về file gốc để tham khảo tại đây. Chúc bạn thành công! Tham khảo: ICanBeCreative – [...]

  • Fascinating Watercolor Effect In Photoshop Tutorial | Jeasy Sehgal says:

    [...] icanbeCreative [...]

  • Tạo hiệu ứng màu nước cho ảnh cực dễ | Lenz Nguyễn's Me says:

    [...] khảo: ICanBeCreative Share this:TwitterFacebookLike this:LikeBe the first to like this post. This entry was posted in [...]

  • Sebastian Costa says:

    Thank you so much for this tutorial, it was great and clear.
    I needed to make a picture which could help me getting hired in an architecture studio…
    This is what came out of it.
    http://www.picsel.it/watercolor.jpg

    Let’s hope it works!
    Cheers

  • Leeboteddybearlovegod says:

    nice tut, but if you want to mess with the most realistic digital watercolour effect the crown goes to Artrage, its just on a level all of its own.

  • Amazing Watercolor Effect Photoshop Tutorials | Blog Virtuemart Templates says:

    [...] Fascinating Watercolor Effect In Photoshop Tutorial [...]

  • Crna Gora says:

    I really like this, thanks a lot

  • chriz says:

    dude ur awesome

  • ain says:

    can i know does there a photoshop download for free? if you got, please give me the download link thanks.

  • Fascinating Watercolor Effect In Photoshop Tutorial - icanbeCreative | All About Arts | Scoop.it says:

    [...] Fascinating Watercolor Effect In Photoshop Tutorial – icanbeCreative [...]

  • Jess says:

    This tutorial was EXTREMELY hard to follow. It was a great technique, but your explanation was atrocious. Please word your tutorials much clearer in the future, and be much more specific when it comes to layers and such. It was really frustrating to do this tutorial because I really wanted to learn, but…you made it way too difficult to understand most of the time, and I had to go by trial and error.

    Thanks.

  • shan says:

    Very nice stuffs.the design are awesome.Thanks for the tutorial.

  • Jerry Lafferty says:

    Thats a pretty cool looking effect. Thanks for the cool tut!

  • Leonardo says:

    I love your logo and I want to eat that !!!!

  • Leonardo says:

    You ROCK!!!

  • Leonardo says:

    You rock!
    That’s just amazing! My eyes are glowing.

  • TRSteep says:

    nice effect!
    not necessarily download brushes, because in CS 5 there are imitation of brushes

  • Web dizajn Crna Gora says:

    Looks fantastic, thank you

  • Faruk says:

    Looks great.

  • nawarezaika says:

    awesome..i will make it now..
    thanks

  • GraphicsXone.com » 23 Excellent Photoshop Tutorials says:

    [...] Fascinating Watercolor Effect In Photoshop [...]

  • My Favorites On Week #2 | Childmonster says:

    [...] Urban-Inspired Scene In Photoshop Read More Fascinating Watercolor Effect In Photoshop Read More Shiny Glass Yellow Tomatoes With Colorful Liquid Inside And Splashing Effect Read More How [...]

  • Childmonster says:

    Very nice tut

  • Photoshop Beginners – Watercolor effect says:

    [...] Continue: http://www.free-web-design.co.cc [...]

  • xielifang says:

    very good tutorial,thanks for sharing

  • Alex says:

    muy buen tutorial! gracias es muy creativo
    thanks it´s awesome tutorial

  • khaing nyein thu says:

    Thank u so much for this tutorials..it is very useful and i get a lot of knowledge ….

  • Tutorial e Video tutorial Photoshop CS3: creare un quadro con effetto acquerello, partendo dalle nostre fotografie in pochi semplici passi. « WebFandom – Servizi gratuiti, Web Designer Freelance e grafica pubblicitaria says:

    [...] creazione di flyer, da poster a loghi. Per la versione inglese del tutorial visitate il post di Alex Roman, designer rumeno di Bucarest, che propone una versione più complessa della tecnica [...]

  • YK says:

    That you so much for the information on this website! I used the HDR tutorial and loved the finished product. You made it easy to do for a beginer at CS5.

  • bremen says:

    really really great collection of creative stuff.
    good work great job!
    stay creative and greetings from bremen

  • goldy says:

    brilliant use of colours & effects ossum……….

  • Kanpur says:

    very very nice water color.

  • Efectos acuarela en Photoshop | UnUsuario says:

    [...] Fascinating Watercolor Effect in Photoshop [...]

  • Photoshop Create a Cool Fascinating Watercolor Effect In Photoshop Tutorial @ photoshoptutorialtour.com says:

    [...] click here to: View Full Tutorial [...]

  • Watercolour Tutorials - Mandy's Blog says:

    [...] Tutorial 4 Tutorial 5 (4 & 5 are similar) [...]

  • Tutoriales y Pinceles sobre efecto acuarela en Photoshop - colorate says:

    [...] Fascinante efecto acuarela en Photoshop [...]

  • web Design Maidstone says:

    Wow this is really amazing, so much simpler with the tutorial with great results. Thank you!!

  • Stuart says:

    Great tutorial. Some really useful tips on design.

  • 23 Excellent Photoshop Tutorials | Karthik.K's Random Thoughts! says:

    [...] Fascinating Watercolor Effect In Photoshop [...]

  • Luis says:

    Nice!

  • Comprehensive Collection of Photoshop Tutorials | Flash, Design, Vector, Photoshop, Adobe Tutorials | GraphicMania.net says:

    [...] [...]

  • Shamima Sultana says:

    very nice..wonderful

  • Fazi says:

    It seems rather oil or akrylic not watercolor but it looks good!:)

  • Photoshop-Weblog says:

    [...] nun ein Beispiel, wie man ansprechende Gemälde im Wasserfarben-Stil umsetzen kann: Fascinating Watercolor Effect In Photoshop. Da wird zunächst ein Bild mit einigen Filtern angepasst und dann Teile davon wieder über [...]

  • Quileutte says:

    I love it…
    very useful tutorial…
    thank you for sharing….

  • Gareth says:

    Would be a great effect for animation, doing a few frames like this and then blending them from one to the other would look fantastic.

  • Theodore says:

    Love simple techniques that look this good, very useful.

  • Heatherina says:

    simple and yet effective, this tutorial would look good for creating logos. This is worth a try!

  • Saad Kamal says:

    Long time reader, first time commenter.Very interesting and creative style! I check for updates everyday. This would be one of my favourite tutes from you guys so far!

  • Daniel says:

    Awesome tutorial! Just finished it in not more than 20 minutes. The outcome is great. :D Extremely simple and sweet effect. Thanks! :)

  • Timothy says:

    I really like that, it seems so easy, sometimes you forget the simple stuff.

  • Sarah says:

    Really nice! Thank you very much!

  • T. Arnold says:

    thanks for the tut its very useful, i’ve been looking for an idea for my new design i’ll use same of this technics!

  • Gorny S. Needa says:

    Great Tutorial, Love the outcome.

  • Wiliam Waith says:

    Wow this is amazing and so easy to follow. Thanlk you so much

  • Andrew says:

    Beautiful image. I’ll be trying this one out, it would make a great wall pic too, thanks!

  • Arnaud Alves says:

    Excellent tutorial. I had a blast doing the whole thing. Taught me a lot about layer masking I didn’t quite understand till this tutorial.
    Thanks again!

  • Danielle says:

    Thank you so much. Really helpful and really beautiful.

  • Nancy says:

    way too awesome! Can’t believe it.

  • Michael Plant says:

    great tutorial on a pretty hot style. thanks for posting – lovely work as always.

  • Bobby says:

    you do good things. very creative, good use of resources. Thanks!

  • Veminds says:

    Simple awesome. One of the best tuts I’ve ever seen :)

  • Nate says:

    Looks great. Thanks for sharing this technique. I love this watercolor-style.