In this tutorial, I will show you the steps to Design this Fluid Typography on Watercolour Background in Photoshop. We will mainly use custom brushes and the liquify tool to achieve this simple, but unique effect. This is a beginner level tutorial, have a try!
Note: The Photoshop tutorial is done in CS6 – therefore some screenshot may have slighting different layout as in the earlier version. Some brushes are exclusive to Photoshop CS6.
Here is a preview of the final effect I have for this tutorial: (click to enlarge)
PSD File Download
You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 100+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. Signup now and get exclusive :) Find out more about the VIP Members Areas
OK Let’s get started!
To complete this tutorial, you will need the following stocks:
Create a new document with the default white background with the size of 1275px in width, and 610 in height. Load the Page Texture image into Photoshop and select a portion of the paper texture, copy and paste it onto our document:
Use a soft eraser to fade the edges of the page as shown below:
Add the following 2 adjustment layers on top of this paper texture:
And here is the effect so far:
We will add the letters onto our document. Use any font you like and type some texts:
Duplicate this text layer once, and hide the original text layer, then right-click on the duplicated layer and choose “Rasterize Type/Layer”:
Then grab the liquify tool (Filter > Liquify), use the the following settings:
Manipulation the text until they form the following shape:
We will add some drawing patterns over the black texts – I use the following brush settings:
We will use the brush above to paint some white and blue dashes over the text, as shown below:
We will add some extra effect for our text – We can add a bit of shadow for the text by duplicating our rasterized text layer, then compress it down with the free transform tool:
Optional: we can also add some particles around the text with a particle brushset:
Use the watercolor brush we downloaded, paint some watercolor pattern around the text, as well as behind the text (set a smaller brush size):
We’re almost done! For final touches, I added the following Selective Color adjustment over all the previous layers:
Optional Step (CS6 only): flatten the image, and duplicate the background layer, and apply the following Oil Paint filter (Filter > Oil Paint):
Use a soft eraser to remove the following parts for the oil paint layer:
and here is the final effect: (click to enlarge)
Hope you enjoy this tutorial and find it useful. Drop me a comment below if you have any question.
Till next time, have a great day!