Glowing Glossy Glass Text
Tutorials June 20th, 2008In this tutorial, as the title suggests, we will be making some glowing glossy glass text (try saying that five times fast!). I’m using Photoshop CS3, but this tutorial will work on any version, as far as I know. Enough talking - let’s get to the good stuff!
Finished Product
Here’s a picture of what we’ll be making:
Step 1
Start of by making a new document big enough to hold your text - I used 1000×600 pixels - and fill the background with the color #0e151e. Now go download the font called Space Age at dafont.com. The link is http://www.dafont.com/space-age.font. Get the type tool, and type your text into the center of the document. It doesn’t matter what color the font is, because we will be making the color invisible soon. You should have something like this:
Step 2
Now comes the good part. The great thing about layer styles are that you can apply them to any text, and it will look the same. Double-click on your text layer, and apply these layer styles:
General Options
Inner Shadow
Outer Glow
Inner Glow
Gradient Overlay
Gradient Settings
Stroke
You should now have something like this:
Step 3
We’re almost done! Now all the we have to do is add some small things that make it look better. First, let’s add a sparkle on the G. Go to http://www.brusheezy.com/brush/282-Star-Brushes, and download the Star Brushes that are listed there. Head over to Photoshop again, and load in the new brushes. Grab the brush tool, select the brush with the size of 365 (see the image below), and then resize that brush to 100px.
Now make a new layer above the text layer, set the foreground color to #f4faff, and click once with the brush tool on the top left corner of the letter G to make the sparkle. Here’s my result:
Step 4
For the final effect, we will make a shiny reflection of the text. To do this, first duplicate your text layer, and then rasterize the new layer and all of its layer styles by first pressing Ctrl+G, and then Ctrl+E. Flip it vertically by going to Edit>Transform>Flip Vertical, and then take the Move tool, and drag the new text down and below the original text. Look at this image for a reference:
To make the reflection seem to fade away, we will add a layer mask to the new text layer. Make sure that your new text layer is selected, and go to Layer>Layer Mask>Reveal All to create the mask. Take the Gradient tool, set it to a black-to-transparent gradient, and draw a gradient on the new mask like this:
Finish
And you’re done! Here’s the final result:
I hope you enjoyed this tutorial, and I hope that you learned something from it that you can implement in your own designs.
Until next time, happy designing!














July 8th, 2008 at 11:28 am
U R awsome
July 9th, 2008 at 6:45 am
Man its awsome, nice work, t.y.
July 19th, 2008 at 9:25 pm
Having some issues getting step 4 working right in CS, is it possible is might be done differently in that version?
July 20th, 2008 at 10:47 am
It is a great tutorial, love the outcome, I’m using it as a title on a tutorial I am doing at the moment.
@ jeremy, that is a tricky part, takes a bit of time to get it right if you are new to it.
July 24th, 2008 at 8:51 am
@jeremy: Step 4 should work in every version of Photoshop, but I can’t be completely sure because I only have CS3. In that step, all you are doing is duplicating the text layer (I take it you don’t have any problem with that), putting it in its own group (which can be done at the bottom of the layers palette, or by pressing Ctrl+G), and merging that entire group together (Ctrl+E). Then you just flip it vertically, and make it fade out (as I explained).
If you have any other problems, feel free to ask. I hope this helped!
August 4th, 2008 at 7:45 pm
Step 4 with the layer masks and gradient does not work in Photoshop 8.
August 4th, 2008 at 8:25 pm
@Artemis and jeremy: I see what you mean now. If you’re having problems finding the Layer>Layer Mask>Reveal All menu, then there should be a button at the bottom of the layer’s pallete that does the same thing. If you hover your mouse over that button, it will say “Add vector mask” or something of the like. Let me know if that works!