Her

Home Photoshop Tutorials Web Layout Basic Button

Basic Button

Author: fstutorials.com Author's URL: www.fstutorials.com More by this author

Step 1 : First of all make a new document (Ctrl + N)
width = 150
height = 30
Right-click on the background and select Duplicate layer...

image 1

Step 2 : Right-click on the copy of background and select Blending Options -> Bevel and Emboss.

image 2

Step 3 : Then select Inner shadow in the Blending Options:

image 3

Step 4 : Then Stroke in the Blending Option:

image 4

Step 5: Now it should look like this:

Basic Button