Free Photoshop cs3 suite tutorials

Beginners Photoshop cs3 tutorials

Design a business style webite header

October 24th, 2007 · No Comments

Here we will create simple yet useful website header for a Business related website. This free tutorial has many tricks that you pick as a website graphics designer.

[1] Start with a new file of 700 pixels X 200 pixels, of resolution 72 dpi in the RGB mode.

business-style-website-header1.gif

[2] Now take the Gradient Tool use the following settings.

business-style-website-header3.gif[3] Fill the background layer with the help of Gradient Tool.

business-style-website-header4.gif

[4] Then take the Rounded Rectangle Tool.

business-style-website-header5.gif

[5] Create a new shape as shown image below.

business-style-website-header6.gif

[6] Go to Blending Option and select the Stroke Structure use the following settings.

business-style-website-header7.gif

[7] Your image should be look like this.

business-style-website-header8.gif

[8] Now create a new shape with the help of Rounded Rectangle Tool.

business-style-website-header9.gif

[9] Go to Blending Option use the following settings.

business-style-website-header10.gif

business-style-website-header11.gif

[10] Your image should be look like this.

business-style-website-header12.gif

[11] And now create another shape with the help of Rounded Rectangle Tool.

business-style-website-header13.gif

[12] Go to Blending Option use the following settings.

business-style-website-header14.gif

business-style-website-header15.gif

business-style-website-header16.gif

[13] Your image should be look like this.

business-style-website-header17.gif

[14] Now create a new shape with the help of Rounded Rectangle Tool see in the next image.

business-style-website-header18.gif

[15] Go to Blending Option use the following settings.

business-style-website-header19.gif

business-style-website-header20.gif

business-style-website-header21.gif

business-style-website-header22.gif

[16] Your image somethig look like this.

business-style-website-header23.gif

[17] Now make the copy of Previous shape layer then press Cntl+T, to Transform Selection to Minimiz your shape as shown image below.

business-style-website-header24.gif

business-style-website-header25.gif

[18] Then make the 4 more copy of Previous shape layer see in the next.

business-style-website-header26.gif

[19] Take the Text Tool and write your text see in the next image.

business-style-website-header28.gif[20] And now take the Pen Tool then create a new shape as shown image below.

business-style-website-header29.gif

[21] Now create a new fill the new shape with black color.

[22] Your final image should be look like this.

business-style-website-header30.gif

Adobe Photoshop cs3 graphics tutorial - Etched Glass text effect name plate design

Photoshop cs3 great tutorial for website - Design a flower in glass text effect

Adobe photoshop Pen tutorials - Design a Computer game console and screen

Tags: website graphics photoshop tutorial

0 responses so far ↓

  • There are no comments yet...Kick things off by filling out the form below.

Leave a Comment