facebook e instagram

1. DESIGN PARA REDES SOCIAIS: POST
WEBDESIGN 2018-02 - RENATO MELO - 2018

2. #TRABALHO

3. 1) GRUPOS DE 3 A 5 PESSOAS

4. 2) ESCOLHA UMA EMPRESA DA
BAIXADA QUE TENHA UM SITE RUIM

5. 3) NOVO SITE:
-Projeto com checklist:
 TAMANHO DA TELA
 CONECTIVIDADE
 OBJETIVOS DO USUÁRIO
 AMBIENTES DO USUÁRIO
 CAPACIDADE DO USUÁRIO
 CONVERSÃO

6. 4) REDES SOCIAIS:
-Criar imagens da fanpage:
Imagem de capa
Imagem de perfil
-5 artes para anúncio, respeitando
os 20%

7. 5) PARTE ESCRITA (VIA E-MAIL):
5.1 PROPOSTA TÉCNICA:
-PESQUISA;
- DESCRIÇÃO;
- APRESENTAÇÃO DAS PEÇAS;
5.2 PROPOSTA FINANCEIRA
-CÁLCULO FINANCEIRO;

8. 6) APRESENTAÇÃO:
- COMO SE FOSSE UMA AGÊNCIA
(CRIAR NOME E LOGO);
- APRESENTAÇÃO DA CAMPANHA;

9. BASE/SERVIÇO
WEBSITE

10. Preços, em média
ME – 1.5k
PME – 2k a 4k
GE MN – 5k a 15k

11. BASE/SERVIÇO
FACEBOOK

12. Preços, em média por Post
ME – R$55
PME – R$75 a R$250
GE MN – R$250 a R$1.500

13. #EXERCÍCIO1

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

15. VAMOS CRIAR UMA GRADE
COM 25 QUADRADOS.
PASSO 1 – PRESSIONE CTRL+K
PASSO 2 – CLIQUE EM GUIDES
E GRIDS

16. DEPOIS, CONFIGURE
A GRADE COM 20%

17. APERTE
CTRL+”

18. renatomelo.com.br/esamc/
webdesign_ruffles1.jpg

19. renatomelo.com.br/esamc/
webdesign_ruffles.png

20. renatomelo.com.br/esamc/
webdesign_ruffles2.png

21. PRA FINALIZAR INSIRA O TEXTO
NA FONTE CENTURY GOTHIC!

22. #EXERCÍCIO 2

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

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

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

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

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

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

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

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

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

32. DEPOIS, APERTE DELETE
PARA APAGAR O
FUNDO!

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

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

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

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

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

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

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

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