Clean Professional Navigation

2. Select a the colours light grey and dark grey and then make a rectangle selection that is roughly 150% bigger then the button you intend to make.

3. Now go to select > modify > smooth, enter 3. Then select > inverse, press delete, then select > inverse.

4. Proceed to make a duplicate of your layer, and then choosing the original (which is below your duplicate) press Ctrl+u and decrease the lightness some around -10, then move your layer down 5 pixels or so.

5. Finally click on the duplicate layer, press ctrl+e and then press ctrl+t to resize down to the apporiate size of the button you wish to create:

6. Now to give extra depth, add an outerglow:

and a stroke:

7. Now you'll need to create a dotted line, an easy way is creating a new layer, making a 1x1 pixel box fill it and duplicate it. Make a line of grey then another line of white, and place on the button as so:

*Note this is zoomed in on the button itself*

8.After positioning the dots, you may want to change the lightness of the button by pressing ctrl+u it should look something like this:

9. Now you need to make a small arrow. Create a new layer, above all of your current button layers, then using polygonal marquee tool:

you will need to hold shift and make a small arrow.

10. Position the arrow to the left of dotted line and add the following outerglow:

10. The last step is adding some text, with a dropshadow of:

11. Congratulations you should have something like this!