Curved Header

Sponsored Link

Curved Navigational Header

Start by opening a new file. Fill the background layer with the color that you have decided for your webpage.

Draw a curved path shape layer using pen tool for your header.

Double click to open layer style window. Apply drop shadow, inner shadow, bevel & emboss using settings shown below.

After applying the layer style effects mentioned above you'll get this result.

Now in a new layer create an oval shape using ellipse tool. This shape will be placeholder for a site relevant graphic.

Double click the oval shape to open its layer style window. Apply outer glow and use settings as shown.

In a new layer below all layers create another wave like curve using path tool. Its height should be small as it will be backdrop for our main buttons.

Apply a small drop shadow to this shape layer.

Using custom shape tool ( U ), draw a forward arrow shape in a new layer.

Take multiple copies of this shape layer and place at some distance from each other. We have planned five main buttons for site header so we took five copies and spread across the width of the bar.

Create a curve path similar to the bottom curve shape. Press T to select text tool and click on this path. Type names of the main pages of the site next to these forward arrow shapes. As we clicked on the path while typing all text is moved on this curve shape.

We typed Home, About Us, Services, Policies, Contact Us as these are necessary subpages for our courier service site.

Place the company logo in a new layer towards top left.

Now we'll place a nice relevant graphic image in the white placeholder we left empty. We opened an image of an envelope and dragged to our header file.