Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Personal Site Layout

In this tutorial you will learn how to create a web layout for persoanl site.

We shall begin by opening a new file of 800×800 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

Page: 1 2 3 4 5 6 7 8

Comments