Posted on December 25, 2006 - by Khaled
Photoshop “Glass Text” Tutorial
As I have announced it before, I am going to be posting Photoshop tutorials on this blog. Some tutorials are old others are new and will be posted for the first time. So stay tuned!
Today I am going to start off with quite a simple tutorial that will show you how to achieve a glassy text effect .
This tutorial was made using Photoshop CS2 but can be achieved using older Photoshop versions. You can now add a cool effect to your text easily. Of course, and as usual, your feedback is more than welcome.
First of all I’ve created a new blank document That is 400×150, Then I have selected the text tool, I’ve set the font to “Gill Sans Ultra Bold”, the size to 60pt and the color to #d41385 (yeah that’s pink!!). Then I’ve typed in my text. Read on
Here’s my text:
After that, duplicate the text layer (ctrl+j or cmd+j), select the original text layer that is listed under the new duplicated layer in the layers window, set its opacity to 75%.
Now select the top text layer (the duplicated one) right click and choose rasterize type.
Select the elliptical marquee tool, make a selection of the top part of your text like shown below:
Hit the delete key to clear the selected area of the rasterized text. Here’s the result:
Hit ctrl+D (or cmd+D) to deselect. Double click on the original text layer, the layer style window will pop up. Select “outer glow” and put in these settings:
- Blend Mode: Normal
- Opacity: 100%
- Color: #d41385
- Noise: 0%
- Technique: Softer
- Spread: 70%
- Size: 5px
Now select “Stroke” and select white (#FFFFFF) as color, (leave size: 3px):
Click OK and look at the result:
Now you’re done, you customize your text, add more effects change the color etc…
Next time I will tell you how the achieve the reflection effect! so stay tuned: Update now it is ready, the reflection tutorial is here so go and check it 
61 Comments
We'd love to hear yours!
Leave a Comment
Here's your chance to speak.
Visit My Website
January 1, 2007
Permalink
I’m Thai student.
Your blog is very useful for me. Thanks
Visit My Website
January 1, 2007
Permalink
I happy to know this Patta!
Visit My Website
January 1, 2007
Permalink
Wow! Lovely Effect, this is great for blogs and friend sites etc. Cheers, great tutorial, really easy to follow.
Visit My Website
January 2, 2007
Permalink
how do u get the elliptical marquee tool. where do u go
Visit My Website
January 2, 2007
Permalink
Real nice!!
Visit My Website
January 2, 2007
Permalink
nice trick
Visit My Website
January 2, 2007
Permalink
Thx!
Visit My Website
January 2, 2007
Permalink
cool effect..Thanks!
Visit My Website
January 3, 2007
Permalink
This is really nice tutorial i like it when u are gonna teach us reflection ?
Visit My Website
January 3, 2007
Permalink
Nice tutorial!! Thank you.
Visit My Website
January 3, 2007
Permalink
@Jasmine
Hey Jasmine, click on the marquee tol and and hold on for few seconds a tab will pop up with different marquee options
you can read this tutorial for more about the marquee tools 
http://www.arraich.com/ref/aatool_marquees6.htm
I hope this helps you!
Visit My Website
January 3, 2007
Permalink
Thanks guys
Happy you’ve liked the tutorial! stay tuned for the upcoming ones 
Visit My Website
January 4, 2007
Permalink
The friken text doesnt get ennlarged!! it stayes sooo small!! Ok when i make a new document then i select text and make a box that i will type in, but the text size cannot be changed! stays soo tiny! HELP!
Visit My Website
January 5, 2007
Permalink
Really cool design
Thanks for the tutorial
Fuser
Visit My Website
January 7, 2007
Permalink
Temur, I am not really understanding your problem! just type in the text and choose it size: select the text tool (T) click once on the workspace, write the text, set the size you want from the character palette… that’s it!
Visit My Website
January 9, 2007
Permalink
Yea thanks:D its a nice photo;)
timo_kuys@hotmail.com
ps. does a body have a problem about photoshop or something you can add me on msn
good luck
Visit My Website
January 10, 2007
Permalink
It really useful to me, really thanks your sharing!!!cheer up!!!
Visit My Website
January 11, 2007
Permalink
forgot the mirroring part?
Visit My Website
January 11, 2007
Permalink
@Uhm:
No! it is coming soon
Visit My Website
January 11, 2007
Permalink
Very nice trick
Visit My Website
January 16, 2007
Permalink
Man you’re great.Keep going !!!
Visit My Website
January 17, 2007
Permalink
Thanks Alex
Visit My Website
January 17, 2007
Permalink
[...] So this is the second simple Photoshop tutorial I am posting in the new Photoshop tutorials series. As I’ve stated before, this is to show to achieve the reflection effect that was created at the end of the Photoshop “Glass Text” Tutorial. And yes! many of you were requesting it. [...]
Visit My Website
January 18, 2007
Permalink
Gracias!!!
Me ha gustado mucho este efecto…
Visit My Website
January 18, 2007
Permalink
De nada Marìa
Visit My Website
January 21, 2007
Permalink
Simplemente increible!
Gracias x compartir tu talento =)
Visit My Website
January 21, 2007
Permalink
me gusta compartirlo Mina!
Visit My Website
February 4, 2007
Permalink
Hi,
Thanks for great post. Please visit my site http://library-cafe.com for great tutorials.
Visit My Website
February 27, 2007
Permalink
hey this is a GREAT site.
bat a bad thing is that, i have 2.0 can i download CS2 for free.
if i can do you know where?
thank you very much.
Visit My Website
February 27, 2007
Permalink
Hey Darcy!
Thanks, you can only download a free trial of Photoshop CS2 from Adobe.com
Visit My Website
April 5, 2007
Permalink
The site looks great ! Thanks for all your help ( past, present and future !)
Visit My Website
April 5, 2007
Permalink
Thanks Morgan, you’re most welcome
Visit My Website
May 7, 2007
Permalink
[...] http://kyscorp.com/blog/2006/12/25/photoshop-tutorial-series-glass-text/ [...]
Visit My Website
May 9, 2007
Permalink
[...] Typisches Web2.0 Logo [...]
Visit My Website
May 14, 2007
Permalink
[...] After learning this post and this post I managed to create my custom Web 2.0 Logo! Watch below! I am still not happy with the colors but in generel this is a big step forward! All the previous logos I tried looked really poor! If you want to read more about Web 2.0 Design also have a look here. [...]
Visit My Website
June 7, 2007
Permalink
thank u!
best wish from china!
Visit My Website
June 27, 2007
Permalink
glass effect
Visit My Website
June 28, 2007
Permalink
[...] Photoshop “Glass Text” Tutorial por No Relation [...]
Visit My Website
July 3, 2007
Permalink
[...] Kyscorp.com: Este tutorial esta muy bueno, ideal para dar una imagen en donde el logo esta compuesto unicamente de letras, puedes obtener: [...]
Visit My Website
July 4, 2007
Permalink
[...] Kyscorp.com: Este tutorial esta muy bueno, ideal para dar una imagen en donde el logo esta compuesto unicamente de letras. [...]
Visit My Website
July 4, 2007
Permalink
[...] Kyscorp.com: Este tutorial esta muy bueno, ideal para dar una imagen en donde el logo esta compuesto unicamente de letras. [...]
Visit My Website
July 26, 2007
Permalink
wow.Great tutorials
thanks for your share.
Visit My Website
September 26, 2007
Permalink
really good tutorial , im gonna make me now a new glass logo
Visit My Website
October 5, 2007
Permalink
best good 我想我会做啦,,think you 哥们
Visit My Website
November 1, 2007
Permalink
[...] Photoshop “Glass Text” Tutorial por No Relation [...]
Visit My Website
January 9, 2008
Permalink
good and simple. Thanks
Visit My Website
February 8, 2008
Permalink
Very interest, thanks..
Visit My Website
March 4, 2008
Permalink
[...] Photoshop “Glass Text” Tutorial por No Relation [...]
Visit My Website
April 19, 2008
Permalink
really good tutorial , im gonna make me now a new glass logo
Visit My Website
July 5, 2008
Permalink
It always amazes me, as you look at tutorials like this step-by-step, that it is often a lot more simpler to do things than you originally think. And, when you see it build up, you think to yourself “of course, that makes perfect sense.” Usually, the simpler, the more effective the effect actually is. Reminds me of a video I watched once when a guy made all these effects in photoshop through simply drawing them. When you look at it, it makes perfect sense.
Visit My Website
August 14, 2008
Permalink
For our new web site that sells glass frames, I am going to need this one. Thank you very much.
Visit My Website
September 8, 2008
Permalink
Really great tutorial! I’m featuring it on my site (hope you do not mind).
What I like most is that the result looks a little bit Web 2.0.
Thanks for sharing!
Visit My Website
September 10, 2008
Permalink
Thank you very much! Greetz from the Netherlands!
Visit My Website
September 22, 2008
Permalink
[...] Photoshop “Glass Text” Урок [...]
Visit My Website
December 19, 2008
Permalink
Nice articles really very good.
Visit My Website
April 4, 2009
Permalink
I Love the Tuts Thxxxx
Visit My Website
June 30, 2010
Permalink
facebook
All I'm looking for a site on a very large and beautiful on this site are subject to all of you very
thanks
Visit My Website
December 23, 2010
Permalink
Great tutorial. Thank you.
Visit My Website
June 18, 2011
Permalink
секс знакомства
Найдите свою вторую половинку. Пройдите тест и зарегистрируйтесь бесплатно!
Visit My Website
August 18, 2011
Permalink
this is nice post
Visit My Website
September 9, 2011
Permalink
Longchamp
Longchamp bags
Longchamp sale
Longchamp outlet
Longchamp Le pliage
Longchamp Le pliage Tote