1. First create a square using the Rounded Rectangle Tool and use the Geometry Options as you can see below. With this we’ll be doing a square with a size of 96px,if you want can use another icon size like: 128px, 64px, 48px, 32px, 24px, 16px, 12px or 10px. If you prefer it can use you own customized size.Read the rest of this entry »

Step 1:
First off, let me explain how this is going to work. I am downloading a font called Dingmaps. Click the link to download the font. Then after that I will place the font at a large size and fill it with a pattern. Above is a sample of a finished product.

1. Firstly open up Photoshop and create a new canvas. Make sure your canvas is the correct width and height you want your navigation bar to be. I made my canvas 800x200px.

2. Next insert a new layer. Click on the ‘Rectangular Marquee Tool’ and draw a rectangle from one end of the canvas to the other. The height of my navigation bar was 35px. You should have something that looks like this.