O documento fornece instruções sobre design para redes sociais, incluindo como formatar imagens para o Facebook. Ele discute medidas de imagem, formatos de arquivo, edição de cores e saturação, adição de legendas e sombras de texto, e organização de arquivos em grupos e camadas.

1. DESIGN
PARA WEB
RENATO MELO - 2014

2. CORES,
MEDIDAS E
RESOLUÇÃO

3. RGB
RED
GREEN
BLUE
PADRÃO OFICIAL PARA
TVS, MONITORES,
CELULARES E MÁQUINAS
DIGITAIS.

4. RGB
72 A 120 DPI
PIXELS

6. PNG:
GIF:
Imagens
animadas
- Qualidade
JPG:
Fundo
Transparente
Instagram
Sites
Sites
Facebook
+ Leve
+ Qualidade

7. COMO FUNCIONA NO
FACEBOOK?

8. QUANDO VOCÊ ABRE O FACE,
300 POSTAGENS ESTÃO LHE
ESPERANDO...

9. AS FOTOS PRECISAM DE UM
TRATAMENTO ESPECIAL, COM
CORES MAIS VIVAS E FOCO
MAIS NÍTIDO.

10. IMAGENS AMADORAS,
REAIS, COM POUCA
PRODUÇÃO E
ESPONTÂNEAS
TAMBÉM CONVERTEM
BEM.

11. VAMOS ABRIR UM ARQUIVO
NOVO PARA UM POST PARA
UMA FANPAGE

12. O ARQUIVO DEVE SEGUIR O
FORMATO QUADRADO:
600X600 PIXELS E 100 DPI

13. É IMPORTANTE QUE A IMAGEM
SEJA QUADRADA! O FACEBOOK
PODE GERAR UM THUMBNAIL
QUADRADO DA SUA IMAGEM,
DEIXANDO PARA TRÁS
INFORMAÇÕES IMPORTANTES!

14. TEXTOS MUITO GRUDADOS FICAM FEIOS.
POR ISSO, VAMOS CRIAR UMA LINHA
GUIA PARA NOS HABITUAR VISUALMENTE.

15. VAMOS FAZER AGORA AS
MARCAÇÕES DE MARGEM DE
SEGURANÇA. CASO SUA RÉGUA
NÃO ESTEJA VISÍVEL, HABILITE
CONFORME IMAGEM AO LADO.

16. COM O BOTÃO DIREITO DO
MOUSE, CLIQUE PARA DEIXAR A
RÉGUA EM MILÍMETROS

17. CADA TRAÇO EQUIVALE
A 2mm. POSICIONE
ENTRE O 2 E O 3 PARA
OBTERMOS OS 5mm.
PARA FAZER AS MARCAÇÕES,
BASTA CLICAR EM CIMA DA
RÉGUA, SEGURAR O BOTÃO E
PUXAR COM O MOUSE.
FAÇA ISSO PARA OS 4
LADOS DO ARQUIVO.

18. DEPOIS DE PRONTO, MANTENHA
A RÉGUA EM MILÍMETROS.

19. VAMOS USAR UM BANCO DE
IMAGENS?
SITE: INMAGINE.COM
LOGIN: esamcsantos
SENHA: esamcsantos

20. PARA NÃO ESQUECER!!
LEMBRE-SE DO JOHN LENNON

21. VAMOS PROCURAR UMA
IMAGEM SOBRE FAMÍLIA
(FAMILY). LEMBRE-SE DE
MARCAR A ORIENTAÇÃO
SQUARE (QUADRADA)!

22. ACHOU UMA IMAGEM?
CLIQUE NA SETINHA E
ESCOLHA A OPÇÃO
DISPONÍVEL PARA EXIBIR
A FOTO SEM MARCA
D’ÁGUA

23. EM EDIT – FREE
TRANSFORM, VAMOS
AUMENTAR A IMAGEM
DO TAMANHO DO POST

24. EM IMAGEM – AJUSTES
VÁ EM HUE E
SATURAÇÃO.

25. ACRESCENTE 20 OU 30
DE SATURAÇÃO.

27. AGORA VAMOS
ESCREVER UM SLOGAN.
ESCOLHA A COR E
CLIQUE NO TEXTO. PODE
TROCAR A FONTE OK?

28. O TEXTO DO
SLOGAN DEVERÁ
ESTAR DENTRO DA
MARGEM DE
SEGURANÇA.

29. VAMOS AGORA
ADICIONAR UMA
SOMBRA PARA
DESTACAR O
TEXTO

30. MODO DE
TRANSPARÊNCIA E
OPACIDADE

31. ÂNGULO DA
SOMBRA
PROJETADA

32. A DISTÂNCIA QUE
A SOMBRA SERÁ
PROJETADA

33. O NÍVEL DE
DESFOQUE DA
SOMBRA

34. O TAMANHO DA
SOMBRA

35. O IDEAL É CRIAR UMA
PLATAFORMA PARA
QUE O TEXTO SEJA
MELHOR
INTERPRETADO

36. VAMOS, DESDE JÁ,
APRENDER A DEIXAR O
NOSSO ARQUIVO
ORGANIZADO. DÊ
DOIS CLIQUES NA
IMAGEM (NO NOME E
NÃO NA MINIATURA) E
DÊ UM NOME A ELA.

37. SEGURE O SHIFT E
SELECIONE A
CAMADA DO TEXTO.
COM AS DUAS
SELECIONADAS,
APERTE CTRL+G PARA
AGRUPÁ-LAS.

38. PARA RENOMEAR O
GRUPO, O
PROCEDIMENTO É O
MESMO. CLIQUE DUAS
VEZES E DÊ UM NOME.

39. PARA ABRIR OU
FECHAR O GRUPO,
BASTA CLICAR NA
SETINHA.

40. SELECIONE A FOTO E
VAMOS DEIXAR ELA
MAIS NÍTIDA

41. VAMOS AGORA
SELECIONAR A
MÁSCARA DE NITIDEZ

42. ATIVE O PREVIEW E
DEIXE O THRESHOLD
EM ZERO. FEITO ISSO,
AUMENTE PRIMEIRO O
AMOUNT E VÁ
CONTROLANDO O
RADIUS.

44. GRUPO
bit.ly/gruporenato

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