Cool Looking Navigation Bar in Photoshop
Now we will add a gradient background color. Select Gradient tool. Set foreground color to #8fb107 and background color to #adce26
Press and hold shift key and drag mouse from top to bottom. Background will look like this:
Right click the Rounded Rectangle shape and select “Duplicate Layer”. Rename this layer as “Round Shape 2” Press and hold CTRL key and click on the Round Shape 2 layer. This will load the duplicate shape.
Press CRTL + D to deselect the selection.
Press and hold CTRL key and click the “Round Shape 2″ layer. This will load this shape. Move the shape as shown in below image.
Using CTRL key select “Round Shape 2″ layer and “top 1″ layer. Right click on any one layer and select “Merge Layers”. This will merge both layer into one layer. Now press DEL key. Now our navigation bar looks like this:
Repeat same process to make it from left side also. Rename this shape as “top 2”
Using CTRL key select “Round shape 1“, “Top 1“, “Top 2” layers. Right click any layer and select “Merge Layers”. This will merge all layers into one layer. Rename this layer as button
Now apply following layer styles to the Button layer.
Now it looks like this.
Create a new layer. Drag and place the layer just below Button layer. Select “Rounded Rectangle tool”. Set radius to 10px and color to #5c2600. Draw a shape as shown in below image.
Repeat same process for right side also.
Now our navigation bar looks like this:
Create a new layer. Select Text tool and type menu link text. Our navigation bar is ready. Below is the final image of the tutorial.
I hope you like the tutorial. You can also download the PSD file of this tutorial free!!!
Download PSD File FREE