Her

Home Photoshop Tutorials Web Layout Designing an All Pupose Sleek Web Template

Designing an All Pupose Sleek Web Template

Author: PhotoshopForFun.com Author's URL: http://photoshopforfun.com More by this author

Create a rectangle using rectangular shape tool.

image 1

Double click the layer to open layer style window. Apply settings as shown.

image 2

image 3

image 4

image 5

Create more rectangles and apply same layer style.

image 6

Create a rectangle for the button bar. Enable "subtract from shape area" at the top bar. Create some lines as shown.

image 7

image 8

Create a shape for the header as shown in the image below. Apply same layer style.

image 9

Duplicate the layer. Move it a few pixels right. Remove all the layer styles and fill it with white color. Move this layer one step below the original layer in layer order in layer palette.

image 10

Insert an image and place as shown.

image 11

Similarly create more shapes, insert images and place them as shown.

image 12

Insert another cutout of a magnifier lens and place it on the top right. Play around with the layer modes.

image 13

Populate the header by inserting company logo and content.

Designing an All Pupose Sleek Web Template
Click to enlarge