In this tutorial I will show you how to create a really cool effect using some watercolor brushes mixed with photos. The image we will create is inspired by the works of Bruno Fujii, Margot Mace, Raphaël of My Dead Pony, and Stina Person.
Step 1
Open Pixelmator and create a new document; I’m using 1440×900 pixels. Then select an image for the background. The one I used can be downloaded at: http://www.shutterstock.com/pic-13035457-texture-series-old-aged-antique-parchment-manuscript-for-background-use.html. Place the image in the center of the document and then go to Edit>Transform>Scale and reduce its size to fit the page.
![]()
Step 2
Let’s add another texture. I’m using a canvas texture, and you can get it here: http://www.shutterstock.com/pic-18799315-watercolor-paper.html. Again, resize it to fit the image’s size and then change the Blending to Multiply.
![]()
Step 3
Now that we have our background done, we will add a photo of a woman that will be the model for our painting. Use the photo you want, but if you want to use the one I used, go to http://www.shutterstock.com/pic-26914486-amazing-jumping-girl-in-black-underwear.html.
Import the photo to your document and place it like the image below.
![]()
Step 4
Go to Layer>Add Layer Mask. Then, with a very soft brush using black as the color, start painting over the layer mask. You will be hiding some areas of the image. We need pretty much just the face for now.
![]()
Step 5
Go to Filter>Quartz Composer>Stylize>Color Pencil.
![]()
Step 6
Go to Image>Desaturate. Your image will become black and white. Then select the Brush Tool (B) and white for the color; paint over the girl’s layer mask to show some of the masked areas, especially the neck and part of the hair, exactly like the image below.
![]()
Step 7
Now let’s start painting some watercolor splatters. You can download the brush I used at http://www.bittbox.com/freebies/free-hi-res-watercolor-photoshop-brushes-set-ii/.
Create a new layer and, using black, paint the first like the image below.
![]()
Step 8
Paint another one in a new layer. The idea is that it simulates the girl’s hair, but does so using the brushes.
![]()
Step 9
Add another one and go to Edit>Transform>Free Transform, or just Command+F. Rotate and scale the brush to match with the girl.
![]()
Step 10
The last one and we have a nice image already. But it needs some color.
![]()
Step 11
Add a new layer and fill it with the Gradient Tool (G); the one I used was the Pink/Purple one. Then select the Brush Tool (B) and, using the watercolor brushes, paint with different colors like red, orange, blue, green, and yellow. Use the image below for reference.
![]()
Conclusion
Change the Blending to Screen and there we go—we have a super cool watercolor effect. You can add your logo and also try a different color to see how it works. Also, if you try different blendings you will produce different results that are really cool as well.
![]()
Other Examples
Here is our example without the background image, only the canvas texture.
![]()
In this example, I changed the layer with the gradient and brush splatters to Soft Light, a much darker but really nice effect.
![]()
Here is an example using Multiply for the Blending—a really crazy result, though not my style.
This example uses only one color instead of that pretty colorful layer.
Download the 30-day trial.
Download a detailed introduction to Pixelmator.
Take an in-depth look at all the Pixelmator features and technologies.
June 22nd, 2009 at 6:31 am
Sou Fã Dos Manos so Abduzeedo
Parabéns otimo tuto!!!
June 22nd, 2009 at 8:05 am
Beautiful work! No idea Pixelmator could do this.
June 24th, 2009 at 11:45 am
Very nice done. i love your work!! And this just blew my mind!
September 27th, 2009 at 4:54 pm
fabulous!
October 4th, 2009 at 3:42 pm
Great exept for the Step 11 I can’t find these brushes
December 2nd, 2009 at 4:03 am
Great Tutorial!
Unfortunately i don’t have an Shutterstock account… :-(
December 19th, 2009 at 4:43 pm
I do enjoy your tutorials however I always feel you leave out portions of the tutorial.
January 5th, 2010 at 9:50 am
I am totally loving the tutorials though cannot afford a Shutterstock account. Any suggestions for free stock?
April 3rd, 2010 at 6:07 am
I harmonise with your conclusions and will thirstily look forward to your next updates. Just saying thanks will not just be enough, for the exceptional clarity in your writing. I will directly grab your rss feed to stay privy of any updates. Solid work and much success in your business endeavors!