Simple Website Button

We will learn to draw web button with this tutorial. 

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: 





Drawing the button is finished!