Como criar um post para Facebook com recorte. Case baseado em um post real da Subway.

1. DESIGN PARA REDES SOCIAIS: POST
RENATO MELO - 2019

2. HOJE, MÍDIA
TRADICIONAL ESTÁ
SAINDO MUITO CARO
PARA AS PME’S

3. AS AGÊNCIAS DE
PUBLICIDADE E A GUERRA
ENTRE ON E OFF

4. POSSIBILIDADES
Ação para parque de
shopping da região.
Exibida somente para
mobile para pais que
estão no Gonzaga no final
de semana.
Sex: das 18h às 21h
Sáb e Dom: das 12h às 20h

5. DESIGN PARA POSTS
FACEBOOK & INSTAGRAM

6. Você deve trabalhar
com qualquer
tamanho que atenda
a escala de
394x470px, isto vai
depender da
qualidade da
imagem que você
tem.
FACEBOOK

7. Porém, nunca
trabalhe com menos
de 700x522 pixels
FACEBOOK

8. INSTAGRAM
Se for só
Instagram, use:
1080x1080px
Se for Face e
Instagram,
pode usar o
mesmo
formato.

9. INSTAGRAM
Stories do
Instagram, use:
720x1280px

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. LINK PARA AULA
slideshare.net/renatomelo1