Her

Home Photoshop Tutorials Web Layout Basic Button

Basic Button

Author: ALT web design Author's URL: www.alt-web-design.com More by this author

Step 1

Create a new document (File -> New), then create a new layer (Layer -> New -> Layer, or Shift+Ctrl+N) and select the Rounded Rectangle Tool (radius is 5px) , draw a shape of your button and fill it with a solid colour.

image 1

image 2

Step 2

Right-click on the layer and choose blending options. Select Drop Shadow, and use these settings:

image 3

image 4

Step 3

Add your text to the button.

image 5

Step 4

Right-click on the layer and choose blending options. Select Bevel and Emboss, and use these settings:

image 6

Basic Button