|
|
|
|
 |
 |
 |
|
 |
 |

|
|
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 |
|
|
|
 |
 |
|
|
 |
| © 2006 Adobe Creative suite, Photoshop, Dreamweaver tutorials |
|
|