Como fazer um design para o Facebook? Qual o tamanho correto? Estas respostas estão nesta aula, que conta ainda com um tutorial para criar um post do Subway.

1. DESIGN PARA O FACEBOOK 1: POST
RENATO MELO - 2015

2. PARA
RELEMBRAR

3. PRIMEIRA DICA E
REGRA DE OURO
DO FACEBOOK:
SÓ USE
IMAGENS EM
PNG!

4. IMAGEM
PARA POST

5. As imagens são encaixadas numa espécie de “box
invisível”, com altura máxima de 394px e largura
máxima de 470px. Se a imagem estiver no tamanho
errado, ela ficará com espaço branco (foto).

6. O tamanho ideal é 700x522 pixels. Para imagens com
melhor definição, você pode ampliar o tamanho
mantendo a mesma escala.

7. Publicações com foto!
Chamam atenção e
aumentam em 180% as
chances de engajamento.

8. O número de cliques na
foto é o maior índice de
engajamento.

9. Faça posts “humanos”, mostrando as
pessoas e equipes que estão por trás
da fanpage/empresa.

10. #PRÁTICA

12. RECORTE:
PEN TOOL
(quem usar varinha mágica
vai para o inferno :D)

13. Abra um arquivo novo no
Photoshop no tamanho
700x522 pixels com 100 DPI

14. renatomelo.com.br/esamc/
webdesign_subway.jpg

15. DICAS ÚTEIS:
CTRL + = + ZOOM
CTRL - = - ZOOM
SEGURAR O ESPAÇO =
MOVIMENTAR A TELA

16. 1 - Clique em um
ponto para começar.
2 – Para fazer a curva,
clique, segure o botão
no final da curvatura e
ache o ângulo
perfeito.

17. 3 – Para que os
próximos pontos não
fiquem com a mesma
curvatura, segure o alt
e clique no último
ponto que você fez.

18. 4 – Para fazer um traço reto é
mais simples. Basta clicar uma
vez, sem segurar. Com traços
retos, não precisa clicar com o
alt depois.

19. CONTORNE TODA O
SANDUÍCHE. DEPOIS DE
FINALIZADO, CLIQUE
COM O BOTÃO
ESQUERDO E SELECIONE
“FAZER SELEÇÃO”.

20. COM O SANDUBA
SELECIONADO, APERTE
“CTRL + SHIFT + i” PARA
INVERTER A SELEÇÃO

21. DEPOIS, APERTE DELETE
PARA APAGAR O
FUNDO!

22. Com a mesma pen,
troque em cima a
opção para “Forma” e
faça uma forma igual a
da figura acima na cor:
#65f822

23. Pinte o fundo com
balde de tinta na cor
#00923a

24. Faça um quadrado e
escreva o texto igual
ao da figura acima.

25. renatomelo.com.br/esamc/
webdesign_subway1.png

26. Clique com o botão
direito na camada do
sanduba e coloque:
duplicar camada

27. Aperte Ctrl+U e
coloque a
Luminosidade em -100

28. Abaixe um pouco
a camada da
sombra e vá em
Filtros – Desfoque –
Desfoque
Gaussiano

29. Configure em 5,0 Pixels,
dê ok e depois deixe a
opacidade em 60%.

30. FACEBOOK.COM/
RENATOMELOMKT
renato@iskadigital.com.br