sábado, 21 de maio de 2011

como fazer um banner

Oi hoje vou mostrar como fazer um banner simples para seu blog ou site

Você vai usar Imagens de acordo com o conteúdo do seu site/blog,
Exemplo: Site de jogos para baixar então você vai ter que usar Imagens de jogos famosos console etc...

Eu vou fazer o meu banner no PHOTOSHOP
1° Abra um novo documento ( CTRL+N )
2° Coloque as dimenções do seu banner
Largura: 900 pixels
Altura: 400 pixels

Depois que você colocou o tamanho do seu banner de um Ok,

1° Vamos abrir as imagens, clica em Fale>Open.(CTRL+O) para abrir as Imagens que vamos ultilizar,
Eu vou usar essas 4 imagens.

2° Depois que você abrir as imagens que você irá usar, selecione a ferramenta Polygonal lasso tool no meu caso eu vou usar esta ferramenta para recortar a Anjelina jolie porque o fundo do meu banner é branco 

3° Eu vou selecionar a foto da Anjelina jolie e começar começar a recortar,
Aquela linha branca no lado Direito da Imagem é a ferramenta Polygonal lasso tool que ja começei a recorta,
Pronto depois que eu fiz todo o processo de recortar a Anjelina jolie Eu vou apertar CTRL+C para copiar a imagem que eu recortei.
4° Clica no seu banner
E aperte CTRL+V para colar aquela imagem que você recortou,

Se você tiver mais imagens com o fundo diferente do fundo do seu banner últilize a ferramenta Polygonal lasso tool para recortar a imagem desejada,
5° O fundo desta imagem do mario é igual ao fundo do meu banner (branca)

Então eu não vou usar a ferramenta Polygonal lasso tool
 Eu vou ajustar a imagem do Mario, perto da imagem do meu banner
(Assim)
6° Agora clicando sem soltar no meio da imagem do Mario arraste ela para o meio do seu banner e solte,
( Atenção clica sobre a imagem do mario mais ultilizando a ferramenta Mover (V) e agora sim arraste )


Olha depois que eu arrastei a imagem do Mario para cima do meu banner
Selecione a ferramentar Mover (V) para  Organizar as Imagens clicando nelas e arrastando.

Agora coloque as outras imagens tambem fazendo os mesmos procedimentos na parte 3°, 4° e 5°.

Depois que eu adicionei mais imagens eu ajustei algumas e Organizei.
Pronto agora vamos colocar o título do nosso site/blog eu vou colocar esse nome BAIXAR TUDO 

1° Selecione a ferramenta texto (T) e escreva o nome do seu site, e depois selecione a ferramenta Mover.
2° Vamos colocar o primeiro efeito clica na ferramenta texto (T) e selecione o seu texto 
(o nome do seu site)

Com seu texto selecionado clica na ferramenta create warped text, veja a imagem abaixo.
(ferramenta create warped text)
Deixe nestas configurações você que escolhe ai do jeito que você quer,
Configurações:
Style: Arc
Bend: +3
Horizontal Distortion: -19
Vertical Distortinon: -21
Agora de um Ok, sua imagem deve esta igual a esta.


3° Selecione a ferramenta Mover (V) e clica encima do seu texto,
Vai em add a layer style>Stroke... 
E deixe nestas configurações
Size: 4
Fill Type: Gradient
Gradient: a que você quiser
E de um Ok,
(configurações)
4° Efeito clica em add a layer style>Gradient Overlay....
E deixe nestas configurações
Blend mode: Normal
Gradient: a que você quiser
(configurações)
e depois de um Ok, seu banner deve esta igual a este.

5° Efeito clica em add a layer style>Drop Shadow
E deixe nestas configurações 
Opacity: 100%
Distance: 0
Spread: 87
Size: 0
Contour: linear
Veja a imagem abaixo.
E depois de um Ok,
Pronto esse é o nosso banner bem simples, agora vamos salvar aperte CTRL+E para juntar as imagens e depois aperte CTRL+S para salvar coloque o nome da imagem, e o formato reomendo ( JPEG, GIF, PNG)


Duvidas é so comentar ai

Nenhum comentário:

Postar um comentário