Simple Website Button

Create a new file (File>New) having 450x450 px and 72 dpi.
Next we’ll use the Rounded Rectangle Tool (U) to represent the primary layer of the button we’ll represent below.





The layer’s parameters:
Blending Options>Drop Shadow



Blending Options>Inner Shadow



Blending Options>Gradient Overlay



Gradient’s parameters:



Blending Options>Stroke



Gradient’s parameters:





Using the details from the next table, we’ll try to write the button’s name:





The layer’s parameters:
Blending Options>Outer Glow



Blending Options>Gradient Overlay



Gradient’s parameters:





Select now the Rectangle Tool (U) to represent on the lowest button’s half a darkening:



The layer’s parameters:
Fill 0% on the layers.
Blending Options>Gradient Overlay



Gradient’s parameters: