Photoshop Tutorial – Liquified Text Effect

This tutorial uses the Liquify filter in Photoshop in a very small way, but creates a great effect on the text. A good way to ‘get your feet wet’ with this Photoshop tool – you can play around with the settings with no fear of ruining your work – just undo it and start again!

Liquified Text Efect

Step 1

Open a new file using the following settings:

New File Settings

Step 2

Select the Type tool, Verdana font, size 120pt, foreground colour black

Type your required word

Right click on the layer in the layers palette and click Rasterize Type

Duplicate the layer

Turn off the visibility of the original layer

Step 3

Make the copy text layer active

Filter>Liquify – apply the following settings:

Liquify Settings

Place the cursor close to the left centre of the text and hold down the mouse button.

Drag a straight line through all of the text. You may need to undo and redo this action a couple of times until you are happy with the result.

Click OK to accept the effect.

Rename the layer ‘text1

Step 4

Duplicate the ‘text1’ layer twice

Turn off the visibility of the original ‘text1’ layer

With the top layer in the layers palette active, double click on the layer in the layers palette to bring up the blending options and apply the following Color Overlay settings:

Top Text Color Overlay Settings

Now apply the following Color Overlay settings to the layer below:

Bottom Text Color Overlay Settings

Step 5

Apply a layer mask to the top layer by clicking on the icon at the bottom of the layers palette

Select the Brush tool, size around 65px soft, round brush, foreground colour black

Mask out the bottom half of the text so you have the top half lighter blue and the bottom half darker blue

Hold down the shift key and select the dark blue layer – so you should have the top 2 layers selected.

Right click and click Merge Layers

Rename the layer ‘toptext1

Step 6

Make the ‘text1’ layer active

Select the Move tool

Using the arrow keys move the text 8 pixels up and 8 pixels to the right

Double click on the layer in the layers palette to bring up the blending options and apply the following Gradient Overlay settings:

Gradient Overlay Settings

Filter>Blur>Gaussian Blur – apply the following settings:

Gaussian Blur Settings

Reduce the layer opacity to 68%

Step 7

Make your original text layer active (which will be named whatever your word is – mine is ‘LIQUIFY’)

Double click on the layer in the layers palette to bring up the blending options and apply the following Color Overlay settings:

Text Color Overlay Settings

Step 8

Turn off the visibility of the background layer

Right click on any visible layer and click Merge Visible

Restore visibility to the background layer

Step 9

Select the Crop tool and crop your image to the required size

Step 10

Duplicate the background layer

Fill the new layer with grey #5D5C5C

Filter>Render>Lens Flare

Select 105mm Prime

Place the cursor at the approximate beginning of your text

You need to repeat the Lens Flare twice more, placing the light along your text as shown below – you may need to undo and redo to get the placement as required.

Lens Flare Settings

Reduce the layer opacity to around 85%

The finished project:

Liquified Text Efect


I hope you enjoyed this tutorial, and I hope you took the opportunity to play with the liquify filter and learn a little about it’s capabilities.

Please leave any comments you have below.

Carol

I love using and learning Photoshop, and I also enjoy creating resources to share with the world. I am at my happiest when I have free time to further explore all that Photoshop has to offer and learn more about its powerful built-in tools. I hope people enjoy either using or learning from my free resources, and welcome any hints and tips - and of course, if you would like to offer a free resource on this site, please don't hesitate to contact me (top right of the page).

4 Comments

Business logo design

about 6 years ago

Nice text effect i like this great work.Thanks for share it making tips with us.I like this learning blog.Keep update us about photoshop tips.

Reply

Leave a Comment

Please be polite. We appreciate that.
Your email address will not be published and required fields are marked