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 palce it at the bottom. Create another thin line.

Create a rectangle with green color.

Create another rectangle with grey 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 verticaly 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 botton rectangles.

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

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

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

This entry was posted on Friday, February 24th, 2006 at 6:23 pm and is filed under Photoshop Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.