3D Glass Icons

Step 1

First you will need to download the two textures below and convert them into photoshop patterns for later. To do this simply open each image then go to EDIT >> DEFINE PATTERN in the menu. Alternatively, if you've downloaded the source files at the end of this post, simply install the pattern set entitled reflective-brushed-metal-tut.pat by double clicking on it.)

	Abstract Tileable Smoky Texture   tutorialsetc-abstract-smoky-texture.zip
	Abstract Tileable Light Blur Texture   tutorialsetc-blurred-lights.zip

Step 2

Create a new transparent document 880px * 540px at 72dpi as seen below.

Step 3

To keep our psd file organized first click on the folder icon in the layer pallet 3 times to create three folders and name them FRAME, TEXT, and BACKGROUND respectively.

Step 4

Create a new layer within the FRAME folder and name it frame. Activate the shape tool by typeing U, make sure the rectangular shape tool is selected, then draw out a square similar to the one below, leaving a little room on the top and bottom.

Step 5

Activate the by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu and enter the settings below.

Step 6

Create a new layer above the frame layer, activate the text tool by typeing T, then enter the settings below and type out a title.

Step 7

Within the BACKGROUND folder create a new pattern fill layer by going to LAYER >> NEW FILL LAYER >> PATTERN in the menu in the menu and choose the smoky pattern you installed in Step 1 as seen below.

Step 8

Open the layer styles dialog box on the pattern layer by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu and enter the settings below.

Step 9

Within the TEXT folder now, create a new text layer, activate the text tool by typeing T and type in some text with the settings below. If you would like to use the font we are using here you can get it for free on Dafont.com.

Step 10

Duplicate the text layer you just created by going to LAYER >> DUPLICATE LAYER then open up the layer styles pallet on the top text layer by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu and enter the settings below.

Step 11

Open up the layer styles pallet on the bottom text layer and enter the settings you see below.

That's It!

You should now have something similar to what you see below.