Creating a Navigational Header

Start by creating a new file. Draw an rectangle at the top using rectangular shape tool.

Create a line below the top rectangle.

Copy the line layer and place it at the bottom. Create another thin line.

Create a rectangle with green color.

Create another rectangle with gray color. We'll create buttons on this rectangle.

Open an image and place it at the right of the header.

Create a rectangle for button.

Double click the layer and enable bevel&emboss, satin and stroke. Apply settings as shown.

Create two white lines vertically as shown that will serve as divider between three portions of the navigational header. We'll use one portion for the logo, second one for the buttons and last one for the image.

Duplicate the button rectangle 5 times and place it downwards.

Create a vertical rectangle equal to the height of six buttons and right align with buttons.

Change the color mode to multiply.

Open another image and place it at the left of the header.

Change the color mode to hard light and reduce the opacity to 50%.

Place the logo in the left of the header.

Type your links on bottom rectangles.

Create an arrow shape and duplicate. Place it on the right of the links.

Duplicate the arrow layers and place them in every link layers.

Add faq & search bar at the top of the header.