Free online photoshop training

Photoshop tutorials for webdesigners

Webmaster community website banner

January 18th, 2008 · No Comments

Here we will tell you how to make a Webmaster-community-website-banner in photoshop.

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

Webmaster-community-website-banner1

[2] Set the Foreground Color see in the next image.

Webmaster-community-website-banner2

[3] Now fill the Background.

Webmaster-community-website-banner3

[4] Now take the Rectangular Marquee Tool create a shape and fill with Black color.

Webmaster-community-website-banner4

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

Webmaster-community-website-banner5

Webmaster-community-website-banner6

Webmaster-community-website-banner7

[6] Your image should be look like this.

Webmaster-community-website-banner8

[7] Take the Shape and select this one.

Webmaster-community-website-banner9

[8] Set the Foreground Color see in the next image.

Webmaster-community-website-banner10

[9] Create a shape and fill the color.

Webmaster-community-website-banner11

[10] Take the Rectangular Marquee Tool create a shape and hit delete button on your keyboard.

Webmaster-community-website-banner12

Webmaster-community-website-banner13

[11] Now go to Blending Option and select Drop Shadow use these settings.

Webmaster-community-website-banner14

[12] Your will be look like this.

Webmaster-community-website-banner15

[13] Take the Text Tool create your text choose any color would your like.

Webmaster-community-website-banner16

[14] Then go to Blending Option and select Outer Glow use these settings.

Webmaster-community-website-banner17

[15] Your will be look like this.

Webmaster-community-website-banner18

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

Webmaster-community-website-banner19

[17] Now set the Foreground Color as shown image below.

Webmaster-community-website-banner20

[18] Create a new layer create a shape make the selection and fill the color.

Webmaster-community-website-banner21

[19] Make the copy of Previous shape layer.

Webmaster-community-website-banner22

[20] Create some text your final image is ready.

Webmaster-community-website-banner23

62      photoshop graphic tutorial
61      photoshop website tutorial

Tags: Web graphics

0 responses so far ↓

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

Leave a Comment