Adobe Photoshop » Web Host Banner

New document: 468 x 60 pixels. Fill canvas with colour #6aa02b

1.gif (256 Bytes) Visto 292 vezes

Make a new layer and make white your foreground colour.

Select the "Gradient tool" and select the "white > transparent" gradient as shown in the second picture.

2.gif (6.21 KiB) Visto 294 vezes

Hold shift and drag from the top to just over a one 3rd of the document.

Set the layer mode to "Overlay"

3.gif (1.79 KiB) Visto 294 vezes

Use the Elliptical Marquee Tool and make a curve edge on the far right side of the banner

4.gif (2.05 KiB) Visto 294 vezes

Make a new layer and fill the selection in with white. Press CTRL+D to deselect.

Bring up the blending options.
And now you should have:

5.gif (7.1 KiB) Visto 295 vezes

Now select half of the current layer.

6.gif (3.81 KiB) Visto 293 vezes

Make a new layer, fill the selection in with white and change the opacity to 17% This should give it a bit of a shine.

7.gif (3.74 KiB) Visto 291 vezes

Now type the initials of your host name, for example purposes I did zh - zymichost and I used the font Dungeon (comes with XP)

8.gif (4.03 KiB) Visto 291 vezes

Change the text colour to #2f2f2f

Use this blending style for stroke.

9.gif (4.43 KiB) Visto 291 vezes

Make a selection like below. Make a new layer and drag it underneath all the other layers so it's all behind. Fill it in with white.

10.gif (4.73 KiB) Visto 292 vezes

Now give the layer this stroke

Now using the gradient tool make a gradient similar to below.

11.gif (4.78 KiB) Visto 293 vezes

Insert an image of some servers, perhaps shadow it slightly.

12.gif (7.75 KiB) Visto 292 vezes

Use the Rounded Reqtangle Tool and make a shape like below

13.gif (6.98 KiB) Visto 290 vezes

Bring up the blending styles:
Inner Glow .. Click Here
Bevel & Emboss .. Click Here
Gradient Overlay .. Click Here

14.gif (8.11 KiB) Visto 291 vezes

Now add some text and what your company offers. I added a few touches such as a border etc. Other Colours:


Link: http://www.zymic.com/tutorials/photosho ... st-banner/
thaks ....
pliz to you and for me haves to talk for me enter word for
sixter of loos a not sory
plz ..
Até que enfim, um tutorial bom.
Adoro tutoriais com imagens e com os devidos créditos, mostra que você foi atraz e se enteressou.
Parabéns, bom tutorial.
Muito bom o resultado Leandro!

Ótimo tópico!
uso bastante esse tuto!