Web Designing Tips: Using Photoshop
Let us start with something exciting! In the beginning  we'll be making navigation buttons. The solutions described here are for creating button effects. The techniques shown here can be applied to any "button-like" object, including icons, bullets, title and navigation bars, and other page accents. 

Rectangular Flat Button
We're going to draw a basic, rectangular button. Set the foreground color to a color of your choice, then draw a rectangle with the Rectangle Tool (U).To make it more intersting we have drawn another rectangle in a lighter color to give our button a thick border on its left-hand side, as shown below.