In this Photoshop tutorial, I will show you the steps I took to Design a “Letter Drops into Water” Typographic Effect in Photoshop. This is intermediate level Photoshop tutorial, have a try!

We will heavily use the liquify filter, custom brush and the free transform tool.

The inspiration of this tutorial comes from this wonderful text effect work done by ~BK1LL3R on DeviantART.

Here is a preview of the final effect I have for this tutorial: (click to enlarge)

letter drop into water flatten 500x666 Design a Texts Drop in Water Typography Effect in Photoshop

Note: If you have any difficulty with step 4 and 5, check out this video tutorial I have on psdvault.com Youtube Channel:

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

vip sign up 250 Design a Texts Drop in Water Typography Effect in Photoshop

OK Let’s get started!

To complete this tutorial, you will need the following stocks:

Water Texture

Water Brushes

Font

Step 1

Create a new document with black background, use the font we downloaded to type some letter on the canvas, rotate the text as shown below to form an angle:

1 type1 Design a Texts Drop in Water Typography Effect in Photoshop

Apply the following layer blending options on this text layer:

Bevel and Emboss

1 bevel 500x350 Design a Texts Drop in Water Typography Effect in Photoshop

Gradient Overlay

1 grab 500x350 Design a Texts Drop in Water Typography Effect in Photoshop

and here is the effect so far:

1 effect 500x458 Design a Texts Drop in Water Typography Effect in Photoshop

Step 2

We will now create a simple water surface. Use a water brush and paint some drops on the canvas, then rotate it with the free transform as shown below:

2 resize 500x300 Design a Texts Drop in Water Typography Effect in Photoshop

Then use the liquify filter (forward warping tool) on these water drops and produce the following effect:

2 liq 500x301 Design a Texts Drop in Water Typography Effect in Photoshop

Use a soft eraser to erase some parts and the edges of the water to add depth:

2 effect 500x112 Design a Texts Drop in Water Typography Effect in Photoshop

and here is the overall effect:

2 effect 2 500x382 Design a Texts Drop in Water Typography Effect in Photoshop

Step 3

Now we will create some abstract lines around the text and on the water surface to give it a flowing effect. Pick a round brush as shown below:

3 dot Design a Texts Drop in Water Typography Effect in Photoshop

Create a new layer and paint a dot on it, then use the liquify filter to manipulate this dot into a line shape:

3 liquify 500x256 Design a Texts Drop in Water Typography Effect in Photoshop

Duplicate this abstract line layer a few times, and put those layers all below the text layer:

3 dup1 500x442 Design a Texts Drop in Water Typography Effect in Photoshop

Duplicate more abstract lines and move them above the text layer:

3 dup 2 500x536 Design a Texts Drop in Water Typography Effect in Photoshop

Step 4

If you have any difficulty with this step and step 5, check out this video tutorial I have on psdvault.com. Youtube Channel:

Let’s add some water texture over the text. Load the water image into photoshop and select a portion of the water using the quick selection tool:

4 sel 500x318 Design a Texts Drop in Water Typography Effect in Photoshop

Copy and paste the selection over onto the text, adjust the shape with the free transform tool, and erase the following area with a soft eraser to reveal the text underneath:

4 paste erase 500x462 Design a Texts Drop in Water Typography Effect in Photoshop

Add the following 2 adjustment layers as clipping mask to this water texture layer:

Levels

4 lv Design a Texts Drop in Water Typography Effect in Photoshop

Black and White

4 bw Design a Texts Drop in Water Typography Effect in Photoshop

Then change the blending mode of this water stream layer to “Pin Light”:

4 pin light 500x350 Design a Texts Drop in Water Typography Effect in Photoshop

Further erase the water texture with a small soft eraser from the areas indicated below:

4 erase texture Design a Texts Drop in Water Typography Effect in Photoshop

Step 5

OK we’re almost done! For some final touches, I added some more water stream textures around the text, by duplicating the water stream layer done in the previous step:

Hint: Resize those duplicated layers with free transform tool to add variety.

5 more 500x533 Design a Texts Drop in Water Typography Effect in Photoshop

We can also add some splashing water on top of the water using the water brush: (use free transform tool to adjust its shape and angle)

5 splash Design a Texts Drop in Water Typography Effect in Photoshop

Use the cloud filter or a cloud brush to add some cloud/smoke around the text for extra effect:

5 cloud1 500x436 Design a Texts Drop in Water Typography Effect in Photoshop

I then further added some colour effect onto the image with selective colours and image adjustment layer, and here is the final effect I have: (click to enlarge)

letter drop into water flatten 500x666 Design a Texts Drop in Water Typography Effect in Photoshop

That’s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!