fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Create a Transparent Text in Photoshop

www.psd-dude.com
Tutorials Text Effects 39072 Views May 14th, 2012

If you want to learn how to create your own glass text effect you can try this easy to follow photoshop text tutorial. The glass effect is so versatile so you can create more interesting effects simply by changing the layer styles. For example you can increase the opacity to obtain a more glossy effect.

Because it's so easy to integrate with almost any background and at the same time easy to customize, hopefully you will give this transparent text effect tutorial a try.

Advertisment

There are several good tutorials on the internet that are teaching how to create realistic transparent text in Photoshop but, that was another reason for me to try to create my own effect. There is a similar one on psdtuts with glass text filled with liquid, so plenty to choose from.

Transparent Text in Photoshop

In this brand new tutorial I will show you a quick way to create a transparent text effect in Photoshop. We are going to add five text layers with different layer styles. Before we begin, let's take a quick look at the preview of the final image for this glass text effect.

Start with a simple text message and use whatever font you want. I've picked a free font, named Lobster, which I like a lot. The color is not important because we will reduce the Fill of this layer to 0%.

Duplicate this layer 5 times, to obtain Glass 1 Layer, ...., Glass 5 Layer. Add to the first layer the following layer style: Inner Shadow and Bevel and Emboss. Don't forget to reduce the Fill of this layer to 0%.

Now let's add a Gradient Overlay to the Glass 1 Layer, with the following settings. The colors for the gradient are not as important, you can choose any combination you want.

Now add these layer styles to the Glass 2 Layer: Inner Shadow, Outer Glow and Bevel and Emboss.

The third layer, Glass 3 has the following layer styles: Inner Shadow, Outer Glow, Inner Glow and Bevel and Emboss.

Go to the Glass 4 Layer and add Bevel and Emboss.

Go to the last layer Glass 5 and add again Bevel and Emboss but with another settings.

Create a new layer called Horizontal Liquid and draw 7 horizontal ellipses where the liguid ends, like shown in the image. Use the Ellipse Tool to draw the shapes.

Don't worry if they are exceeding the glass text area. Select one of the Glass Layer (press CTRL and click the layer thumbnail).

Add this selection as Layer Mask for the Horizontal Liquid layer. You can do that by pressing the Add layer Mask button found on the bottom of the Layers Tab.

To make it shine, add some sparkle brushes. You can make sparkle brushes yourself, or you can use one of the many brushes already available for free on the internet.

Ok, so here is the final result for my Transparent Text Effect or Glass Text Effect made in Photoshop CS4. As I am aware that this is not a very easy to make tutorial, mainly because of the many settings I am planning to release a Photoshop action to save you time.

My glass text works nicely with many background colors and even with backgrounds with patterns and textures, so it's a pretty realistic transparent effect as you can see from the second final image. You can also change the color of the liquid and create new and unique effects. I Hope you give it a try and if you do we are waiting, as usual, to see your results !

Drinks Text Style Photoshop Action

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

7 comment(s) for "Create a Transparent Text in Photoshop"

Daniel
5:18 PM Monday, May 14, 2012
I saw a similar tutorial on psdtuts but I must say that your tut is better. So great tutorial dude, thanks for sharing! reply
PSDDude
5:43 AM Tuesday, May 15, 2012
Thank you Daniel! I guess you are talking about this glass effect from psdtuts, which I know for a long time ... my text effect is a bit different, I don't know if it is better.... reply
Roofi
5:23 AM Tuesday, June 12, 2012
The final result is really fantastic! Good Work! reply
SurrealPSD
12:23 AM Friday, August 10, 2012
Pretty good effect, the glass works very well ;) reply
G
G
7:50 AM Sunday, February 17, 2013
Glass tutorial - Mine look sort of like that, but seem like you could of made a more explanatory tutorial. especially the last part were the ellipse tool created 7 shape layers NOT one. Also I used the same font, but yours looks more bubbled and mine was flat....oh well reply
John
4:36 AM Monday, February 18, 2013
Hi G, if you have made all the settings like in this tutorial your text should look like mine. But if you are not using Lobster Font size 260pt than you will have to adjust the layer styles (see this tut Photoshop Layer Styles the Scale Effects for Layer Style section)
reply
Sebastian
7:58 AM Wednesday, November 12, 2014
really nice work.. the results are awesome..!

thanks a lot! reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a beautiful ice queen portrait effect in Photoshop using some useful techniques ...
Mirrors and reflections are enormously important in art, being a common theme in myths and legends. ...
For these winter holidays you can download for free our new set of Christmas patterns for Photoshop....
Get ready for the winter holidays with this new Photoshop tutorial. Learn how to create a Merry Chri...

      Rubber Stamp Generator Photoshop Action
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Partners
Subscribe via email
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top