O documento fornece instruções sobre design para redes sociais, incluindo dicas para criar posts no Facebook e Instagram de forma otimizada. É explicado que as imagens devem ter entre 394x470 pixels para caber corretamente no Facebook e que é possível utilizar vários formatos no Instagram. Ainda são apresentados tutoriais práticos de edição de imagem no Photoshop.

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

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

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

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. FOTOS ANTES NO FORMATO
SQUARE (QUADRADO) –
1080x1080px, AGORA ACEITA
QUALQUE FORMATO

7. Toda imagem
publicada é
encaixada
automaticamente
em uma caixa
invisível.
FACEBOOK

8. Esse box possui a
medida de de 394px
(altura) e 470px
(largura).
FACEBOOK
394px
470px

9. Caso a imagem não
esteja no tamanho
certo, ela ficará com
um espaço em
branco na lateral
direita.
FACEBOOK

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

11. #PRÁTICA

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

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

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

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

17. 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.

18. 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.

19. 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.

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

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

22. DEPOIS, APERTE DELETE
PARA APAGAR O
FUNDO!

23. 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

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

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

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

27. Clique com o botão
direito na camada do
sanduba 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. LINK PARA AULA
bit.ly/webdesignaula09

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