Her

Home Photoshop Tutorials Web Layout Designing Web Buttons

Designing Web Buttons

Author: Head Nerd Author's URL: www.photoshopnerds.com More by this author

In this tutorial we'll create nice buttons for the web page.

Start by opening a new file. Using pen tool create a button shape.

image 1

image 2

Double click the button layer to open layer style window. Apply drop shadow, bevel&emboss, satin and stroke. Use settings as shown.

image 3

image 4

image 5

image 6

Applying these layer styles will give a 3d beveled look to the button.

image 7

Duplicate this layer to create additional buttons.

image 8

Type text on the buttons according to your linked pages.

Designing Web Buttons