Free Photoshop cs3 suite tutorials

Beginners Photoshop cs3 tutorials

Design a bike website graphics using photoshop

October 17th, 2007 · No Comments

Here I will give you an idea how to make a Bike-webite-header in photoshop.[1] Take a new file of 500 pixels by 500 pixels, of resolution 72 dpi in the RGB mode.

bike-webite-header1.jpg

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

bike-webite-header2.jpg

bike-webite-header3.jpg

[3] Fill the background with the help of Gradient Tool.

bike-webite-header4.jpg

[4] Now take the Text Tool select this font to make the background as shown image below.

bike-webite-header5.jpg

bike-webite-header6.jpg

[5] Now go to Blending Option use the following settings.

bike-webite-header7.jpg

bike-webite-header8.jpg

bike-webite-header9.jpg

[6] Your image should be look like this.

bike-webite-header10.jpg

[7] And now take the Rounded Rectangle Tool.

bike-webite-header11.jpg

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

bike-webite-header12.jpg

[9] Now go to Blending Option use the following settings.

bike-webite-header13.jpg

bike-webite-header14.jpg

bike-webite-header15.jpg

[10] Your image should be look like this.

bike-webite-header16.jpg

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

bike-webite-header17.jpg

[12] Now go to Blending Option use the following settings.

bike-webite-header18.jpg

bike-webite-header19.jpg

[13] Your image should be look like this.

bike-webite-header20.jpg

[14] And now note this step carefully, make the copy of previous layer and then change the gradient color each shape as shown image below.

bike-webite-header21.jpg

bike-webite-header22.jpg

bike-webite-header23.jpg

bike-webite-header24.jpg

[15] Your image should be look like this.

bike-webite-header25.jpg

[16] Now take the Text Tool and write your text.

bike-webite-header26.jpg

[17] Then open your image as shown image below.

bike-webite-header27.jpg

[18] Change the Opacity to preivous image layer.

bike-webite-header28.jpg

[19] Your image should be look like this.

bike-webite-header29.jpg

[20] And now create a new shape with the help of Ellipse Tool.

bike-webite-header30.jpg

[21] Now go to Blending Option use the following settings.

bike-webite-header31.jpg

bike-webite-header32.jpg

bike-webite-header33.jpg

[22] Your image should be look like thi.

bike-webite-header34.jpg

[23] Now take the text tool create your text.

bike-webite-header35.jpg

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

bike-webite-header36.jpg

bike-webite-header37.jpg

[25] Your image should be look like this.

bike-webite-header38.gif

[25] Your final image is ready.

bike-webite-header39.jpg

Tags: website graphics photoshop tutorial

0 responses so far ↓

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

You must log in to post a comment.