View Full Version : Glass Text Effect (Adobe Photoshop Tutorial)


jovrea27
13th Feb '07 Tue, 17:28
Share ko lang tong tutorial na ito:

Step 1:
Let's start with a background. 72dpi and RGB mode. Add some text, here I used galant font.

http://img223.imageshack.us/img223/4560/glass2ia5.jpg


Step 2:
Add a layer style by clicking the little "f" at the bottom of the layers pallette.

Add a dropshadow and a bevel, copy the settings shown here.

Note 2 things here that really make the glass "pop"

1. Change the contour, this gives the reflected look.
2. uncheck the global light and change the altitude to 70.

http://img223.imageshack.us/img223/7329/glass3qk6.gif


Step 3:
It should look like this...

http://img293.imageshack.us/img293/7404/glass3bsd5.jpg


Step 4:
This step is where the magic happens!

In the styles palette, click on the Custom blending options.

Now pull the fill opacity all the way to "0" and there you go!

http://img242.imageshack.us/img242/5514/glass4ie2.gif

Finished product:

http://img223.imageshack.us/img223/919/glasssi6.jpg

Hope you've learned something from it... More to Come!

digitallg10
14th Feb '07 Wed, 21:29
dude...thnks sa tutorial... lagay ka pa

..:capri:..
15th Feb '07 Thu, 02:23
oo bro, di ako marunong nyan eh..

:adik:

jovrea27
15th Feb '07 Thu, 10:38
dude...thnks sa tutorial... lagay ka pa

salamat at nagustuhan nio ang aking mumunting tutorial!!!:beat:

digitallg10
15th Feb '07 Thu, 11:01
bro sama mo na lang to sa thread ko...
http://www.symbianize.com/showthread.php?t=1757
kung gusto mo lang?

tartimorion
15th Feb '07 Thu, 12:39
ok...kuha ko na. parang ganito:

http://img219.imageshack.us/img219/332/glasseffectkz4.gif

jovrea27
15th Feb '07 Thu, 12:48
hehe, nice!!! parang ganyan nga poh...

hoe311
15th Feb '07 Thu, 22:49
gndang pnggawa yan ng op logo..thanks

..:capri:..
16th Feb '07 Fri, 01:03
Nadali ko rin...:happy:
http://img167.imageshack.us/img167/4743/untitled1copyun7.jpg

Kaya lang nakakaingit kayo bakit nag fa-flash ang text kaya ko rin ba yan:noidea:

jovrea27
16th Feb '07 Fri, 08:21
Nadali ko rin...:happy:
http://img167.imageshack.us/img167/4743/untitled1copyun7.jpg

Kaya lang nakakaingit kayo bakit nag fa-flash ang text kaya ko rin ba yan:noidea:

san un, sa siggy ba? Adobe Photoshop din yan bro, gamitan mo lang ng animation... kayang kaya mo yan!!!

tartimorion
16th Feb '07 Fri, 09:36
oo nga.adobe imageready lang kayang-kaya na ianimate yan.

newbie_myk
24th Feb '08 Sun, 16:59
try ko po ito soon!

by the way, pwede rin ba apply itong effect na ito sa images? kase i am currently trying to make a logo...

Yan_C_Pon
12th Oct '08 Sun, 13:31
tnx po..