Adobe Photoshop Glass Effect

April 10th, 2009

Home » Photoshop Tutorial » Adobe Photoshop Glass Effect

The Amazing Glass Effect Tutorial - Sindustries

Today class we are going to start with the simplest and easy to-do adobe Photoshop effect, the glass/gloss text effect.

In recent years this effect has been heavily used by the Web 2.0 scene.

Now lets get on with it!

Glass Text Effect Tutorial

Stage 1

1. Make the background color black
2. Write some text.

And you should have this: -

The Amazing Glass Effect - Plain Text - Stage 1

Stage 2

1. Turn the text layers fill to 0% and the opacity to 90%
Photoshop Opacity Settings

2. Right click the layer and add the following blending styles
3. First off add gradient supplied (Here is the .grd  Adobe Photoshop Glass Tutorial Gradient )

Adobe Photoshop gradient settings

4. Add a Inner Glow

Photoshop Inner Glow Settings

5. Then add a Outer Glow

Photoshop Glass Effect

You should now have this: D and we are half way there!

Your Glass Effect Text should now look like this.

Stage 3

1. Now ctrl + click on the text layer so you seen the marching ants as follows: -

Adobe Photoshop's Marching ants

2. Select the pen tool and draw a straight line then add a point closer to the right sidePhotoshop Pen tool selection - 1

3. Then drag the node now however much you want down the way.

4. Right click on the canvas with the pen tool selected and click “make section” and then use the following settings.

Photoshop New Selection

Make Selection Settings.

Stage 4

1. Now make a new layer and add in the selection add the following gradient in a downward directionColor to Transparent Gradient

2. Fill the selection with the colour white

3. Then change the opacity of that layer to 30%

And Omgz!

All done you should have finished this tutorial with this effect: -

picture-26

I have set up a sindustries Flickr group! upload your results or designs you have used the effect in!

Final word with the preview image I did add some other effects ;) but ill list what ones I used in my next post.

One Comment

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Comment Spam Protection by WP-SpamFree

Back to the top!