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.
Recommend the tutorial