Create cool, splashy typography using Adobe Photoshop

by Elizabeth Tran

For this month's Designing Women issue, Mirko from the DesignerDaily sent this Photoshop tutorial written by Elizabeth Tran, a bright new designer from China! In this tutorial she shows you how to create cool water typography effect in Photoshop utilizing stock photos, blend modes and filters. She also uses special water splash brushes and smooth gradients to give a splish-splash feel to this unique design typography treatment.

How to Create Cool Water Effect Typography using Photoshop . . . Liz writes :

For this tutorial I have downloaded a few things; water splash brushes from Brusheezy.com, stock photos and one font.

The water splash brushes can be found here: Brusheezy Water Brushes

For the stock photos I went in search of water splashes in glasses and water splashes in general, a good source was istock.com for cheap stock photo.  Lastly the font was sourced from dafont.comit is called Val: Val Font

Step 1:

First off start a new document 1920×1200 pixels.

Step One - Designer Daily

Then Fill the background with black using the paint bucket tool (G).

Step 2:

Using the Rectangle Tool (U), on Shape Layer option (this option is the top left-hand icons, the first one is Shape Layer) draw out a rectangle to fill the entire bottom half of the screen. When this layer is created double click it to bring up the Layer Styles, then select Gradient Overlay option and select the handles of the gradient and change to a light grade of navy to a light blue, here I have used #325372 (light navy) – # b9d2e6 (light blue).

gradient_drop_shadow

Then add a Drop Shadow of # a8c1d5, Opacity 100%, Angle -4, Distance 4px, Spread 0, and Size 10px.

Step 3:

Again using the Rectangle Tool (U), on Shape Layer option (this option is the top left-hand icons, the first one is Shape Layer) draw out a rectangle to fill the entire top half of the screen. When this layer is created double click the layer in the layers palette to bring up the Layer Styles, then select Gradient Overlay option and select the handles of the gradient and change to a light blue to an even lighter blue then white, here I have used # c7d8ea (light blue) – # f4fcfe (light blue) – # ffffff (white).

Step Three - Designer Daily

Step 4:

Next using the Text Tool (T), type out a word you want to manipulate, here I am just going to go with ‘water’! I am using the font Val because it resembles a sort of glass tumbler feel and it will also be easy to add the great splashes to.

Step Four - Designer Daily

Here I will add a Gradient Overlay, so double click the text layer in your layers palette and select Gradient Overlay. Here I have added a gradient of black to dark navy to light blue to white; #000000 (black) – # 31475f (Dark navy) – # f0fafc (light blue) – #ffffff (white).

Step Four Gradient Overlay

NEXT : a specialized gradient layer stylizes the type

... continues on the next page!


great deals on vector graphics