This Adobe Photoshop tutorial will show you how to create a smooth tech style template, PSD file available for download in step 6.

Header
- Create a new document width 780 height 600 pixel(Layout for 800*600 pixel monitor).
- Create a new layer.
- Draw 780*75 pixel rectangle selection.
- Fill color #EAEAEA into selection.

- Right click on layer, then select Blending Option.
- Select Bevel and Emboss.

Shiny
- Create a new layer.
- Draw a selection like an image above, select Gradient Tool.
- Select white as foreground color, drag the gradient tool from top to the bottom of selection.
- Deselect by press CTRL+D, now you have header.

Navigation Bar
- Create a new layer.
- Create a rectangle selection width 780 height 40 pixel under your web header.
- fill color #EAEAEA into selection.

- Right Click on layer, then select Blending Option.
- Select Bevel and Emboss.

Shiny
- Add a little bit shiny like step 2 but decrease opacity to 50%
- Create a new layer, draw 1 pixel color #A8A8A8 between header and navigation .
- Now you've got result like this.

Button
- Create a new layer.
- Select Rectangular Marquee Tool, then draw a shape width 90 height 20 pixel.
- Right click on shape, select "Make Selection".
- Fill black into selection, right click on layer, select Blending Option.
- Select Bevel and Emboss, select Stroke.

Content Box
- Head of content box, use technic like creating navigation bar.
- Background of content box color #FBFAF5.

Center Image
- Free images at stock xchng

Final result!
- Download PSD file (438 kb)