Breathe new life into text. These tutorials will teach you how to create various text effects.  Home Photoshop Text Effects Glass Text

Step 1

Open an existing document, or create a new one of any size, I'll be using a 500 x 200 for this tutorial.

Fill the background with any color, I'm using white (#FFFFFF)

Step 2

Create a new layer. Now we're going to add the text. It is best to use a thick bold text for this technique. I'll be using "Aerial Black" which is a windows standard font and most macs have as well. Hevetica Bold is a pretty close alternative for Mac users.

Here is the font settings I've used:

image 1

Result:

image 2

Step 3

Double click this layer, and apply the following blending options:

Gradient Overlay:

image 3

image 4

Stroke:

image 5

Bevel & Emboss:

image 6

Inner Glow:

image 7

Result:

image 8

Step 4

Next we'll add the gloss effect. Set your foreground color to white (#FFFFFF) and get out the pen tool ( image 9 ) and set it up like so:

Make sure "Shape Layers" is clicked

image 10

Now make four dots, one on the left side, and one on the right of the text. The other two should be around the middle of the image like so:

image 11

Next hold down the Ctrl key, and move the two middle dots off center. Move the left middle dot upwards, and the right middle dot downward:

Click to enlarge
Click to enlarge

Once you have this type of "Wave" between the four dots, connect the rest of the dots above the text as I've done here:

image 13

Step 5

Now Right click on this layer, and choose "Rasterize Layer".

Hold down the Ctrl key, and click on the layer with our text (should be directly below this one). Doing so will make a selection of everything in that layer:

image 14

Next go to "Select->Inverse" or press Ctrl + Shift + I to invert the selection.

Tap Delete on your keyboard to Delete the excess "gloss", result:

image 15

Drop the opacity of the "gloss" layer down to 20 percent:

image 16

Result:

image 17

Step 6

Next click on your "background layer" and create a new layer.

The new layer should be directly below your text layer

Click on the "text layer" to select it, and press Ctrl + E to merge it with the new blank layer we had just created.

This will rasterize the text layer, as well as the blending options for that layer.

Next click on the "gloss" layer, and press Ctrl + E to merge it with our newly rasterize text layer.

So at this point, you should have a total of 2 layers.

Our rasterize text effect with the shine, and then the background layer:

image 18

Step 7

Double click this layer, and apply the following blending options:

Drop Shadow:

image 19

Inner Shadow:

image 20

Outer Glow:

image 21

Inner Glow:

image 22

Bevel & Emboss:

image 23

Here's how mine ended up after adding a simple "reflection", looks pretty good:

Glass Text Tutorial: Final Result (Click to enlarge)
Click to enlarge

These work excellent for header and signature texts. Try it out yourself and see how easy it is!



Author's URL: PhotoshopForce.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Glass Text"

Only registered users can write comment

Reader's comments