Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
Watercolor Text Effect in Photoshop
  • By Design Bundles
  • 21 Oct 2017
  • 5 Mins
  • Advanced
  • Photoshop Tutorials

Watercolor Text Effect in Photoshop

In this tutorial, the realistic watercolor text effect is made with filters, a layer mask, and more!

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.

1 – In Photoshop create a new document or open the one with the background you wish to use.

2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers Panel” and choose “Hue/Saturation”. Give the Saturation a value of - 25.

3 – Right-click on top of your adjustment layer and select “Create Clipping Mask” to clip the layer to the canvas image.

4 – Create a new layer on top, name it “Texture” and fill it with the color of your choice. In this case we used #268596. Right-click on your “Texture” layer and make it a “Smart Object”. Make sure the background color is white in your adjustment layer.

5 – Go to Filter > Render > Clouds and hit OK.

6 – Then go to the “Filter Gallery” and apply the following filters making sure that you click the “New Layer Effect” button at the bottom right of the “Filter Gallery” menu to create a new filter every time:

Brush Strokes > Spayed Strokes: Stroke Length: 12,Spray Radius: 7, Stroke Direction: Right Diagonal.

Brush Strokes > Spatter: Spray Radius: 10, Smoothness: 5.

Artistic > Dry Brush: Brush Size: 2, Brush Detail: 8, Texture: 1.

Artistic > Underpainting: Brush Size: 40, Texture Coverage: 40, Texture: Canvas, Scaling: 100, Relief: 0, Light: Top.

Dry Brush: Brush Size: 10, Brush Detail: 10, Texture: 1.

Click OK.

7 – Go to Filter > Sharpen > Unsharp Mask and leave the values (Amount: 50%, Radius: 1.0 Pixels, Threshold: 0 Levels).

8 – Set your foreground color back to black and type your text. We used Tintin Script with a size of 230 points. Then Command/Control-click on your text layer or go to Select > Load Selection making sure you are in your text layer and click ok to select your text.

9 – Hide your text layer and select your “Texture” layer and click the “Add Layer Mask” button from the bottom of your “Layers Panel”.

10 – Select the “Brush Tool” (B) from your Toolbar, open the “Brush Panel” or go to Window > Brush and choose the Chalk 23 pixels tip. Change its settings to the following values:

Shape Dynamics:

Scattering:

Transfer:

11 – Right-click on your text layer and “Create Work Path”. Choose the “Direct Selection Tool” (A) and then “Path Operations” in your upper menu, choose “Merge Shape Components”.

12 – Select the “Texture” layer thumbnail and set the foreground color to white and choose the “Brush Tool” (B) again. Hit the “Return/Enter key” to apply the brush to the stroke and then click “A” and Return/Enter again to delete the path.

13 -Change the “Texture” layer Blend Mode to Linear Burn. Double- click on the layer to invoke the “Blending Mode” panel and apply an Inner Glow with the following values:

14 – Your text should look like this.


6 Related Photoshop Tutorials

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

Would you like to learn how to create a watercolor text effect in DesignScape? Then follow our tutorial as we guide you step by step. Watercolor text has the feel of brush strokes dipped in watered down paint. It adds a creative and handmade texture to your projects. We will ...

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...

For this tutorial, we are using “Hamster” a free font from Artimasa.1 – In Photoshop, create a New Document. Select the “Gradient Tool” (G) and give the Background a fill of your liking. We used some shades of cyan, made it a “Radial Gradient” by clicking on the button in the ...

In this tutorial, we are going to use the “3D Text” and “Patterns” created in Part 1 to add cake to your text.1 – Open the 3D text file you created in the first part of this tutorial. Delete the “Shadow” layer and merge all the other visible layers into a single ...

adobe photoshop

You may also like

Help Center
ol image