ps simply
Home
Photoshop tutorials
Dreamweaver tutorials
Photoshop Plugin
Downloads
Contact us
 

Design a Clean Web Template
 Home > Photoshop tutorials > Design a Clean Web Template

 

 

 

Clean Web Template
Click to view full size

Design a clean template for your website. PSD file avialable for download in step 7.

 

 

 

Clean Web Template

Creating Header
- Open a new document 780*600 pixel.
- Create a new layer.
- Create a seclection 780*58 pixel at the top of document using Rectangular Marquee Tool.
- Fill color #E6E6E6 into selection.
- Deselect by press CTRL+D.
- Add logo and your web name.

 

 

 

Creating Navigation Bar
- Create a new layer.
- Create a selection 780*27 pixel using Rectangular Marquee Tool.
- fill color #E6E6E6 into selection, then press CTRL+D.
- Right click on this layer, select Blending Options.
- Adjust values like images below.

Clean Web Template

Clean Web Template

- Your Navigation bar should look like this.

Clean Web Template

Add your menus and some little button
- Create a new layer.
- I used font Verdana 11 pixel.
- Grab an Elliptical Marquee Tool, then create an oval width 12 height 14 pixel.
- Fill white into selection, deselect by press CTRL+D.
- Right click on this layer, select Blending Options..
- Select Gradient Overlay and set values as image below.

Clean Web Template
Clean Web Template

 

 

 

Clean Web Template

Preview
- Now, your web header and navigation should look like this.

Page 1/2 - Go to page 2
More Tutorials
© 2006 Adobe Creative suite, Photoshop, Dreamweaver tutorials