Jump to content

[Tutorial] How To Create a Realistic Water Text Effect


Recommended Posts

Posted

How To Create a Realistic Water Text Effect

 

article-title-image-real.jpg

 

 

Introduction

 

In this tutorial we will be creating a realistic water text effect that is sure to catch someones eyes. This tutorial requires some basic knowledge of Photoshop and how to work in it’s environment. For our the text itself we will be using a specific font and will be downloading it later so some skills on how to install font’s will be necessary as well.

 

But that’s pretty basic knowledge and I am sure everyone that does tutorials knows these things by now. If not, feel free to comment and we’ll sort it out.

 

This tutorial consists of only 5 steps but the effective layering and blending modes will make your text look frightenly realistic if executed in the right way and with a bit of patience. Feel free to do any modifications after you’re done with the tutorial. Refine it and make changes. That way you will learn the mechanics of the tutorial and later on apply it to any project that it might fit for.

 

 

Step 1 - The Background

 

We will be needing a nice background to write out text in water on. You can pretty much pick whatever background you like as long as it suites your needs. I will go ahead and use scratched metal background. Feel free to download the image:

 

scratched-metal.jpg

 

Step 2 - Font & Typing

 

Time to type out our text. I will go with the name of this site “Minervity”. You can go ahead and type whatever you like, the tutorial is not dependant on it. The font we are going to use is “Ashcan BB” from 1001fonts.com and can be downloaded here: http://www.1001fonts.com/fonts/win/ttf/3113/ashcanbb_tt.zip

 

Make sure you use the color “#A0A0A0” for your text as this is crucial for the effect later on.

 

I am using font random font sizes for each letter when I type my text. One really important thing here is to make sure you’re just not typing out what you want to type. We need to mix it up a bit to make it look more realistic in it’s appearance. We can do this by typing one letter at a time each in it’s own layer. Why you might ask. Well, cause we want the possibility to rotate and mess around with the letters so they really look like they are “finger painted” using the water on the pane.

 

So, when typing make sure you work with the text and imagine how it would look if it was raining outside and you could play with the water droplets to form your desired text. This is how I typed it:

 

minervity-layout-text.jpg

 

When you feel you have a good layout of your text we have to get them all into one single layer. This we can achieve by selecting all our layers and then pressing “CTRL+E” which will “Merge” our layers into one single layer ready to be worked on.

 

Step 3 - Effects

 

 

Time to add some effects to the text layers to make it look like water. The effect in itself is really easy but it’s the massive randomness that makes the picture really. The more you work with the picture the more alive it will get. I will tell you how to do it later on in this tutorial. Now, let’s add those layer blending effects.

 

So, select the text layer, and change the “Blending Mode” for the layer to “Overlay“.

 

With our layer still selected, open up the “Blending Options…” panel by either right clicking the layer or choosing “Layer” -> “Layer Style” -> “Blending Options…”

 

There three “Tabs” we are going to work with here. First select the “Drop Shadow” tab and insert these settings:

 

drop-shadow-settings1.jpg

 

Now select the “Inner Shadow” tab and insert these settings:

 

inner-shadow-settings.jpg

 

Select the “Inner Glow” tab and insert these settings:

 

inner-glow-settings.jpg

 

And last we are going to set some settings in the “Bevel and Emboss” tab. Open it up and insert these settings:

 

bevel-and-emboss-settings.jpg

 

Important to remember here as well is to really check where you have the light source. Which direction is the light coming from and then set it in these settings as well for the best result possible.

 

 

Step 4 - Additional Water Droplets & Streams

 

 

Now our text should start to look like water. Here’s how my text is looking right now:

 

water-text-layout.jpg

 

 

We still have to add some elements in order for it to look really believable. We can accomplish that by adding a new layer. Call it “Rain” to more easily distinguish it from the “Text” layer.

 

Select our “Text” layer and right click. Select “Copy Layer Style“. Now select the “Rain” layer and right click on it. Select “Paste Layer Style“. Now we have copied all the “Text” layers attributes and effects into our new layer and we are ready to start adding new elements to our new layer. Here you can be really creative. You will be able to play with “Rain” in a way. It’s going to look like you are anyways. Try to mimic real drops of rain laying on a flat pane but also add some streams in various sizes and shapes. You can also play around a bit with the “Text” layer to make the text look a bit more naturally “drawn” in water.

 

Simply select the “Brush” tool and start drawing. Remember to pick different sizes of your brush to make it more random. Also remember to draw with the color “#A0A0A0” This is how I made my additional elements:

 

water-text-drip-layout.jpg

 

As you can see I have randomized the droplets quite a lot to get that “Real Water” feeling. The spurs of droplets put into patters is done because we later will add some condense to the picture to make it a little bit more realistic. Condense occurs when the water is cold and reacts to the warmer surface. Remember, I have once again “Merged” my layers (”Text” layer and “Rain” layer into one to get that flow:y effect. What’s really important to remember here is that you have to take off any effects on the layer you want to merge with the layer underneath it. Otherwise the effect will be all wrong and you won’t be able to work it or adjust it if you feel creative.

 

So, once you are satisfied with you water layout take off the effects on the upper layer and then merge it with the one underneath. All should be OK now.

 

Step 5 - Adding Condense

 

Now it’s time to add some condense to the image to get that last realistic look. Create a new layer underneath you water layer. This is important ad you don’t want condense on your text or on any droplets as they are always on top. Then add with the “Polygon Selection Tool” straight lines and selections to really add that “cold” feeling to it. I have gone ahead and done the selection around the groups of droplets as the droplets usually are a bit more collected in the condense as it’s also generating water. Be creative and really think of how it might look. I had a reference picture to really mimic the natural way condense is occurring. Remember to still use the same color as before. Here’s the reference picture I used:

 

foggy-window.jpg

 

fter you are satisfied with the way your condense is added we need to make it more realistic as well. So, with the “Condense” layer selected go to “Filter” -> “Noise” and the select “Add Noise…” to open up the Noise panel. With it open insert these settings and press “OK“:

 

condense-noise-settings.jpg

 

Now our condense is a little bit more fuzzy in it’s appearance. But we are not done yet. If you have condense going directly underneath your text or streams make sure to delete those particular parts by using the “Polygon Selection Tool” once again and delete what you select.

 

After doing that we need to set the “Opacity” of the “Condense” layer to make it not so dominant in the picture. So, with the “Condense” layer selected set it’s “Opacity” to “15%“. Now it should blend in really nicely making it look like real condense.

 

After applying the condense to our image it should now look something like this:

 

water-text-finished.jpg

 

There, our image is all done. There are a million ways to create your water text. It’s entirely up to you and your creativity really.

 

 

CREDITS ~~> See first piC

 

 

 

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Posts

    • Project based on lucera2 Chronicle: Interlude Starting level: 80 Max level: 95 EXP/SP: x160 DROP:X1 RAID:X1 SAFE+7 MAX+25 Farm Aresa Cave of Trials Hellbound Night Instance - Elven Fortress from 10pm to 11pm PvP Areas Gludin Village - max item level 1 Garden of Eva - max items 3 lvl Hellbound Town - No restrictions *PvP Rewards enchant scrolls PVP SKILLS: - 1 lvl > 1000 pvps > Evo Magic Barrier - 2 lvl > 2000 pvps > Evo Shield - 3 lvl > 5000 pvps > Evo Might/Empower - 4 lvl > 10000 pvps > Evo Health - 5 lvl > 15000 pvps > Evo Bererker - 6 lvl > 20000 pvps > Evo Valor - Note: You need to restart to earn the skill! - Announcing your rank level on entering. - PvP Skills available only on the main class! - The buffs can be stucked from all levels! Custom Items Armors 5 lvls 1 lvl epic armor 2 lvl dynasty armor 3 lvl Vesper armor 4 lvl Titanium Armor 5 lvl Bloody Armor Weapons 6 lvls 1 lvl monster weapons 2 lvl dynasty weapons 3 lvl vesper weapons 4 lvl divine weapons (good for farm) 5 lvl weapons titanium weapons 6 lvl Raid & God weapons *Raid weapons can be earned only from RAIDS! * Raids and god weapons have the same stats. Jews Normal and Relic Accessories 1 & 2 lvl. Tattoos 1 & 2 lvl *2 lvl tattos can be enchanted. On each enchant adding atak speed, cast, hp, p.atk, m.atk, health depends on the tattoo. Enchant bonuses on weapon armors on weapon vary from +16 to +25 on armors +16 evo aura/ +18 bonus stas ENCHANT RATES BLESSED SCROLLS: -5% after every enchant EVO SCROLLS: +5% more chance than BLESSED EVO EPIC SCROLLS: +5% more chance and on fail the enchant stays the same DIVINE SCROLL: Only for divine weapons. 100% success rate. GOD SCROLL: 100% success rate. Only for God/raid weps/bloody armor. Farm and Economy Full custom farm mobs Armor/Weapon +++ as possible drop Custom Coins Custom chests (appear after the mob is killed with %). You can earn additional rare rewards. 2 levels of custom chests for better rewards. L2 Evo Quest - Daily challange. You need to collect 20 Evo Quest coins. After finishing the quest you will get your dialy reward. - 7 Days reward (progressive) - 4 cycles reward (When you finish 4 weeks quests, you will be awarded with a rare coin. You can exchange this Rare Coin for: 3 lvl weapon +0, Heroic Coin (3 days), 2 level jews. - Added quest tracking day 1: Silver Coins - 1000, 1 Blessed Scroll Weapon day 2: Blue Eva - 500, 2 Blessed Scroll Armor day 3: Silver Coins - 1400, 5 Event Medals day 4: Festival Adena- 50, 3 Blessed Scroll Weapon day 5: Silver Coins 2000, 4 Blessed Scroll Armor day 6: Blue Eva - 2000, Event Medal: 8 day 7: Heroic Contract 1, Event Medal 15 * With heroic contract you can get 3 days hero from the Donate Services NPC. All raids removed. All party mobs drop raid and epic raid coins. All clans have the chance to get unlimited raids. We have 3 custom pvp raids in the pvp zones. Respawn 12h. EVENTS TVT CTF SQUASH EVENT NIGHT EVENT Custom NPCS Gatekeeper Custom Shop - all important items Buffer - all needed buffs GM Shop - all basic items Donate shop - all items that can be donated Night Instance - Special Event (every day 10pm to 11pm) +2GMT *type .time in game to see the server time. Quest Manager Skill enchant manager Letters collector (earn additional rewards for collecting words) About classes: All classes boosted PVE skill dmg All summoners classes boosted (pet instant 92lvl) + boosted skills on pet. Critical Damage restriction formula. Website: https://l2evo.net GRAND OPENING: 24.04.2025 8PM +2 GMT. DISCORD: https://discord.gg/3DcBVKhNnX  
    • Get A Free Trial NOW! Get A Free Trial NOW! Get A Free Trial NOW!
    • Hi everyone, I bought this event pack. Everything looks great, it works well, and the seller responds with help and solutions to any issues. I definitely recommend buying it.
    • We are certainly not an ambulance, but we will definitely cure you of blacklists and empty pockets. Live freely with SX! Each of you will receive a trial version of SX to familiarize yourself with the product, all you have to do is post in this thread
    • Looks great job, keep going and good luck with your sales!
  • Topics

×
×
  • Create New...