Criando banner publicitário para internet



Tutorial bem legal tirado do site Tutoriais photoshop.net pra que está no comecinho da carreira de Photoshop! hehe...
Aprenda a fazer banners para sites. Também nesse tuto, você vai conhecer todos os tamanhos de banner usados hoje em dia na internet!!

Banners e Botões

468 x 60, 234 x 60, 120 x 60, 125 x 125, 120 x 90, 88 x 31 e 120 x 240

Banners Verticais

160 x 600 e 120 x 600

Retângulos e Pop-Ups

300 x 250, 250 x 250, 240 x 400, 180 x 150, 336 x 280.

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 696x150 pixels (ou um dos tamanhos padrão anteriormente citados na descrição do tutorial), 72 dpi´s e modo de cor em RGB, pressione Ok, escolha uma cor qualquer e pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida.

tutoriais photoshop

02. (Opcional)Caso sua layer Background esteja com o ícone de um cadeado clique duas vezes sobre a layer e pressione Ok para liberar o cadeado, agora vá em Layer> Layer Style> Gradient Overlay, escolha um gradiente de cores suaves para que ele não influencie na imagem que você irá usar, no caso deste tutorial foi usado um gradiente do verde claro para o verde escuro.

tutoriais photoshop

03. Agora vá em File> Place e importa uma imagem que você queira no Banner, redimensione e posicione a foto como achar melhor, pressione Enter para finalizar a transformação, deixe a layer que contém a imagem acima de todas as outras layers.

tutoriais photoshop

04. (Opcional)Mude o modo de blend da layer, no caso deste tutorial o modo de blend foi alterado para Hard Light.

tutoriais photoshop

05. (Opcional)Pressione Ctrl+O e abra uma foto qualquer que servirá como detalhes para o banner, no caso deste tutorial a foto usada foi a de uma borboleta, use uma ferramenta de seleção qualquer (Lasso Tool, Pen Tool,Quick Mask etc) para selecionar o elemento que você deseja jogar em seu banner, feita a seleção pressione Ctrl+C para copiar, volte ao arquivo que estamos trabalhando e pressione Ctrl+V para colar a imagem.

tutoriais photoshop

06. Pressione Ctrl+J para duplicar a layer, vá em Filter> Blur> Gaussian Blur, defina um valor aproximado de 7 pixels, pressione Ok, mude o modo de blend da layer para Overlay.

tutoriais photoshop

08. Clique na layer original da borboleta (ou da imagem que você esteja usando), vá em Layer> Layer Style> Outer Glow, mude a cor do Glow para branca e deslize o slider de Size para regular o tamanho do brilho, deslize o slider de Opacity para controlar a opacide do brilho e pressione Ok.

tutoriais photoshop

09. Para finalizar aplique brushes, textos e efeitos, mas não exagere para que seu banner não fique muito poluído e de difícil leitura, ao final deste tutorial seu banner estará como o da foto abaixo.

tutoriais photoshop

Um comentário: