How to make a navigation bar

This is the navigation design example, it is used to in the website so I am going to teach you.

How to make a navigation bar

How to make a navigation bar

This is the navigation design example, it is used to in the website so I am going to teach you.

New File: Take a new file with any size.

Rectangle Shape: Choose Rectangle tool (U key) and this color "b2afaf" then draw a rectangle shape.

Stroke: Go to Layer Menu > Layer Style > apply stroke as given below.

Your image will look like this.

Rectangle Shape: Choose Rectangle tool and make a shape in side the big rectangle shape with changed "b2afaf" color to white.

Gradient Overlay: Go to Layer Menu > Layer Style > Apply Gradient Overlay.

Write text: Choose Horizontal type tool (T key) and make formatting to write text in the navigation shape.

Use same steps to make another navigation bar as here.