Photoshop Tutorial: liquid text effect

In this Adobe Photoshop tutorial we will create a realistic 3d liquid filled text effect, which can be used in posters or as graphic design elements. For this tutorial we will use a free font download from our actionfonts.com website. Follow this link to download the WaterPark font.

Since we are creating a liquid effect we will require a patterned background to accentuate the effect. There are several ways you can create a patterned background, by downloading patterns or selecting an image with a patterned background.

Step 1: Create a new file.

photoshop-tutorial-liquid-effect

Step 2: Create pattern layer.

Now we can either create a pattern by going up to Edit->Fill>Pattern and select a pattern of your choice. Or download an image with a patterned background. Optionally you can also add a dash of colour using color balance and some vignette by using the lens correction tool.

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

Step 3: Create text layer.

Create a new text layer by pressing “T” or by using the text tool. And create the text in the middle of the image. The bigger the font, the better.

photoshop-tutorial-liquid-effect

Step 4: Create layer styles on layer one

Duplicate the text layer to make total of 3 copies, and rename them as text one, text two and text three. Hide layer two and three. Double click on layer one or go to Menu->Layer->Layer style->Blending options. On the first layer we need to use the following settings.

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

After application of the styles the layer should look like this.

Step 5: Create layer styles on layer two

Now select the second layer and apply the following settings to the layer styles.

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

Step 6: Create layer styles on layer three.

Now select the third layer and apply the following settings to the layer styles.

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

photoshop-tutorial-liquid-effect

After creating the layer styles on all 3 layers the final image should look like this.

photoshop-tutorial-liquid-effect

You can experiment with the settings of layer three for getting more specular highlights on the water surface. This effect could also be used to create photo realistic water splashes with shapes as well. Go ahead try a few yourself.

 

Blog Categories