Create a Glowing Liquid Text with Water Splash Effect in Photoshop

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)

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:

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:

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:

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

Black and White

Levels

Curves

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:

Step 2

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

Apply the following layer blending options to this text layer:

Bevel and Emboss

Color Overlay

Outer Glow

Add a layer mask for the text layer, and use a soft eraser to remove the following parts of the text on this layer mask. And you will have the following effect:

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:

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

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:

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:

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:

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

Selective Color

Cyans

Whites

Neutrals

Layer mask on the selective colour adjustment layer:

Curves

Layer mask on this curves adjustment layer:

Color Balance

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

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

Categories: Text Effects

Tags: ,,,,,,,

  • 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 !!!!!

  • h

    i got stuck in step 3, so i create a clipping mask, the photo still wont go into the text._.

  • Alex

    pretty awesome looking text. Too bad its horribly explained after step 2 especially since this should be a beginners tutorial. As I read the comments I see im not the only one with that problem.

  • caramelle03

    Hi, i don’t have the same style text after the step 2 … My text is in color and hightly glowly
    Thanks for your answer ! ;)

  • Clipping Path

    Awesome Collection Reallyboss collection of every image designer

  • dbz

    Video Will help
    Didn’t got tutorial :(

  • dbz

    If somebody get this tutorial Please Make a Video for better understanding (new to Photoshop),

    Thanks

  • Jen

    Can you clarify the Text step and the Clipping mask step (Step 2 and first part of step 3). My text is blue and does not have the shadows yours does. Also the clipping mask does nothing to the text. I think there is a missing step.

  • James Qu

    Hi Jen, thanks for pointing this out. My apologies, yes you will need to add a layer mask for the text layer and use a soft eraser to remove the parts shown in the last screenshot of step 2.
    Hope this helps.

  • patrick

    Hmm not really well explained, stuggling abit.. eventho i am experienced with Photoshop..
    any way to get the PSD? im willing to buy it, no problem.

  • sophia

    What size was the font you used for this? I love the tutorial thanks!

  • Ella

    In Step 3 after I create a clipping mask out of the water texture it doesn’t do anything could you clarify that part? Is there a layer effect? Also can we see a screenshot of you layers window? Thanks!

  • http://www.clippingpathbusiness.com clipping path

    This is really my very first time here, great looking blog. I discovered so many interesting things inside your blog especially its discussion. Paper Writing Services

  • sierra

    can you please go into greater detail with steps 2 & 3.

  • Stephen Rudolph

    Anyone stuck on the clipping mask in Step 3, go back and change the blending mode of the color overlay layer style from Step 2 to something other than Normal.