Some cool looking website round button idea with chrome border. this button may be used in website design of some media website to display red button.

[1] Open a new file.
Choose the proper resolution and mode.

glass-stop-webbutton1.jpg

[2] Take the Ellipse Tool.

glass-stop-webbutton2.jpg

[3] Make the new layer.

glass-stop-webbutton3.jpg

[4] Create a new shape fill the new shape with white color.
glass-stop-webbutton4.jpg

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

glass-stop-webbutton5.jpg

glass-stop-webbutton6.jpg

glass-stop-webbutton7.jpg

[6] Your image should be look like this.

glass-stop-webbutton8.jpg

[7] Now create another shape with the help of Ellipse Tool.

glass-stop-webbutton9.jpg

[8] And then hit the Delete button on your keyboard do not Deselect.

glass-stop-webbutton10.jpg

[9] Make the new layer.

glass-stop-webbutton11.jpg

[10] Now fill the selection with Red color then Deselect.

glass-stop-webbutton12.jpg

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

glass-stop-webbutton13.jpg

glass-stop-webbutton14.jpg

[12] Your image should be look like this.

glass-stop-webbutton15.jpg

[13] Make the new layer.

glass-stop-webbutton16.jpg

[14] Then take the Gradient Tool use the following settings.

glass-stop-webbutton17.jpg

[15] Take the Rectangular Marquee Tool create a circle then drag the gradient see in the next image.

glass-stop-webbutton18.jpg

[16] Then change the Blending Mode to Screen.

glass-stop-webbutton19.jpg

[17] Your image should be look like this.

glass-stop-webbutton20.jpg

[18] Now select the Layer-1 as shown image below.

glass-stop-webbutton21.jpg

[19] Then go to Blending Option and select the Satin Structure apply the following settings.

glass-stop-webbutton22.jpg

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

glass-stop-webbutton23.jpg