Posted on November 15th, 2007 under Web Graphics

In this Photoshop Tutorial you will be learning how to create some nice rounded website buttons, as shown below:

First Step:
Create a new file (File > New) with 200 x 200

Second Step:

Third Step:
Create a rounded rectangle using the rounded rectangle tool

Fourth Step:
Go to the layers box , right click on the layer select blending options

Fifth Step:
Choose inner shadow, set the settings like this:

Result after doing inner shadow

Sixth Step:
Set foreground color to #9a4300

Seventh Step:
Open the blending options dialog again, choose gradient overlay, set the settings like this:

Eight Step:
Choose stroke, set these settings:

Ninth Step:
Choose inner glow, set these settings:

Tenth Step:
Choose drop shadow, set these settings:

Eleventh Step:
Result

Now add your text using the horizontal type tool