Simple Website Button

3loomi wrote:In this tutorial we’ll learn how to create a simple website button using Photoshop techniques.Final Image Preview







Create a new file (File>New) having 450×450 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!