Illustrated designs

Personal Site Layout

Personal Site Layout - part 1
In this tutorial you will learn how to create a web layout for persoanl site.

We shall begin by opening a new file of 800x800 px and 72 dpi and then apply the Rectangle Tool (U) to represent the background of the next site.

Create Personal Site Layout in Photoshop CS

The layer’s parameters may be set by marking out one layer and clicking on it on the right mouse’s button.
Blending Options>Gradient Overlay

Create Personal Site Layout in Photoshop CS

Gradient’s parameters:

Create Personal Site Layout in Photoshop CS

Create a new layer now and select the Brush Tool (B) from a standard set of brushes clicking on the right
mouse’s button on the picture (the color is 98B660). Represent after that two small stripes the way it is indicated on the picture below. The unnecessary elements may be erased with the usual instrument – Eraser Tool (E).

Create Personal Site Layout in Photoshop CS

Create Personal Site Layout in Photoshop CS

Choose now the Rounded Rectangle Tool (U) and represent the primary layer, reserved for the site’s panel, but we have to delete a top from the upper part and from the left bottom (Delete Anchior Point Tool)

Create Personal Site Layout in Photoshop CS

The layer’s parameters:
Blending Options>Gradient Overlay

Create Personal Site Layout in Photoshop CS



Pages: « Back  1 2 3 4 5 6 7 8  Next » 

Popular Tutorials

Create Professional Design Studio Web Layout in Photoshop CSCreate Creative Studio Web Page in Photoshop CS3Create Sound System Studio Web Layout in Photoshop CS3Create Professional Modern Web Layout in Photoshop CSCreate Stylish WebStudio Web Layout in Photoshop CSCreate Creative Arts Studio Web Site Layout in Photoshop CS3Create Photographer Page Layout in Photoshop CS3Create Web layout for Night Club web site in Photoshop CSCreate Web Page Design Layout in Photoshop CS3Create Portfolio Web Layout in Photoshop CS

Latest Tutorials

Design grunge wordpress theme in Adobe Photoshop CS4Create contemporary web layout for your design studio in Adobe Photoshop CS4Create a trendy portfolio layout in Adobe Photoshop CS4Create a clean Freelancer portfolio layout in Adobe Photoshop CS3Create a nice looking photographer portfolio layout in Adobe Photoshop CS3

Subscribe via RSS



No popular authors found.
No popular articles found.