water-text-flatten

Create Awesome Splashing Water Text Effect in Photoshop

Become expert in photoshop with latest network+ certification. Learn how to create attractive web designs using ccie voice guide and ccie wireless tutorials.

In this tutorial, I will show you the steps I took to Create Awesome Splashing Water Text Effect in Photoshop. Along the way, you will learn how you can incorporate water splash brushsets into your text and create great effect from that. Have a try!

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

water text flatten 500x371 Create Awesome Splashing Water Text Effect in Photoshop

Having difficulty with Step 4 and 5 of this tutorial? Check out this video tutorial below:

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 70+ 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 Awesome Splashing Water Text Effect in Photoshop

OK let’s get started!

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

Water Splashing Brush (choose one from the list)

Lake

Font

Step 1

Create a new document sized 940px * 700px, fill the background layer with black. Load the Lake stock image into Photoshop, use the Lasso Tool with a 40px feather setting, draw a selection of the lake portion:

1 select 500x305 Create Awesome Splashing Water Text Effect in Photoshop

Copy and paste the selection on to our canvas, use a big soft brush to erase its edges, and reduce its layer opacity to around 60%. The effect is as shown below:

1 erase 500x268 Create Awesome Splashing Water Text Effect in Photoshop

Duplicate the water layer twice, move the duplicated layer to the left and right of the original water layer, as shown below: (set the layer opacity to slightly lower than the original water layer to create depth)

1 dup 500x249 Create Awesome Splashing Water Text Effect in Photoshop

Duplicate the original water layer once more, resize it to a smaller piece and position it to the center, then increase the layer opacity to 100%:

1 center 499x286 Create Awesome Splashing Water Text Effect in Photoshop

Add the following two adjustment layers on top of all layers created so far:

Curves

1 curves1 Create Awesome Splashing Water Text Effect in Photoshop

Levels

1 levels1 Create Awesome Splashing Water Text Effect in Photoshop

and you will have the following effect so far: (centre portion highlighted, and that will be the text will be placed)

1 effect 2 500x325 Create Awesome Splashing Water Text Effect in Photoshop

Step 2

Now use any font you like, type a single letter on the canvas as shown below:

2 type1 500x400 Create Awesome Splashing Water Text Effect in Photoshop

Apply the following layer blending options to this text layer:

Bevel and Emboss

2 bevel1 500x350 Create Awesome Splashing Water Text Effect in Photoshop

Gradient Overlay:

2 grad 1 Create Awesome Splashing Water Text Effect in Photoshop

2 grad 2 500x350 Create Awesome Splashing Water Text Effect in Photoshop

Stroke

2 strk 500x350 Create Awesome Splashing Water Text Effect in Photoshop

and here is the effect so far:

2 effect1 500x354 Create Awesome Splashing Water Text Effect in Photoshop

Step 3

Now let’s add some noise to the text and get ready for the water splashing effect later on. Create a new layer on top of the text called “noise”, load the selection of the text layer and fill the selection with black colour, go to Filter > Noise > Add Noise and apply the following setting:

3 noise Create Awesome Splashing Water Text Effect in Photoshop

The effect after you apply the noise filter:

3 noise fill Create Awesome Splashing Water Text Effect in Photoshop

Change the blending mode of thie noise layer to “screen”, drop the layer opacity to around 35%, you will have the following effect:

3 noise screen 500x496 Create Awesome Splashing Water Text Effect in Photoshop

Create a new layer on top of the noise layer, name it “light and shadow”, use a combination of black and white brush, paint it as shown below:

3 highlight 500x404 Create Awesome Splashing Water Text Effect in Photoshop

Change the blending mode of this light and shadow layer to “Overlay” – as you can see, this add some lighting contrast to the text:

3 effect1 500x515 Create Awesome Splashing Water Text Effect in Photoshop

Step 4

Now we can paint some water splashing effect around text. Create a new layer called “water splash” and load the water splash brushes into Photoshop, choose some brushes from the set and paint around the text, as shown below:

4 paint 500x463 Create Awesome Splashing Water Text Effect in Photoshop

Make sure when you paint the water splashing effect, use a combination of big and small sized brushsets, also adjust the flow and opacity of the brush, DO NOT just use one setting for the whole thing:

4 paint 2 Create Awesome Splashing Water Text Effect in Photoshop

Keep adding more water splashing around the text – to be more creative, paint some water streams dropping from the edges of the text:

4 paint 3 500x565 Create Awesome Splashing Water Text Effect in Photoshop

For the water streams, I used a 6px, soft white brush to paint in addition to the water splashing brush, as shown below:

4 draw Create Awesome Splashing Water Text Effect in Photoshop

Use the same technique to paint the water stream on the left:

4 draw 2 499x471 Create Awesome Splashing Water Text Effect in Photoshop

You can use a small, soft white brush to draw around the edge of the text to create some waterflow/highlight effect:

4 border 500x412 Create Awesome Splashing Water Text Effect in Photoshop

Highlight effect for the text edges:

4 hig 500x363 Create Awesome Splashing Water Text Effect in Photoshop

here is the effect you will be aiming to achieve so far:

4 effect1 Create Awesome Splashing Water Text Effect in Photoshop

Step 5

Now we will make the water splash around the text sharpen a bit. To do this, duplicate the water splash layer you’re painting on once (if you have searval layers for the water splash, group them first, then right-click on the group and choose “merge group” option).

Apply the following Smart Sharpen filter setting to the duplicated layer:

5 smart shar 500x317 Create Awesome Splashing Water Text Effect in Photoshop

and you can see the water splash sharpened and become more visible:

5 effect1 500x509 Create Awesome Splashing Water Text Effect in Photoshop

Now create a new layer called “shadow” under the original text layer, grab a black soft brush and paint some shadow on the water and under the text, as shown below:

5 paint sha 500x197 Create Awesome Splashing Water Text Effect in Photoshop

Optionally, you can add more water splashing effect around the text:

5 more splash 500x198 Create Awesome Splashing Water Text Effect in Photoshop

To make the text effect more dramatic, you can add some misty effect by create a new layer named “mist” just above the background layer, use a Lasso Tool with 50px feather, draw a selection around the text as shown below:

5 selection 500x384 Create Awesome Splashing Water Text Effect in Photoshop

Render some cloud inside the selection, drop the layer opacity of this mist layer to around 50%, and you will have the following misty effect:

5 cloud 500x413 Create Awesome Splashing Water Text Effect in Photoshop

Step 6

Now we’re into the final stage of this tutorial. I feel like adding some highlights around the text, so as to make the certain parts stand out. To do this, create a new light on top of all previus layers, use a small white soft brush to paint (single-click) to the points shown below:

6 high light Create Awesome Splashing Water Text Effect in Photoshop

Now you can also use the Distrot option (available when you press Ctrl + T, then right-click) to adjust the shape of the light, to fit the angel of the latter:

6 distort 500x395 Create Awesome Splashing Water Text Effect in Photoshop

I added one Color Balance image adjustment layer just to add a bit more light blue colour into the image:

6 col bal Create Awesome Splashing Water Text Effect in Photoshop

Layer Mask on the Color Balance adjustment layer:

6 col bal mask 500x369 Create Awesome Splashing Water Text Effect in Photoshop

and you will have the following final effect:

water text flatten 500x371 Create Awesome Splashing Water Text Effect in Photoshop

OK that’s it for this tutorial! Hope you enjoy it and find it useful and inspirational. If you have any question, drop a comment below and I will try my best to help you out.

Cheers and have a nice day!