Neste tutorial vamos mostrar uma forma extremamente simples e fĂ¡cil de fazer seus prĂ³prios banners personalizados para o facebook no Photoshop.
VocĂª pode facilmente visitar vĂ¡rios sites pela internet, como o http://www.fbanners.com e obter banners prontos gratuitamente para o facebook, mas com este tutorial vocĂª aprenderĂ¡ da maneira mais simples como fazer o seu banner utilizando as suas prĂ³prias fotos.

As fotos publicadas formando um banner no facebook
Para criar o seu banner com o Photoshop, siga os seguintes passos:
1. Crie um novo documento com 500 pixels x 80 pixels no Photoshop.
2. Abra a imagem que vocĂª quer utilizar no seu banner.

Acima o novo documento criado medindo 500 pixels x 80 pixels, em seguida a imagem escolhida.
3. Reduza a sua imagem para o tamanho de 500 pixels x 80 pixels caso seja necessĂ¡rio ou se desejar somente uma parte da imagem, selecione com a ferramenta Rectangular Marquee.
4. Clique na imagem e arraste para o novo documento ou de um CRTL C e depois um CRTL V no novo documento. VocĂª terĂ¡ uma imagem parecida com a que estĂ¡ abaixo.
5. Agora, no menu lateral escolha a ferramenta Slice Tool, e divida a sua imagem em cinco partes.
NĂ£o se preocupe em deixa-las com o mesmo tamanho, esta serĂ¡ nossa prĂ³xima tarefa.
6. Selecione agora a ferramenta Slice Select Tool.
7. Na janela que abrir, selecione a primeira fatia da sua imagem e em Dimensions coloque 100 pixels. Repita isso em todas as fatias da imagem.
8. Para deixar todas as fatias alinhadas em Dimensions coloque 0 na primeira imagem, 100 na segunda, 200 na terceira, 300 na quarta e 400 na quinta imagem, conforme a figura abaixo. VocĂª tambĂ©m poderĂ¡ usar as setas do seu teclados para alinha-las.
9. No menu lateral, selecione File > Save For Web & Devices e salve as imagens como JPEG. Automaticamente o Photoshop salvarĂ¡ todas as fatias, como podemos ver na segunda figura abaixo.

As imagens salvas
Dica importante: Quando for incluir as fotos na sua pĂ¡gina do facebook, faça o upload uma imagem de cada vez e seguindo a numeraĂ§Ă£o inversa, ou seja, suba primeiro a imagem 5 em seguida a 4, 3, 2, 1.
Outra dica Ă© que isso nĂ£o funciona em todos os tipos de pĂ¡ginas. Somente as pĂ¡ginas pessoais conseguem manter as imagens na ordem, todas as outras apresentam as imagens randomicamente o que impossibilita o banner de se manter na ordem correta.

VocĂª pode facilmente visitar vĂ¡rios sites pela internet, como o http://www.fbanners.com e obter banners prontos gratuitamente para o facebook, mas com este tutorial vocĂª aprenderĂ¡ da maneira mais simples como fazer o seu banner utilizando as suas prĂ³prias fotos.

As fotos publicadas formando um banner no facebook
Para criar o seu banner com o Photoshop, siga os seguintes passos:
1. Crie um novo documento com 500 pixels x 80 pixels no Photoshop.

2. Abra a imagem que vocĂª quer utilizar no seu banner.

Acima o novo documento criado medindo 500 pixels x 80 pixels, em seguida a imagem escolhida.
3. Reduza a sua imagem para o tamanho de 500 pixels x 80 pixels caso seja necessĂ¡rio ou se desejar somente uma parte da imagem, selecione com a ferramenta Rectangular Marquee.
4. Clique na imagem e arraste para o novo documento ou de um CRTL C e depois um CRTL V no novo documento. VocĂª terĂ¡ uma imagem parecida com a que estĂ¡ abaixo.

5. Agora, no menu lateral escolha a ferramenta Slice Tool, e divida a sua imagem em cinco partes.
![]() | ![]() |
6. Selecione agora a ferramenta Slice Select Tool.





As imagens salvas
Outra dica Ă© que isso nĂ£o funciona em todos os tipos de pĂ¡ginas. Somente as pĂ¡ginas pessoais conseguem manter as imagens na ordem, todas as outras apresentam as imagens randomicamente o que impossibilita o banner de se manter na ordem correta.

0 ComentĂ¡rios
Deixe seu comentĂ¡rio sobre o artigo a cima fique Ă¡ vontade, seu comentĂ¡rio Ă© muito importante !