Photoshop Tutorial: Making Glass Effects page buttons

Photoshop Introductory tutorials, making a glass-style Web page button.

Step one adds a layer 1 and draws a circular selection with the Circle selection tool, as shown in the following figure:

Step two first sets the foreground and background colors to light blue and dark blue, and then pulls the circular gradient with the gradient tool, as shown in the following figure:

Step three first press "ctrl"+"d" to deselect and then use the Layer style feature to add shadow and stroke black edges, as shown in the following figure:

Step four adds a layer 2 and draws a circular selection with the Circle selection tool, which is smaller than the blue circle, as shown below:

Step five adjusts the gradient tool to white to transparent color, as shown in the following illustration:

Step six pulls the white to transparent straight line gradient in the circular selection of Layer 2, as shown in the following figure:

Step seven first press "ctrl"+"d" to deselect, then use filter ">" Gaussian blur, as shown in the following figure:

Step eight adjusts the opacity of layer 2 to around 60%, as shown in the following figure:

Step nine, add another layer 3, and then draw a circular selection with the Circle selection tool, which should be smaller, as shown below:

Step ten pulls the white to transparent straight line gradient in the circular selection of Layer 3, as shown in the following figure:

"Step 11" with the Circle selection tool, select the Layer 3 round the bottom of the circle, and then press the right mouse button to set feather, the following figure:

"Step 12" feather value set about 10, set feather, directly press the keyboard delete key, the Layer 3 circle of the lower half of the section, the following figure:

"Step 13" first press "ctrl"+"d" to deselect, and then use "Filter">"Gaussian blur", this time the Gaussian blur do not set too large, the following figure:

Step 14 Adjusts the opacity of layer 3 to around 80%, as shown in the following figure:

"Step XV" to finally hit the text you need, this example even if completed, the following figure: