Categories

Partners
Search


Advanced Search




PSD Tuts

flash websites

Weblayout for Personal Blog
Published  12/3/2006 | Web Layout
   
Weblayout for Personal Blog - part 1


Open a new file with 1024x852 px and 72 dpi. Using the following tool picture the background which colors’ codes are shown below.

Weblayout for Personal Blog in Photoshop CS

Apply another tool now and represent a rectangle with the parameters from below.

Weblayout for Personal Blog in Photoshop CS

Blending Options-Gradient Overlay

Weblayout for Personal Blog in Photoshop CS

Gradient’s parameters.

Weblayout for Personal Blog in Photoshop CS

Using the next instrument draw the next figure colored in 4ECF24. The sizes are the next ones. Use now the next tool to delete the lowest part of the picture.

Weblayout for Personal Blog in Photoshop CS

Blending Options-Gradient Overlay

Weblayout for Personal Blog in Photoshop CS

Gradient’s parameters.

Weblayout for Personal Blog in Photoshop CS

Take again the next tool and insert the next element of our picture with the sizes from next image. After that, apply to delete the top part of our picture.

Weblayout for Personal Blog in Photoshop CS

Blending Options-Inner Shadow

Weblayout for Personal Blog in Photoshop CS

Hide exactly this layer now.
Blending Options-Gradient Overlay

Weblayout for Personal Blog in Photoshop CS

Weblayout for Personal Blog in Photoshop CS Weblayout for Personal Blog
This tutorial is designed for the complete beginner. Create a weblayout for personal blog.