In this free photoshop tutorial I am gonna make one of those glossy web 2.0 free photoshop tutorials.

I will explain here in step by step where I will show all the adobe techniques and tricks that I used in making this tutorials.

If you have a website design that needs some button, then take a look. ofcouse this all images are copyright protected on this site but you may use these photoshop cs3 technqiues and create your own image.

Tag: how to make a Metallic-blue-web-button in photoshop.

[1] Take a new file of 400 pixels,400 pixels, of resolution 72 dpi in the RGB mode.

metallic-blue-web-button1.jpg

[2] Take the Ellptical Marquee Tool.

metallic-blue-web-button2.jpg

[3] Make the new layer and create a new shape fill the new shape with black color.

metallic-blue-web-button3.jpg

[4] Now go to Blending Option use the following settings.

metallic-blue-web-button4.jpg

metallic-blue-web-button5.jpg

metallic-blue-web-button6.jpg
[5] Your image should be look like this.

metallic-blue-web-button7.jpg

[6] Now create a new layer then draw another shape, and fill with blue color see in the next image.
metallic-blue-web-button8.jpg

[7] Take the Dodge Tool.

metallic-blue-web-button9.jpg

[8] Use the Dodge tool insite the circle see in the next image.

metallic-blue-web-button10.jpg

[9] Now take the Gradient Tool use the following settings.

metallic-blue-web-button11.jpg

[10] Make the new layer.
metallic-blue-web-button12.jpg

[11] And now Drag the Gradient Tool as shown image below.

metallic-blue-web-button13.jpg

[12] Drag the Gradient Tool, but this time Bottom of the image see in the next image.

metallic-blue-web-button14.jpg

[13] Your image should be look like this.

metallic-blue-web-button15.jpg

[14] Now take the Shape and select this one.

metallic-blue-web-button16.jpg

[15] Now create a new layer and fill the shape with black color.

metallic-blue-web-button17.jpg

[16] Go to Blending Option use the following settings.

metallic-blue-web-button18.jpg

metallic-blue-web-button19.jpg

[17] Your image should be look like this.

metallic-blue-web-button20.jpg

[18] Make the 3 copy of previous shape layer and arrange the shapes see in the next image.

metallic-blue-web-button21.jpg

[19] Now take the Pen Tool create a new shape as shown image below.

metallic-blue-web-button22.jpg

[20] Make the new layer fill the new shape with white color.

metallic-blue-web-button23.jpg

[21] And now change the Blending Mode of new shape layer see in the next image.

metallic-blue-web-button24.jpg

[22] Your image should be look like this.

metallic-blue-web-button25.jpg

[23] Take the Shape Tool and select the shape see in the next.

metallic-blue-web-button26.jpg

[24] Make the new layer fill the new shape with any color would you like, and set the Opacity as shown image below.

metallic-blue-web-button27.jpg

[25] Your final image should be look like this.

metallic-blue-web-button28.jpg