TWCOM 2012 Logo
HomeGunZPhotoshop TutorialsToolsContactLogin

Signature Effects: Watercolor


Start by creating a new document.

Creating a new document in Photoshop CS3.

In the colors palette, you will need a light grey and a middle gray.
Good choices would be #cccccc and #666666.

Create a new layer and hide the [Locked] Background Layer.
You don''t have to, but I always do so as common practice. This is because you can''t work with transparencies while using that base layer, if you ever choose to do so.

Now, in the Filter menu, go to Render > Clouds. This command is also Control+F (windows).
A cloudy mix of the foreground and background colors has been rendered. Yours will look different than mine because this is randomly generated.

Again, go to the Filter menu, but this time, head over to Artistic and click on Watercolor.

Wow! Already lookin'' sweet! But hold on; we''re not done yet!

We need to give it some color.

So, create a new layer.

Choose a bright (or moderately bright) foreground color. One of my choices was a bright magenta, #ff0066.
Fill the new layer by using the paint bucket tool (shortcut key: ''G'').

Color selection in Adobe Photoshop CS3.

Now, we need to apply this color to the gray media. On the Layers palette, click the dropdown that currently has ''Normal'' selected, and choose ''Multiply''.
Layers palette in Adobe Photoshop CS3.

This "multiplies" shades of gray with the color chosen. This is a good method for colorization because it allows you to change the colors of the image without harming the original media at all.

Here''s my result.

Resulting image with added text - in Photoshop CS3.

Also, if you''d like to add a little text logo or something, I have a bonus step.

Use the type tool with a font size of around 18pt and type the logo or slogan that you want to put in.
Up on the menu above the canvas, change the text color to something very dark, such as anything between jet black (#000000) and #111111.
I chose #010101.
Then, place the text in the bottom-right or bottom-left corner with the Move tool (shortcut key: ''V'').

It may not have enough contrast to be legible, so we may need to add an effect to help it out.
Click the little fx icon on the bottom of the layers palette and then on Stroke.
Set the size to 1px, Position: Outside, Blend Mode: Soft Light, and the color to white (#ffffff). Hit OK.
If it now stands out too much, we can tone it down by reducing the Layer Opacity (left of the blend mode drop-down, currently set to ''Normal'') from 100% to something around 50%.

And here''s my result of the new image!
Resulting image with added text - in Photoshop CS3.


The other optional thing you could do is to go to the watercolor layer and add a 1px #131313 stroke on the inside. This gives it a self-border so it is more friendly to surrounding colors.

I hope you enjoyed this tutorial! Until next time!

Click here to return to the tutorials.

Copyright © 2009, 2010, 2011+ zh. All rights reserved.