This is a nice and easy effect with great looking results. We are going to learn how to create a watercolor text effect painted over a wet paper. The results are very nice and you can try this effect with different color schemes or underlying papers. Perhaps scrapbooking fans will consider this effect for their hybrid scrapbooking projects. The image below shows the final effect:

Open a new 450px by 250px document with white background. Create a new layer and paint it with white. Choose the Horizontal Type Mask Tool and before starting to type, choose the font you want to use. In this case we will be using Brush Script font with a font size of 200px. Click on the blank document and type the word Blue.
Visit MyFonts.com for some other cool brush style fonts.

Go to SELECT >> FEATHER and set it to 5px. The feather shouldn’t be too large, the font must remain readable, but don’t set it too small because the effect won’t be noticeable.
Now set Foreground color: #0000CA and Background color: #E300B6. You can use any color you like, but for some reasons, the effect can be quite different according to the colors you choose. When you finish this tutorial, try another colors to see what you get.
Go to FILTER >> RENDER >> CLOUDS. After that, go to SELECT >> DESELECT to remove the selection.

After removing the selection (very important!), go to FILTER >> ARTISTIC >> WATERCOLOR and enter the following values: Brush detail: 1 - Shadow intensity: 0 - Texture: 1. Click OK to apply the filter.

So far the watercolor text effect looks great, but why not make it even better? Copy the paper background image below and paste it into the watercolor text effect document. This texture is part of my High Resolution Paper Backgrounds Collection.

Move the layer below the TYPE layer and name it PAPER. After that, select the TYPE layer and set the Blending mode to Multiply.

So far the image should look like this:

Select the PAPER layer and click on the Add new layer icon on the Layers palette. Name the new layer as BUMP. Select the Paint Brush tool and create a brush tip of Master diameter 90px and Hardness 0.

Paint some thick strokes on the BUMPS layer. In the next step, these strokes will become the bumps in the paper. The checker box pattern is just the layer transparency.

With the BUMPS layer still selected, set the LAYER FILL to 0% and choose Bevel and emboss from the Layer Styles pop up menu. Use the settings shown in the image below.

At this stage, the image should look like the one below:

But the effect is not quite ready. To have a complete illusion of paper relief we will have to add some shadows to "raise" the paper a bit. Set the Background color to white. Go to IMAGE >> CANVAS SIZE and set the width to 500px and the height to 300px. This will add a thick white border all around the image.

The next step is adding a very subtle drop shadow to the paper. Select the PAPER layer and select Drop shadow from the Layer styles popup menu. Use the settings shown in the following image.

Take a look at the image below and you will see that although the light comes from the top left, the shadow can be seen on all four sides, being the right and bottom sides the most noticeable.This is done by setting a shadow size (8 pixels in this case) larger than the shadow displacement or distance (2 pixels in this case). I often use this technique to make the shading more soft.

Believe it or not, we are not still there! There is a last touch of magic. Select the Paint brush tool and create a 90px brush tip like the one mentioned earlier in this tutorial. Set the Foreground color to black. Select the Background layer and make a single click with the brush near the the edge of the paper. Try different positions of the brush tip to create deeper or lighter shadows. Check the image below to see how it works:

Now make some other clicks in different spots until you believe the paper looks the way you want. The image below shows the final result of this tutorial:

This tutorial you have just finished reading, and hopefully managed to get the same results, can be combined with another tutorial I wrote last year: Creating Paper Folds and Creases. Combining both tutorials you can create something like this image:

In this case, I used Color Burn instead of Multiply as the text and drops layer blending. There are so many settings in these two tutorials that you should play with them. Start with following the instructions as strictly as you can. Once you get the same results, you can start playing with the settings to achieve different results.
Use the comments section to leave a link to your work created with these two tutorials. Don’t be shy!
Here’s a list of cool commercial and freeware resources that are related to the topic discussed in this tutorial.
FONT: Blue Goblet |
FONT: Mirage |
FONT: Bodoni Brush |
FONT: Brody |
FONT: Brush 455 |
FONT: DaFont free fonts |
BACKGROUNDS: Full Page Paper Backgrounds |
PLUGIN: Crease |
PLUGIN: Deckle |
PLUGIN: Page Curl Pro |
PLUGIN: Pixel Paper Effects |
BRUSHES: Watercolor Photoshop Brushes |


Good resources man!
Posted by Maicon on June 2nd, 2007 at 1:17 pm
Wow, really realistic! A++++
Posted by Ralf Smith on June 14th, 2007 at 12:37 pm
same here A++++++++++++++++++++++
Posted by Yuvann on June 19th, 2007 at 7:22 pm
wow…
great tutorial!
thanks for sharing
Posted by Photoshoper on June 20th, 2007 at 7:10 pm
seriously hot!
Posted by Kyle on July 7th, 2007 at 2:11 am
I dont understand why this didnt work for me, i cant get the same look after going to filter>watercolor, even if im using the same exact colors.
Posted by josh on July 24th, 2007 at 3:41 pm
i tried my best with different font it does’nt work!!
thanks
Posted by sweeta on July 25th, 2007 at 4:33 am
Very nice effect thanks .
Posted by Mohamed on August 11th, 2007 at 12:58 pm
Josh,
The watecolor effect doesn’t seem to work if the text is created on a transparent layer. Make the layer white first - I found this out the hard way…
Posted by Mattias Åslund on August 26th, 2007 at 2:51 pm
Mattias, read again the text in the article:
“…Open a new 450px by 250px document with white background. Create a new layer and paint it with white. Choose the Horizontal Type Mask Tool and before starting to type…”
Perhaps my English grammar is not the best (I speak Spanish) but I believe it is quite clear that you should create a layer and paint it white right before typing the text.
Anyway, I’m glad you could work this out. Did you get the desired results?
Posted by Enrique Flouret on August 26th, 2007 at 8:01 pm
Im stuck here, somebody help. After i render cloud upon type and deselect i tried to go for filter>artistic>watercolor. But my artistic function is turn off for some reason and i cant figure it out. if you know what’s going on, help me out here. thanks a million.
Posted by Ne Minn on August 30th, 2007 at 10:02 pm
Awesome tutorial .
Posted by vista themes on November 10th, 2007 at 1:54 pm
[…] […]
Posted by loversick.com » Blog Archive » Photoshopta Yapabileceğiniz Önizlemeli 78 Yazı Efekti on March 24th, 2008 at 8:08 am
so i did the watercolor and it did not give it that hard looking outline idk why!
Posted by [::april::] on April 24th, 2008 at 7:57 am
[…] Per tutti gli amanti di Adobe Photoshop che vogliono imparare a migliorare la loro tecnica nella creazione delle scritte, oggi vi proponiamo i migliori 80 tutorials per creare scritte mozza fiato. Ce ne sono davvero per tutti i gusti e principalmente le guide non sono molto difficili da eseguire. Per qualunque evenienza potete lasciarci un commento o inviarci un e-mail su un passaggio di un tutorial che non capite e ve lo possiamo spiegare senza alcun problema Ringraziamo Don-Vito per la segnalazione. […]
Posted by L’Arte Del Web » Blog Archive » I migliori 80 tutorials per scritte! on May 16th, 2008 at 12:15 pm
[…] Watercolor Text Painted on a Wet Paper […]
Posted by 水彩画風デザイン チュートリアルとブラシ - DesignWalker on July 8th, 2008 at 12:56 am