Website Design Studio

Begin your work by creating a new file (File>New), having 800x600 px and 72 dpi.

Next we shall select the Rectangle Tool (U) to create the background of the web site page to be.

Set the next parameters for the layer by clicking on this layer on the layers' palette.

Blending Options>Gradient Overlay

Gradient's parameters:

Choose the previous tool to represent a thin stripe of white color.

Select then the Pen Tool (P) to draw a ray like the next one:

Use the same tool to draw several more rays:

Set for the layers the same parameters shown below: Fill 0%

Blending Options>Gradient Overlay

Gradient's parameters:

Now we should use the Rounded Rectangle Tool (U) (radius of 35 px) to represent the body, applying the white color also:

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.

The layer's parameters: Blending Options>Inner Shadow

Blending Options>Gradient Overlay

Gradient's parameters:

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

The layer's parameters: Fill 0%

Blending Options>Inner Shadow

Blending Options>Color Overlay

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:

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.

Make six copies of the recently made layer and select one more time the Free Transform option to situate the layers as it is indicated next image:

Combine in a group all the layers containing the white stripes (press Ctrl button to mark out the necessary layers and then keep pressed the left mouse's button while moving the marked layers on Create a new group option). Mark out the group and press Ctrl +E, applying the next shown parameters for the rasterized layer:

Fill 20%
Blending Mode-Overlay

Choose again the Rounded Rectangle Tool (U) (radius of 20 px) to draw a button of white color.

The layer's parameters: Blending Options>Inner Shadow

Let's create the primary layer, reserved for the next button on the menu. The tool applied in this case is Rounded Rectangle Tool (U) (radius of 20 px).

The layer's parameters: Fill 0%

Blending Options>Inner Shadow

Blending Options>Gradient Overlay

Gradient's parameters:

Make a copy of the last made layer and use again the Free Transform option to situate the copy a little lower, changing also the layer's parameters with those from below: Fill 0%

Blending Options>Inner Shadow

Blending Options>Gradient Overlay