Usign this tutorial you will learn to create eye-catching text effect using a few filters and layer styles.
This is what we will be creating with this tutorial:

Step 1.
Start of with a new document. Sized 600×600

Choose any background you want. I choosed a black to dark grey gradient, and write your text using a bold font. I choosed Berlin Sans FB.

Step 2.
Add your layer styles to the text:
Blending options:

Drop shadow:

Inner glow:

Bevel and emboss:

This should be the result:

Step 3.
Let`s add some colour to this glass text. Create a new layer. Grab the gradient tool with the settings in the picture below and start from top to bottom add a gradient:

Go to Filter-Distort-Wave with these settings:

This is the result:

Add to the result a Gradient overlay with the settings below:

This is how it should look like:

Now create a new layer underneath this wave layer, then select back the wave layer right click it – Merge Down (Ctrl+E)

Set blending mode to Screen:

With the wave layer selected, hold CTRL on your keyboard and click the thumb of the “Special” text layer. This will create a selection of the text on the wave layer. Go to the drawing area over the selection right click it with the mouse and choose Select Inverse. Cut the selection:

This is what you should have:

Step 4.
Duplicate the Wave layer and with the new duplicated wave layer go to Filter-Distort-Glass with these settings:

This is what it should look like:

With the other wave layer selected go to Filter-Distort-Ripple with these settings:

This is the result :

Because of the transparency on the text it looks great on any background:


781 days ago ·
That is sooo cool! Thank you very much for this tutorial. I just tried this on for myself, and I am absolutely astonished. Thumbs up for you!
778 days ago ·
dude great work yar..
really useful tut…
thums up!! \m/
776 days ago ·
Mine didnt work. i think it is because i am an idot and a photoshop virgin but thanks anyways
776 days ago ·
Let me know where you are stuck at. I am glad to help you.
775 days ago ·
[...] Click here for tutorial [...]
774 days ago ·
Hi, im stuck at the point that i need to use the wave layer and use ctrl and click on the “special” layer. I can’t rightclick anywhere at all, i guess i dont understand where exactly i need to click.
770 days ago ·
@Timoon – Click the original wave layer and merge down on to the back wave layer.
769 days ago ·
Where did you get the picture that you used for the final thing?
769 days ago ·
Hello Taylor,
The image is from sxc.hu a free stock images website.
768 days ago ·
Thanks, but what did you search? I still can’t find it.
767 days ago ·
Sorry for this. Actually it was a stock from Deviantart. Here it is http://fc05.deviantart.net/fs13/f/2007/047/8/f/Underwater_light_and_bubbles_by_della_stock.jpg .
767 days ago ·
Oh man, this is so COOL …
But i don’t have Photoshop ver. CS 5 …
I just have CS 4, but really i can without CS 5 …
767 days ago ·
You can work it CS4! Good Luck!
762 days ago ·
nice effect.
756 days ago ·
[...] Tutorial Link For Create Eye-Catching text effect [...]
740 days ago ·
[...] Tutorial Link For Create Eye-Catching text effect [...]
738 days ago ·
[...] Tutorial Link For Create Eye-Catching text effect [...]
727 days ago ·
Underwater effect with the sun shining above. This is a great effect. I love how you did this. The rays of the sun, the depth and the bubbles. Great effect and excellent work.
726 days ago ·
[...] Site de origem: PSDartist Photoshop Tutorials [...]
674 days ago ·
[...] Tutorial Link For Create Eye-Catching text effect [...]
674 days ago ·
[...] Tutorial Link For Create Eye-Catching text effect [...]
673 days ago ·
[...] 海の中に差し込む光がまぶしいテキストエフェクトの作り方 [...]
671 days ago ·
[...] Tutorial Link For Create Eye-Catching text effect [...]
628 days ago ·
[...] 19.Create Eye-Catching text effect [...]
623 days ago ·
[...] Create Eye-Catching text effect eye-catching-text-effect [...]
597 days ago ·
[...] Create Eye-Catching text effect [...]
594 days ago ·
[...] 43. Create Eye-Catching text effect [...]
566 days ago ·
[...] Tutorial Link For Create Eye-Catching text effect [...]
531 days ago ·
[...] 37. Eye-Catching Text Effect [...]
469 days ago ·
Hey! i got stuck on this step: ‘Go to the drawing area over the selection right click it with the mouse and choose Select Inverse. Cut the selection.’ I dont get where we have to click to get the inverse option!!
464 days ago ·
i am unable to do this step

“With the wave layer selected, hold CTRL on your keyboard and click the thumb of the “Special” text layer. This will create a selection of the text on the wave layer. Go to the drawing area over the selection right click it with the mouse and choose Select Inverse. Cut the selection”
i need help plzzz
im stuck
436 days ago ·
[...] Tutorial Link For Create Eye-Catching text effect [...]
428 days ago ·
[...] CREATE EYE-CATCHING TEXT EFFECT [...]
367 days ago ·
Amazing tutorial!
<3
Thanx!!
337 days ago ·
[...] help hey guys i need help with this tutorial im doing on photoshop here the link for the tut TUT the bit that im stuck on is this: With the wave layer selected, hold CTRL on your keyboard and [...]
291 days ago ·
[...] Site de origem: PSDartist Photoshop Tutorials [...]
212 days ago ·
[...] Create Eye-Catching text effect [...]