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

Designing an All Pupose Sleek Web Template

Author: 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 Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: photoshopforfun.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Designing an All Pupose Sleek Web Template"