Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Designing an All Pupose Sleek Web Template

Designing an All Pupose Sleek Web Template


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


Author's URL: PhotoshopForFun.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Designing an All Pupose Sleek Web Template"

Captcha