About PSD Vault

In operation since 2008, PSD Vault is a blog that focuses on providing high quality, step-by-step Photoshop tutorials to all Photoshop lovers and hobbyists around the world.

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 Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Posted on February 3rd, 2011 in Text Effects.

In this tutorial, I will show you the steps I took to create this Cool Liquid Text Effect with Feather Brush Decoration in Photoshop. This is an intermediate level tutorials and some steps can be a bit tricky, but why not have a try!

We will be heavily using the liquid filter (which in my opinion is one of the most versatile tools in Photoshop) in this tutorial. I won’t be going through each command of the liquify filter (there will be a basic tutorial here on PSD Vault very soon about this topic), however, I want you to have a go at it regardless and see how far you can go.

We will also be making a feather-like brush and create some ink effect, so there is a lot to learn in this tut :)

Have a try!

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

cool text effect flatten 500x321 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

PSD File Download

You can download the PSD File for this tutorial via the VIP Members Area for only $4.95/Month (or less)! You will not only get this PSD File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. Signup now and get exclusive :) Find out more about the VIP Members Areas

vip sign up 250 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Ok Let’s get started!

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

Font

Step 1

Create a new document size 1400px * 900px, use Gradient Fill to fill the background with the following radial light: (light grey to white)

1 fill 500x314 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Type some text onto the canvas we the font we downloaded: (no need to use the same colour as I used here)

1 type 500x326 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Step 2

We can give the text a little bit of depth by adding some blending effect:

Inner Shadow

2 inner sha 500x350 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Bevel and Emboss

2 bevel 500x350 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Gradient Overlay

2 grad 500x350 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

and here is the effect so far:

2 effect 500x153 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Step 3

We’re onto to fun part – liquify the text. Duplicate the text layer once, go to Filter > Liquify, you will see this window come up, click OK to continue:

3 rast 500x222 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Select the “Forward Warping Tool” with the following settings:

3 liq set Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Start liquifying from the edge, adjust the tip size as you go to ensure you get the right shape:

3 liqu edge 499x281 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

You can also break apart the text with forward warping tool:

3 liq break 500x288 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Keep going until you get something like this: (can be a bit tricky – you need patience, a lot!)

3 effect 500x180 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Step 4

Now we can add some ink effect to the image. Normally we can do this via cloud, however, I want to use brush instead this time – would be great to practice some painting skills here.

Grab the following brush, make sure you set the opacity and flow to around 20%:

4 brush 500x299 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Use this brush to paint some patterns as shown below:

4 paint 500x471 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Resize it as shown below:

4 resize Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Select the eraser tool, apply the following settings (use same brush as above):

4 eraser 500x251 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Use this eraser to gently remove bits of the brush, you will eventually see this effect below:

4 effect Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Duplicate this layer a few times, resize and rotate them around, then attach them to positions shown below:

4 effect 2 500x265 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Step 5

We can add some highlights around the text to make it shine. To do this, use a soft white round brush to paint some random dots around the text:

5 dots 500x121 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Some innovation we can do here -

1. We can perspective the light dots to form a bursting effect:

5 dots persp 500x196 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

2. We can also compress the group so it forms some series of light stripes:

5 compress Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Rotate and attach this light stripe to left and right side of the text, as shown below:

5 attach Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

5 attach 2 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Also paint some white dots over the text, and here is the effect so far:

5 random lights 500x154 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Step 6

Now we’re onto creating the feather shape. Firstly draw an oval and fill it with some colour:

6 fill Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Again we use liquify filter to make a feather-like shape: (this can be a bit tricky, you need to be patient!)

6 liquify Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Resize it to a small size if necessary:

6 resize Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Step 7

Now we can start defining this brush. Ctrl + Left-click the thumbnail of this feather layer to select it:

7 load Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Go to Edit > Define Brush Preset …

7 define 500x499 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Give this brush a name and click OK:

7 name 500x142 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Press F5 to bring up the brush window, apply the following settings:

Shape Dynamics

7 sha dyn Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Scattering

7 scatter Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Other Dynamics

7 other dyn Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Use this brush to paint over the image on a new layer, adjust the brush size, flow and opacity as you see fit:

7 paint 500x316 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Step 8

We’re almost done! For some final touch-ups, we can flatten the image and duplicate the background layer, apply the following smart sharpen filter to the duplicated layer:

8 smart sha 500x317 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Duplicate this sharpened layer once, add the following Lens Flare Filter to this duplicated layer:

8 lens Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

Add a Photo Filter image adjustment layer on top to give the image a warm finish:

8 filter Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

and here is the final effect: (click to enlarge)

cool text effect flatten 500x321 Create a Cool Liquid Text Effect with Feather Brush Decoration in Photoshop

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


Take a Break

  • http://www.hangaroundtheweb.com rajasegar

    awesome tutorial, thanks a lot for sharing..

  • http://Website RubenB

    impressive results, thanks for the tut

  • http://Website Mesam

    yeah thats awesome ty for the tut

  • http://Website AmirFarbod

    Impressive, I Love it ♥ TnX DuDe

  • http://Website heiccs

    Coool…thx 4 the tut..

  • http://forum.graphicdesignblog.org Graphic Design Forum

    Amazing Tutorials, hats off to you.

  • http://www.eastvantage.com Eastvantage Outsourcing

    Very cool tutorial. Thanks for sharing!

  • Balex

    Thanks!

  • Morati

    what was the font used?

  • Jawad

    coolvetica

  • Internetpirate11

     which font did u use

  • http://twitter.com/dadg15 Darío Domínguez
  • Coroush

    http://instagram.com/p/Ng8IVXRCKz/

    thanks, very cool, It was my second work with photoshop so It’s amatur i guess

  • Shahbaz Ahmed Bhatti

    gooooooooooooooooooooooooooooooooooooooooooooooooooood and nice easy

  • SJ22

    coolveltica.

  • matae

    cant get the gradient to be white in the middle and dark around the edges,,,any help?????????///

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

    Hi there, which step are you on?

  • Josh

    It’s really simple. Just select your Gradient Tool (G) then go to the top just under the menu bar and you should see your gradient options. Namely the gradient colour bar, gradient effects (Linear Gradient, Radial Gradient, Angle Gradient, Reflected Gradient and Diamond Gradient), Blending modes and opacity and three other options (Reverse, Dither and Transparency). Select the radial gradient effect, then click on the gradient colour bar to select your colours (from a lighter to a darker colour), then go to your canvas and click on the centre and drag outwards in any direction. If the darker colour is still in the middle, simply undo what you did (Ctrl + Z) then just go back up to the gradient options panel and tick or untick the Reverse option check box and drag out another gradient.
    I hope this was helpful.
    Have a great day.

  • ssss

    waoooooooooooooooooooooooooo