Website Design Studio

July 1st, 2008 by ART-D Posted in Adobe Photoshop, Web Layout

It’s time to represent the panel reserved for the menu of the site’s buttons. In this case we should apply the Rounded Rectangle Tool (U) (radius of 30 px). Press then Alt button while applying the Rectangle Tool (U) to trim a little the bottom part of the panel.

Create Design Studio Website in Photoshop CS3

The layer’s parameters: Blending Options>Inner Shadow

Create Design Studio Website in Photoshop CS3

Blending Options>Gradient Overlay

Create Design Studio Website in Photoshop CS3

Gradient’s parameters:

Create Design Studio Website in Photoshop CS3 

Create Design Studio Website in Photoshop CS3

Use the same method described above to insert also the footer:

Create Design Studio Website in Photoshop CS3

The layer’s parameters: Fill 0%
Blending Options>Inner Shadow

Create Design Studio Website in Photoshop CS3

Blending Options>Color Overlay

Create Design Studio Website in Photoshop CS3 

Create Design Studio Website in Photoshop CS3

Choose again the Rounded Rectangle Tool (U) (radius of 35 px) to draw the lateral panel, colored with #F6F6F6. Firstly we need to create the basis itself of the panel, then press Alt button white applying the same tool to cut out the windows reserved for the news:

Create Design Studio Website in Photoshop CS3

Let’s draw now a white stripe above the menu’s buttons, choosing the Rectangle Tool (U) for this operation. The stripe needs to be inclined, applying the Free Transform solution.

Create Design Studio Website in Photoshop CS3 

Create Design Studio Website in Photoshop CS3

Post Pages: 1 2 3 4 5 6

  • faris vio

    23/02/2010

    good design guidelines, with perfect results