banner simples no Photoshop simple banner in Photoshop

Aprenda a fazer banners simples no photoshop

Learn to make simple banners in photoshop

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ões 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 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 apanit Bucket Tool e clique no documento para preencher a layer com a cor escolhida.

   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.

 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.

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

 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.

LEIA TAMBEM

 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

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.

 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.

Description : Today we will see how to create a simple banner in Photoshop , the technique can also be used to create Headers and Header Images for your blog , by default banners follow pre-set size, but nothing prevents you to create banners in other sizes , all depends on the space you have on your page , the standard sizes are:

Banners and Buttons
468 x 60 , 234 x 60 , 120 x 60 , 125 x 125 , 120 x 90 , 88 x 31 and 120 x 240
banners Vertical
160 x 600 and 120 x 600
Rectangles and Pop - Ups
300 x 250 , 250 x 250 , 240 x 400 , 180 x 150 , 336 x 280 .
01. Press Ctrl + N to create a new document , set the size of 696x150 pixels (or one of the standard sizes mentioned above in the description of the tutorial ) , 72 dpi'se in RGB color mode , press OK , choose any one color and press Alt + Backspace ( above the Enter key ) or press the letter G on the keyboard to select apanit Bucket Tool and click on the document to fill the layer with the color chosen .
   02. ( Optional ) If your background layer is with a padlock icon double click on the layer and press Ok to release the lock , now go to Layer Layer Style > Gradient Overlay , choose a smooth gradient colors so it does not influence the image that you will use in the case of this tutorial we used a gradient from light green to dark green .
 03. Now go to File > Place and import an image that you want on the banner , resize and position the photo as best , find press Enter to complete the transformation , let the layer that contains the image above all other layers .
04. ( Optional ) Change the blend mode of the layer , in the case of this tutorial the blend mode was changed to Hard Light.
 05. ( Optional ) Press Ctrl + O to open a photo and any details that will serve as for the banner , in the case of this tutorial photo used was of a butterfly , use a selection tool any ( Lasso Tool , Pen Tool Quick Mask etc. ) to select the element you want to play on your banner , made ​​the selection press Ctrl + C to copy , go back to the file you 're working on and press Ctrl + V to paste the image .
 06. Press Ctrl + J to duplicate the layer , go to Filter > Blur > Gaussian Blur , set an approximate value of 7 pixels , press OK , change the layer's blending mode to Overlay
 08. Click on the original layer of the butterfly ( or image that you are using ) , go to Layer > Layer Style > Outer Glow , Glow change the color to white and slide the Size slider to adjust the size of the brightness, slide the slider Opacity to control opacide brightness and press Ok
 09. To finish apply brushes , text and effects , but do not overdo it so that your banner will not be too polluted and difficult to read at the end of this tutorial your banner will be like the picture below.