Glossy Button

 

 

Inset gloss button

 

Step 1.

Make a new document 150x150 and fill it with any color. Make a new layer and  usign the round rectangular tool with the settings below make a shape
<img src="http://photoshoptutorials.org/images/photoshoptutorial/1.jpg" align="left" hspace="6" alt="Image" />

Step 2.
Add the folowing settings :

Inner shadow:

<img src="http://photoshoptutorials.org/images/photoshoptutorial/1.jpg" align="left" hspace="6" alt="Image" />

Gradient Overlay :

<img src="http://photoshoptutorials.org/images/photoshoptutorial/2.jpg" align="left" hspace="6" alt="Image" />

Stroke:

<img src="http://photoshoptutorials.org/images/photoshoptutorial/3.jpg" align="left" hspace="6" alt="Image" />

Step 3.  
Next we need to make a selection like below. So press Ctrl+click on the button layer and using the poligonal lasso tool deselect the bigger part so it will look like my selection. Make a new layer and fill it white and lower the opacity to 40.

<img src="http://photoshoptutorials.org/images/photoshoptutorial/4.jpg" align="left" hspace="6" alt="Image" />

Step 4.
For a better effect I duplicated the layer and moved it a bit on the left. Then I made a new selection and filled it white. See below:

<img src="http://photoshoptutorials.org/images/photoshoptutorial/5.jpg" align="left" hspace="6" alt="Image" />
Go to Filter>blur>Gaussian Blur and add a 4.2 radius.

<img src="http://photoshoptutorials.org/images/photoshoptutorial/6.jpg" align="left" hspace="6" alt="Image" />

This is my final result:
<img src="http://photoshoptutorials.org/images/photoshoptutorial/7.jpg" align="left" hspace="6" alt="Image" />