1. Create a new set aka "Folder" and call it "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!
