VIP Membership

Become a PSD Vault VIP to access 170+ PSD Files, Extra Goodies and Exclusive Photoshop tutorials. Sign up now!

Useful Resources

site5 banner

Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Posted on September 17th, 2012 in Text Effects.

In this tutorial, I will show you the steps I took to Create a Glowing Liquid Text Effect in Photoshop. We will be practising the use of liquify filter, layer blending options, as well as some image adjustments.

This is a beginner level tutorial and the steps are easy to follow (well, the hardest part may be the liquify filter usage), have a try!

Note: The Photoshop tutorial is done in CS6 – therefore some screenshot may have slighting different layout as in the earlier version.

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

desert water text flatten 500x304 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

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 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

OK Let’s get started!

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

Ground texture

Water pattern image

Water splash brush

Step 1

Create a new document sized 1280px * 800px with black background. Load the Ground Texture stock image into Photoshop, and select a piece of the ground as shown below:

1 sel 500x155 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Copy and paste the selection onto our document, use a soft eraser to remove the edges and some parts of the ground as shown below:

1 eraser 500x111 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Add the following 3 adjustment layers on top of the ground texture layer:

Black and White

1 bw1 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Levels

1 lv1 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Curves

1 curves1 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Create a new layer on top and add some cloud effect over the ground with either a cloud brush or the cloud filter – this adds some dramatic effect into it:

1 effect1 500x141 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Step 2

We will now add some text onto the document – I used the “Freestyle Script” font (should come with Photoshop):

2 type Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Apply the following layer blending options to this text layer:

Bevel and Emboss

2 bevel 500x359 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Color Overlay

2 color overlay 500x359 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Outer Glow

2 outer 500x359 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

and you will have the following effect:

2 mask1 500x288 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Step 3

We add some water pattern over the text – download the water pattern pack and choose one of the images, select a portion of it with any selection tool:

3 sele 500x241 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Copy and paste the selection over the text and set it as a clipping mask to the text layer:

3 paste clipping mask 500x158 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

We will go back to the water images and select a piece again, then copy and paste the selection and put it below the text layer, use the liquify filter’s forward warping tool to make it into a pattern as shown below:

3 liq 500x332 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

This step can be a bit and you will probably need to have a few tries before getting it right. The effect below is the one you’re aiming to achieve:

3 effect1 500x293 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Step 4

Load the water splash brush into Photoshop and paint some splash around the text, use a soft eraser to fade the edges of the splash for depth:

4 water drop 500x270 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

We will fine tune the colour effect a bit with the following image adjustment layer on top:

Selective Color

Cyans

4 sel cyans Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Whites

4 sel whie Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Neutrals

4 sel neur Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Layer mask on the selective colour adjustment layer:

4 sel mask 500x274 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Curves

4 curves Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Layer mask on this curves adjustment layer:

4 curves mask 500x305 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

Color Balance

4 col bal mid Create a Glowing Liquid Text with Water Splash Effect in Photoshop

4 col bal high Create a Glowing Liquid Text with Water Splash Effect in Photoshop

and you will have the following final image: (click to enlarge)

desert water text flatten 500x304 Create a Glowing Liquid Text with Water Splash Effect in Photoshop

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


Take a Break

  • http://www.facebook.com/Final.Fantasy.es.10x5.37325126523532969999985555 Viva LVida

    Woo o_O im trying this..

  • ajit

    nice glowing liquid text ,,,
    thanks for sharing..

  • kailash

    Ossam tuts ..keep it up

  • ali hafezi

    im from iran ….
    my name is ali hafezi…
    very nice ….

  • booboooo101

    you dont explain too well

  • http://www.facebook.com/Final.Fantasy.es.10x5.37325126523532969999985555 Viva LVida

    What do u want me to explain? ._.

  • Pavlov

    Could you maybe explain the “download the water pattern pack and choose one of the images, select a portion of it with any selection tool”-part a bit more? It really doesn’t work for me at all, with just a random square selection or so. Thank you!

  • http://www.psdvault.com PSD Vault

    Hi there, You can use the Lasso Tool or Rectangular Marquee tool to draw a selection, just make sure the selection is large enough to cover your text.

    Hope this helps!

  • Cherry

    Hi there… I really love the final result… but .. in step 2.. my text didn’t end up like yours… :( and also after i added water texture… My guess was that i might have missed something in Blending option… but when i check back… i did exactly same with tutorial…. Can you please explain more on that ? Thank you very much !!!

  • A. Renee Lee

    Hi, In step 1, what are the input/output for curves? I think I may have missed the exact numbers. Thanks, so much!!

  • http://www.psdvault.com PSD Vault

    Hi there, Input: around 50, output: around 24.

  • nablair

    Why is your text not blue in step 2?

  • going hard

    first link dead D: where cans i find it?

  • http://www.clippingpathindia.com/clipping-path-service.html Clipping Path

    Wow it’s a creative job ever .

  • UknowWho

    seem some crap tut’s before , but this one takes the CAKE !!!!!