•  
     

Adobe Photoshop » Web Host Banner

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

1.gif
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
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
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
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
5.gif (7.1 KiB) Visto 295 vezes


Now select half of the current layer.

6.gif
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
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
8.gif (4.03 KiB) Visto 291 vezes


Change the text colour to #2f2f2f

Use this blending style for stroke.

9.gif
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
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
11.gif (4.78 KiB) Visto 293 vezes


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

12.gif
12.gif (7.75 KiB) Visto 292 vezes


Use the Rounded Reqtangle Tool and make a shape like below

13.gif
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
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:
Blue
Red
Yellow

15.jpg


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 ..
bye
 
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!