Como criar design para um post no Facebook utilizando o Adobe Photoshop

1. DESIGN PARA REDES SOCIAIS
PARTE 1 – POST PARA FACEBOOK
RENATO MELO 2016

2. REDE SOCIAL HOJE
É O CAMINHO MAIS
FÁCIL DE
CONSEGUIR
TRÁFEGO PARA O
SEU SITE

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. Na hora de postar um link, a imagem terá medida de
246x470 px

8. Link de vídeos ou páginas que tenham imagens
menores do que 246x470px serão exibidas como
miniaturas de 150x150px.

9. POST:
A IMPORTÂNCIA DA
FOTO

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

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

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

13. SÓ USE GATINHO EM IMAGEM SE VOCÊ FOR
SOCIAL MEDIA DA WHISKAS.

14. #PRÁTICA

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

16. Dê dois cliques para desbloquear a
camada.

17. Dê novamente dois cliques e faça
um gradiente radial nas cores
#fee7ac e #fdbc22

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

19. DICAS ÚTEIS:
CTRL + = + ZOOM
CTRL - = - ZOOM
SEGURAR O ESPAÇO =
MOVIMENTAR A TELA
http://bit.ly/senacbis

20. 1 - Clique em um ponto para começar.
2 – Para fazer um traço reto basta
clicar para fazer um ponto.

21. 3– Para fazer a curva,
clique, segure o botão
no final da curvatura e
ache o ângulo
perfeito.

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

23. CONTORNE TODO O
BIS. DEPOIS DE
FINALIZADO, CLIQUE
COM O BOTÃO
ESQUERDO E SELECIONE
“FAZER SELEÇÃO”.
COM O BIS
SELECIONADO, APERTE
“CTRL + SHIFT + i” PARA
INVERTER A SELEÇÃO.
DEPOIS, DELETE O
FUNDO!

24. COM A MESMA PEN, TROQUE
EM CIMA A OPÇÃO PARA
“FORMA” E FAÇA UMA
FORMA IGUAL A DA FIGURA
ACIMA NA COR: #fee7ac

25. Escreva o texto igual
ao da figura acima.

26. Dê Ctrl+T para girar o
texto.

27. Clique com o botão
direito na camada do
bis e coloque: duplicar
camada

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

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

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

31. Clique com botão direito
no fundo e escolha a
opção Rasterizar

32. Escolha a opção Filtro –
Ruído – Adicionar Ruído

33. Adicione 4% no modo
Uniforme. Repita o passo
para a outra parte do
fundo.

34. LINK DAS AULAS – DIA 1:
•Cenário das Redes Sociais
http://bit.ly/senacaula1
•Análise de Público Alvo
http://bit.ly/senacaula2
•Responsabilidade Social
http://bit.ly/senacaula3

35. LINK DAS AULAS – DIA 2:
•Regras & Legislação
http://bit.ly/senacaula4
•Gestão de Crise
http://bit.ly/senacaula5
•Atendimento SAC 2.0
http://bit.ly/senacaula6

36. LINK DAS AULAS – DIA 3:
•Branding & Neuromarketing I
http://bit.ly/senacaula7
•Branding & Neuromarketing II
http://bit.ly/senacaula8
•Design para Redes Sociais Post
http://bit.ly/senacaula9

37. DESIGN PARA REDES SOCIAIS
PARTE 1 – POST PARA FACEBOOK
RENATO MELO 2016