Languages

Top Navigation

Super Cool Watercolor Effect in 10 steps in Photoshop

June 22, 2009 from abduzeedo's blog

Last year I wrote a Photoshop tutorial for PSDTUTS showing how to create a very nice design using watercolor brushes. It was inspired by the work of guys such as Bruno Fujii, Margot Mace, Raphaël of My Dead Pony and Stina Person. This time I will create another effect but it will be using Masks and Watercolor brushesl; it's inspired by another great digital artist, the master Scott Hansen the mind behind ISO 50 and also some images from the Daily Inspiration.

So in this tutorial we will use Photoshop, some brushes from Brusheezy and some stock photos.

Step 1

Open Photoshop and create a new document, I'm using 1920x1200 pixels.

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Step 2

Add a new layer, fill it with white then make sure you have black and white for the foreground and background colors. Then go to Filter>Texture>Texturizer. Use Canvas for the Texture, 75% for the Scaling, 3 for the Relief and for the Light choose Top Right.

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Step 3

Let's add a nice texture. You can use the image of your choice it could be parchment paper for example. I'm using a image from Shutterstock that you can buy it at: http://www.shutterstock.com/pic-20845342-old-yellow-paper-background-with-scratches.html

Place the image in the document on top of the other layers. After that, change the Opacity to 75%.

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Step 4

Now let's place an image in our document. I'm using a photo of a guy walking in the field from Shutterstock, you can get it here. The image has to go beneath the texture 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.

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Step 5

The image is hiding because of the mask. 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/brushes?search=watercolor.

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.

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Step 6

Pick another Brush and paint again.

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Step 7

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

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Step 8

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 colors like: pink, blue and yellow. Use the image below for reference.

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Step 9

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

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Step 10

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.

Image from the Super cool watercolor effect in 10 steps in Photoshop tutorial

Conclusion

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. Also you can reduce the opacity of the paper texture. I reduced to 50%, that way we can drive the viewer's attention to the watercolor effect.

Version 2

You can try different images as well like the one below.

Watercolor experiment in Photoshop

Download the Photoshop File

Click here to download the Photoshop file used for this tutorial

About the author

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. You can get in follow us via Twitter at @abduzeedo

Sponsored Links:

More articles about:

Comments and Reactions

Featured Tutorial

Super Easy Neon Style in Photoshop
Super Easy Neon Style in Photoshop
This past Friday was the Abduzeedo meetup here in my hometown of Porto Alegre. It was really cool, we had a lot of fun and a lot of beers! When I was leaving I noticed the neon sign outside the pub and it really inspired me to create a tutorial on how to acheive that type of effect in Photoshop. In this tutorial I will show you how to create a nice light effect in Photoshop. We will use Layer Styles and Blend Modes to simulate a neon text effect.

Try this Wallpaper

Wallpaper of the Week 18
Wallpaper of the Week 18
The wallpaper of this week is a beautiful illustration from Chris Halasca, an Art Director from Sydney, Australia and an Abduzeedo reader. We highly recommend you visit his website at http://www.chrishalaska.com/. Also we've received some really cool wallpapers from other readers, thank you very much and you will publish them soon. If you have a great image for our wallpaper of the week let us know. Desktop Version

Book Suggestion

Book Suggestion - 50 Psychology Classics: Who We Are, How We Think, What We Do
Book Suggestion - 50 Psychology Classics: Who We Are, How We Think, What We Do
The book suggestion of this week is really interesting especially for us designers that have to reach audiences with our work by trying to understand their needs. The book is called 50 Psychology Classics: Who We Are, How We Think, What We Do; Insight and Inspiration from 50 Key Books.