Categories

Partners
Search


Advanced Search


flash websites


Web Page Design Layout
Published  09/8/2007 | Web Layout
   
Web Page Design Layout - part 4


Create Web Page Design Layout in Photoshop CS3

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).

Create Web Page Design Layout in Photoshop CS3

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

Create Web Page Design Layout in Photoshop CS3

Gradient’s parameters:

Create Web Page Design Layout in Photoshop CS3 

Create Web Page Design Layout in Photoshop CS3

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

Create Web Page Design Layout in Photoshop CS3 

Create Web Page Design Layout in Photoshop CS3 

Create Web Page Design Layout in Photoshop CS3

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

Create Web Page Design Layout in Photoshop CS3 

Create Web Page Design Layout in Photoshop CS3

Create Web Page Design Layout in Photoshop CS3 Web Page Design Layout
This detailed tutorial will take you from the beginning techniques of design to making the a web page design layout using Adobe Photoshop.