Free online photoshop training

Photoshop tutorials for webdesigners

Create a Website graphics background image

January 22nd, 2008 · No Comments

Here we will tell you how to make a Website-graphics-background-image in photoshop.

[1] Take a new file of 600 pixels, 250 pixels, of resolution 72 dpi in the RGB mode.

Website-graphics-background-image1

[2] Now set the Foreground Color, then fill the Background.

Website-graphics-background-image2

Website-graphics-background-image3

[3] Take the Rectangular Marquee Tool create a new shape and fill with Black color.

Website-graphics-background-image4

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

Website-graphics-background-image5

Website-graphics-background-image6

Website-graphics-background-image7

Website-graphics-background-image8

[5] Your image something look like this.

Website-graphics-background-image9

[6] Take the Shape Tool and select this one.

Website-graphics-background-image10

[7] Now create a shape make the selection and hit the Delete Key on your keyboard.

Website-graphics-background-image11

Website-graphics-background-image12

[8] Repeate step 7.

Website-graphics-background-image13

[9] Take the Shape Tool and select this one.

Website-graphics-background-image14

[10] Now create a shape make the selection and hit the Delete Key on your keyboard.

Website-graphics-background-image15

Website-graphics-background-image16

[11] Take the Text Tool create your text.

Website-graphics-background-image17

[12] Take the Shape Tool and select this one.

Website-graphics-background-image18

[13] Create a shape and fill with Black Color.

Website-graphics-background-image19

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

Website-graphics-background-image20

Website-graphics-background-image21

Website-graphics-background-image22

Website-graphics-background-image23

[15] Now you should have something like the final image.

Website-graphics-background-image24

Free photoshop cs2 tutorials lessons

Adobe photoshop cs2 techniques

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment