Web Page Design Layout

Now we have to represent a lateral menu's panel on the left page's part. Firstly represent the primary layer of the menu's panel, selecting the Rectangle Tool (U).

The layer's parameters: Fill 0% on the layers. Blending Options>Gradient Overlay

Gradient's parameters:

Divide now the panel of the menu's button, using the Pencil Tool (B) and represent a dividing stripe:

The layer with the dividing stripe needs the next parameters: Blending Options>Color Overlay

Make six copies of the layer containing the dividing stripe and place the copies the way it is shown below:

Insert on the header the site's logotype:

(company)

(name)

(slogan...)

Next step includes selecting the Custom Shape Tool (U) and representing near the logotype a copyright of the white color:

Next we'll introduce the titles for the buttons situated on the site's menu:

(home)

(products, downloads, store, support, community)

Now we have to create a circle on the right part of the menu's button, applying the Ellipse Tool (U):

The layer's parameters: Blending Options>Inner Shadow

Blending Options>Gradient Overlay

Gradient's parameters:

Make five copies of the last made layer and place the copies exactly the way it is demonstrated next picture:

We have to make some corrections on the right corner of the menu's buttons panel. For the beginning we'll mark out all the layers with the small circles (keep pressed the Ctrl button and make a click on the marked buttons), paste them together Ctrl+E. And then select the Rectangular Marquee Tool (M) for marking the zone as it is shown on the next picture. Press Delete button:

Click to enlarge

Finished!