Como criar um banner de internet.

Descrição: Hoje veremos como criar um banner simples no Photoshop, a técnica também pode ser usada para criação de Headers ou Imagens de Cabeçalho do seu blog, por padrão banners seguem tamanho pré estabelecidos mas nada impede que você crie banners em outros tamanhos, tudo depende do espaço que você tenha na sua página, os tamanhos padrão são:

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 696×150 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 aPaint 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 ToolPen 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

site de origem: http://www.tutorialguide.net/professional_banner_tutorial.html

Deixe uma resposta

Faça o login usando um destes métodos para comentar:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s