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)

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

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:

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:

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)

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%:

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

Curves

Levels

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

Step 2

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

Apply the following layer blending options to this text layer:

Bevel and Emboss

Gradient Overlay:

Stroke

and here is the effect so far:

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:

The effect after you apply the noise filter:

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

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:

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

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:

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:

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

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

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

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

Highlight effect for the text edges:

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

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:

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

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:

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

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:

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:

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:

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:

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

Layer Mask on the Color Balance adjustment layer:

and you will have the following final effect:

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!

Categories: Text Effects

Tags: ,,,,,

  • http://richworks.in Richie

    Cool… i was eagerly waiting for this tutorial and you didn’t disappoint me, James.. Nice work!

  • http://desaindigital.com/ Jeprie

    Awesome, you made it looks so simple.

  • http://designedbydianna.com Dianna

    Great tutorial! I really like the water splashing, especially in the heat of summer. Can hardly wait to give it a try.

  • Arsenio

    AWESOME! =D

  • Jeremy

    wow! nice!

  • Miroslav

    Wow !! awesomeeee

  • http://www.albruna.nl Martin

    This is an excellent tutorial with an excellent result. Beautifull work, and it gave me some good ideas for some projects by using parts of this tutorial:-).

    Thanks!

  • ndimos

    I gave it a shot. Great result. Thank you!

  • munna26

    so nice..i do ..

  • curtis

    my version nice tut ty! http://twitpic.com/22jc0s

  • Artiz Amca

    thank you so much for this tut

  • rehabilitasyon

    I was just starting, I thank you very useful help

  • Claudy

    I love your tutorials!
    This is awesome!

  • http://www.behance.net/EVasquez84 Eric Vasquez

    This was a really good tutorial. First time I’ve been here but I enjoyed it and will surely be coming back. Thanks!

  • http://www.yahoo.com/ Aamir khan

    asome.I love you body.Nice work well done

  • Claudia

    Love the tutorial, but I cant seem to get nice splashes, I tried different sizes, opacities and flow, but it all looks way different from the picture in the tut… Anyone any suggestions what I did wrong? Or sumthing I can try to make it look better?

  • http://www.chicmendhi.co.uk Vik

    that looks wicked!!!

  • http://chairila06.student.ipb.ac.id chai

    your tutorial always awesome, i will try it in my free time, thanks

  • http://www.tokoihya.com tokoihya

    awesome…
    thanx,

  • http://www.biztechconsultancy.com/ Manali

    This is an excellent tutorial Beautiful work, and it gave me some good ideas for some projects by using parts of this tutorial but I cant seem to get nice splashes, I tried different sizes, opacities and flow, but it all looks way different from the picture in this… So tell me how to solve this problem…

    Thanks!

  • yoyokung

    Excellent guide

    i love ^^

  • Sumit

    great tutorial,
    but can we do it without those water brushes?

  • http://stopblushinginpublic.com sofia

    I just tried this guide and it worked just great. Thanks for this, I am going to read a few more pages here now.

  • babydoll63

    I just finished and was inspired to do have the water running off of my G. But for my letter I couldn’t get the effect I was supposed to get. Thanks for the great tut!

  • caty

    very good

  • narnel

    bravo

  • http://www.psyched.be/wordpress Darkened Soul

    Great stuff around here, will visit more often ;) can learn some of this

  • http://www.pianplace.deviantart.com pianplace | panggonepian

    this is a great and awesome tutorial. i want to try it .. thanks a lot friendz ! :D

  • iceman

    i love the effect… great tutorial

  • Anarchy

    How do you do step 3? I can’t make the text selection – where abouts is this? i forget :(
    Thanks

  • egy man

    nice tut
    thanks

  • http://photoshop-stuff.org photoshop stuff

    Wow that’s a really nice design. Thanks for the tutorial!

  • http://tutorialstag.com tutstag

    Great and very detailed tutorial. Cheers!

  • Deep

    Great tutorial man, thanks for sharing.
    But i cant seem to make a exact one like this, i donno what i am doing wrong. :(
    Can you make one with the letter “E” & mail it to me, please, i need something like this so much.

    ~ThankZ~

  • midori

    thanks for the tutorial..that is so real! :D

  • midori

    i’m thinking if the effects/design will also fit in with a 4-letter text but in vertical position.. i’m gonna go experiment. thanks again!

  • HBK

    This looks sick man, thanks for the tut. I tried with the tut & it was so far ok, but not as same as this one.
    There should be an option like if an user want to buy any particular PSD file then he can buy it. If there is, do let me know admin, i will like to buy the PSD of this file. Currently no money for the VIP. :(

  • http://www.lorenzmasser.com waXio

    thx for the nice tutorial

  • http://tutorials4all.com Tixy

    Great tutorial and effect! I will try to make simillar thing ASAP :)

  • http://www.flashminddesign.com Matthew Norton

    Such an amazing tutorial, thank you very much for this!

  • samangraphic

    thank you very much for this!
    very very god”

  • zonizzle

    WICKED!!!

  • MD

    You´re big, man!

    Thanks a lot for the tutorial!

  • Siembi

    I love this tutorial! Thanks ; )
    http://i54.tinypic.com/r8zdj5.jpg < — My outcome

  • Ken

    Great tutorial ! ! !
    I challenged at once.
    Thank you.

  • john omidiran

    it is interesting

  • http://facebook.com JUARD

    Good work…

  • Spencer

    So… I found this link on brusheezy… seems awfully familiar doesn’t it…

    http://www.brusheezy.com/Brushes/12317-Brushes—Splashing-Water

    Not sure if you care but it gives no credit to the original designer….. You.

  • James Qu

    @Spencer: If you look at the publishing date of that article on brusheezy, it’s on Aug 20, 2010, almost 1 month later than my tutorial post date.

  • sivakanth

    amazing , fantastic, wonderful and marvelous….. nothing else

  • cpchasta

    its very good creation

  • spencer

    @James: I wasn’t saying you copied him – I was saying he copied you lol

  • post2win.blogspot.com

    nice work,but i din’t get because i can’t find water splashing brushes.

  • Mani

    Thanks for the tut
    My work
    http://i51.tinypic.com/w85boo.jpg

  • ahmed

    great tut thnx …………

  • Ulises Bolivar

    gracias por el aporte esta muy bueno el tutorial

  • Cyril

    Damn… dis is awesome…… new levels unleashed

  • Paula

    Mto bom esse efeito, e se eu quiser fazer em cmyk…tbm da? Pq ta em jpeg né…bjuxxx

  • sk irfan

    cool very nice

  • Green Chocolate

    Amazing effect and made simple. I would love to try it out

  • Amethystium.Amir

    Nice One!
    James would please Look at this One and tell me your idea?
    I know its awful but say something nice! :D
    My work : http://uc-njavan.ir/images/8jkgg72lbulfyh4rh416.png

  • hendo

    great work

  • http://www.maxart.co.nr maxart

    Great work ………!

  • Murugan

    very good nice tuts i liked it

  • your fans

    ermmm i somehow cannot do it can you help me to do a few letters?

  • jpel

    couldnt get the brushes to download :( any ideas?

  • candy

    i like this tut very much.tnx….

  • James Qu

    @jpel: the link probably expired. i will see if I can find a different one and post it here.

  • Tom

    Brilliant tutorial, but the link for the brushes doesn’t work. Do you know where I can find them? I really want to use those brushes! Haha. :)

  • ferit hakan

    you are a wonderfull grafıc desıgner

  • Niclas

    Brilliant tut! easy to follow!

    My result:

    http://img84.imageshack.us/img84/6537/waterlogo.jpg

    many thanks

  • claire

    Excellent tutorial but no brushes, anyone know where else to get them?

  • Sohail

    I have tried this and 95% successful.

  • ian

    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

    HEY GUY’S COULD HELP ME . SORRY BUT I DONT UNDERSTAND THIS LINE. NEWBIE . I JUST STARTED.

  • Rod Larkins

    Greetings everyone:
    I was wanting to know if someone could create this graphic for me with the word: WELL
    I am pastor of the Well Church and have been looking for a graphic logo that would fit our church and when i saw this i was blown away.
    I do not have photoshop and am really not good at graphics design.
    Can anyone help me?
    if so you can contact me anytime by email…

  • Death

    the brush link doesnt work :(

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

    The blog article very surprised to me! Your writing is
    good.

  • Vaibhav Mistry

    really awesome…..!!!!!

  • Sabashsahu

    amazing text effects

  • artmiss

    I love it, its amazing 

  • Alex

    hi, I downloaded the 38-brush set. but what next? what should I do then? I would really appriciate if you could help me out on this one. If it helps out in any way, my laptop is from school. So it maybe because of some restictions, but idk. I would love if you could help me, want to get better at photoshop, and this is absolutely wonderful :)

  • Evaldo Andrade

    Teu Fãn Eu Sou Agora Você Se Garante……!!

  • Evaldo Andrade

    Parabéns *,*

  • Custom Beaver

    extract them to programfiles/adobe/photoshop.presets/brushes..
    Hey Presto!

  • Ben

    im sorry, but i got stuck on 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”

    i created a new layer and called it ‘noise’, but what do you mean by ‘load the selection of the text layer’?

    on the ‘noise’ layer, i went straight to add noise but it says “Could not complete the Add Noise command because the selection area is empty”

    help? thanks so much. this effect is amazing!

  • Sarahrickbeil222

    Its amazing because my name starts with an S ! (:

  • Kylinwy

    效果太好了,超级喜欢

  • W Arunchandran

    gud one

  • LithiC

    awesome!it make me feel cold!thanks for sharing,谢谢!

  • Guykid

    where is the water splash brush?  thats the step i’m stuck on

  • Cleoalex

    I got stuck on this at first but instead of creating a new layer, duplicate the text layer you have. Then after this click on blending options and deselect every option. Then you need to change this layers text colour to black. And then you can add the ‘noise’ effect. Hope this has helped :)

  • Mdome01

    nice..can’t wait to try this later…tnx so much for sharing ur talent :-)

  • http://www.india.dj/ Mukesh

     Awesome … i have never thought from a natural watar Photo we can make a alphabet ..

  • hishhishA

    he said load the selection and add black color then you add noise. I think you didn’t fill it with black.

  • Donniezielstorf

    you have to find them download them offline and then load them into photoshop

  • Web Hosting

    Flowing water effect using water splash brush…cool

  • Taupo Accommodation

    Cool effect!

  • Building Inspections Auckland

    Awesome! Cool effect indeed :)

  • Kobe

    ผมชอบมาก น่าสนใจคุณทำเหมือนมันง่าย

  • iran lama

    oh It’s realistic 
    Thanks for share

  • Vacume_presure

    I m not finding the brushes you have used here.
    Can you please help?

    vacume_presure@yahoo.com

  • Vacume_presure

    please also give steps for adjustment layer (last step)
    many thanks for sharing a wonderful article :)

  • Guest

    seems that author wants is feeling feeling proud after creating this article and has disappeared so that people keep praising for what he has done which. He has shared incomplete steps, wants to hold back the hidden facts so that people keep pleading… “pls i beg u, share the full steps” this something which he perhaps wants to read in every post before he reveals all the steps :)
    Thanks but no thanks

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

    Hi there, point taken :) however, you must understand that when writing a tutorial there are a lot of things simply can’t be explained in every detail, but require the user to experiment and experience themselves. I always try and explain the best as I can.

    BTW, I’m the author :)

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

    Hi, I will make a video tutorial of those adjustment layers soon :)

  • Cefort

    Super tq! This is a real good tutorial, esp since I’m just a beginner at this kind of thing! I even managed to apply it on my small personal project called Element (just trying to apply typo-photoshop to the 4 elements…). Here’s the link if u want to see: http://www.facebook.com/media/set/?set=a.381516325227103.90475.100001062160401&type=1

  • Otmaster

    terrific!!!

  • Suchitra

    I like. Nice one.

  • bouldenater

    how do i load the brushes i downloaded them so how do i atually get them?

  • bouldenater

    that makes sense but how i load them

  • bouldenater

    painting the water is too hard it does not make sense im not using the letter S im using my xbox 360 new name Blinderr and the splashes suck i cant fuckin do it

  • Carla Medina

    Hi thanks for the tutorial! but I have a lil’ problem over here I am stuck on the last part of the step #3 can you please give me a quick explanation of how to do it?

  • Govind

    this is very helpful for expert and student
    I m working as a Multimedia Faculty in an Computer InstituteGovind PrasadNew Delhi India. 

  • Leenasinam

    Hi i have problem in stap 4, load the water splash brushes, not getting

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

    Hi Lee,
    Check out this video tutorial I have here: http://www.youtube.com/watch?v=crvksvMzggU

  • Nipun

    Very nice…! Option some gr8 work many more different 3D option Photoshop tutorial.

    Thanks.!

  • Kyle

    I could have spent like an hour less on this tutorial if you told us exactly which brushes to get and which one to use.

  • Kyle

    You know what, I give up, I have been looking for a brush that would satisfy me, and I can not.

  • Kyle

    NVM, I noticed the help vid :p

  • Andrea

    I agree with sir PSD Vault. i am a begineer in this industry. At first, mostly in other tutorials, I find a hard time to understand and follow instructions i wanted to do. But if u keep on doing it over and over without losing hope, you might even find your work more detailed otherwise less detailed compared with this work. What Im trying to say is its all about YOU! your style and creativity. you cant blame the author for incomplete tutorials because its about how u perceive the instructions, the steps and the styles. its about THIS IS HIS STYLE but I CAN DO THIS AS MY STYLE TOO. Authors DONT HAVE TO PLEASE anyone. They have given just their share. Lets just be thankful for the one who made this that HE EVEN DOES CARE TO SHARE HIS KNOWLEDGE FOR THOSE UNGRATEFUL INDIVIDUALS. so i salute u sir and many thanks! :)

  • Ivan

    the effect is quite awesome. however, honestly the steps are incomplete which is hard to follow. especially the brushes that author chose. we dont even know which exact brush are you using. so i quit learning your effect on that stage, since it’s really really hard to create the water splash without correct brushes.

  • kizzi

    I m a novice and wish to be a pro like u

  • wya

    can use other color background ?

  • http://www.facebook.com/aalkalidy Abd L Azeez Alkalidy

    bress “b” to select the brush short cut and then right click and select load brush

  • raaz

    where is the correct place of splash brush
    ???????????? kindly reply me on inraaz@yahoo.com

  • HamidrezaAfshari

    Awesome

  • http://www.clippingpathcenter.com/clipping-path-service.php mamun

    An excellent tutorial, very clear and a fantastic outcome, thank you very much.

  • Medha

    WoW :) Awesome tutorial to learn. Very easy and well defined . thanks for sharing this nice post.

  • dontmashme

    you think good cuz u r

  • Faheem Baig

    here is the link that you can download brush easily i was also stuck but thanks to google who take on good path…lol here is the link kindly check

    http://www.brusheezy.com/brushes/12317-brushes-splashing-water

  • Roger Marshall

    Nice effect, I really like it. I would like to hire someone to do this effect for the words Finger Lakes. Its for a bottled water label. Please contact me at rmarsh1045@aol.com

  • Kristian Cervantes Laderas
  • hadi

    very nice :-)

  • Tvatta latt UF

    Hi, we really need your help! Please contact us on this email: tvattalattuf@hotmail.com

    Thank you!

  • Susan Peuler

    WOW! Is all I can say. It took me a while because I’m rusty with PS, but was well worth the time. Thank you GREATLY for providing this tutorial. I learned quite a bit… I’m curious, you must work on windows because most of the shortcut keys you gave were strange to me… but I downloaded a conversion (windows to mac) commands table. It was also most helpful having all the sources you went to, to create this beauty! Thanks for sharing and taking all the time to make the tutorial. Sincerely, Susan P. :) I’m looking forward to trying out more of your tutorials.

  • http://learner24.com/ Jahed Hossain

    Nice Tut