Let’s learn how to make a Blue Chrome Button for the website layout design using various photoshop tools and techniques.

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

website-blue-chrome-button1.gif
[2] Now take the Elliptical Marquee Tool.

website-blue-chrome-button2.gif

[3] Create a new shape and fill the color black.

website-blue-chrome-button3.gif
[4] Now go to Blending Option apply the following settings.

website-blue-chrome-button4.gif

website-blue-chrome-button5.gif

[5] Your image should be look like this.

website-blue-chrome-button6.gif

[6] Now create another shape with the help of Elliptical Marquee Tool and fill with any color would you like.

website-blue-chrome-button7.gif

[7] Now go to Blending Option apply the following settings.

website-blue-chrome-button8.gif

website-blue-chrome-button9.gif

website-blue-chrome-button10.gif

website-blue-chrome-button11.gif

website-blue-chrome-button12.gif

website-blue-chrome-button13.gif

website-blue-chrome-button14.gif
[8] Your image should be look like this.

website-blue-chrome-button15.gif

[9] Now take the Elliptical Marquee Tool, create a new shape and fill with white color.

website-blue-chrome-button16.gif

[10] And now change the Blending Mode and set the opacity see in the next image.

website-blue-chrome-button17.gif

[11] Make the copy of previous layer as shown image below.

website-blue-chrome-button18.gif[12] Your final image should be look like this.

website-blue-chrome-button19.gif

Adobe photoshop cs2 tips and technique, Design a Website In Photoshop