Archive for January 15th, 2006

Creating a Navigational Header for a Website

Filed under Photoshop Tutorials - Head Nerd @ January 15th, 2006

Creating a Navigational Header for a Website

Start by opening a new file. Fill the background layer with grey to white to grey gradient.

Double click to open layer style window, enable inner shadow. Use settings as shown. This will create boundries of the header.

Using rectangular shape tool create a rectangle at the top of the page.

Double click layer to open layer style window and apply gradient overlay. Use dark grey to light grey to dark grey gradient.

Create a line using line tool.

Similarly create a bottom bar and middle bar.

Using custom shape tool create a arrow and duplicate the layer.

Create a rectangle over top rectangle bar and type search.

Create a small line using line tool over bottom bar.

Double click to open layer style window and apply inner shadow. Use inner shadow settings as shown.

Duplicate the layer.

Type your links.

Create a new file. Using custom shape tool create tile 4 shape.

From edit menu select define pattern.

Type the name of the pattern.

In the main file duplicate the middle bar layer and apply pattern overlay. From the pattern window select checker pattern.

Enable layer mask and drag a gradient to mask the pattern layer.

Finally place your logo.