Download - DESIGN PARA REDES SOCIAIS
![Page 1: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/1.jpg)
DESIGN PARA REDES SOCIAIS: POSTRENATO MELO - 2016
![Page 2: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/2.jpg)
AS AGÊNCIAS DE PUBLICIDADE E A
GUERRA ENTRE ON E OFF
![Page 3: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/3.jpg)
HOJE, MÍDIA TRADICIONAL ESTÁ
SAINDO MUITO CARO PARA AS
PME’S
![Page 4: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/4.jpg)
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 21hSáb e Dom: das 12h às 20h
![Page 5: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/5.jpg)
DESIGN PARA POSTSFACEBOOK & INSTAGRAM
![Page 6: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/6.jpg)
FOTOS ANTES NO FORMATO SQUARE
(QUADRADO) – 1080x1080px, AGORA
ACEITA QUALQUE FORMATO
![Page 7: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/7.jpg)
Toda imagem publicada é encaixada
automaticamente em uma caixa
invisível.
![Page 8: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/8.jpg)
Esse box possui a medida de de
394px (altura) e 470px (largura).
394p
x
470px
![Page 9: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/9.jpg)
Caso a imagem não esteja no
tamanho certo, ela ficará com um espaço em branco na lateral direita.
![Page 10: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/10.jpg)
Você deve trabalhar com
qualquer tamanho que atenda a
escala de 394x470px, isto vai depender da
qualidade da imagem que você
tem.
![Page 11: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/11.jpg)
#TRABALHO03.06
![Page 12: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/12.jpg)
1) GRUPOS DE ATÉ 5 INTEGRANTES
![Page 13: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/13.jpg)
2) ESCOLHA UMA EMPRESA DA BAIXADA QUE TENHA UM SITE RUIM OU NÃO POSSUA SITE
![Page 14: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/14.jpg)
3) NOVO SITE:-Projeto com base na nossa aula prática: TAMANHO DA TELA CONECTIVIDADE OBJETIVOS DO USUÁRIO AMBIENTES DO USUÁRIO CAPACIDADE DO USUÁRIO CONVERSÃO
![Page 15: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/15.jpg)
4) REDES SOCIAIS:-Criar fanpage e perfil no Insta-Imagem de capa-Imagem de perfil-Pelo menos 15 publicações (somando Facebook e Instagram)
![Page 16: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/16.jpg)
4) PARTE ESCRITA (VIA E-MAIL):
4.1 PROPOSTA TÉCNICA:-PESQUISA;- DESCRIÇÃO;- APRESENTAÇÃO DAS PEÇAS;
4.2 PROPOSTA FINANCEIRA-CÁLCULO FINANCEIRO;
![Page 17: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/17.jpg)
5) APRESENTAÇÃO:- COMO SE FOSSE UMA AGÊNCIA (CRIAR NOME E LOGO);- APRESENTAÇÃO DA CAMPANHA;- AÇÕES CRIATIVAS;
![Page 18: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/18.jpg)
PRÉVIA PARA 06.05 ATÉ ÀS18H30 VIA E-MAIL
1)Encontre uma fanpage brasileira de uma grande marca que trabalhe errado no Facebook
2)Tire print dos erros e faça uma análise
![Page 19: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/19.jpg)
#PRÁTICA
![Page 20: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/20.jpg)
![Page 21: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/21.jpg)
RECORTE:PEN TOOL
(quem usar varinha mágica vai para o inferno :D)
![Page 22: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/22.jpg)
Abra um arquivo novo no Photoshop no tamanho 700x522 pixels com 100 DPI
![Page 23: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/23.jpg)
renatomelo.com.br/esamc/webdesign_subway.jpg
![Page 24: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/24.jpg)
DICAS ÚTEIS:CTRL + = + ZOOMCTRL - = - ZOOMSEGURAR O ESPAÇO = MOVIMENTAR A TELA
![Page 25: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/25.jpg)
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.
![Page 26: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/26.jpg)
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.
![Page 27: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/27.jpg)
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.
![Page 28: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/28.jpg)
CONTORNE TODA O SANDUÍCHE. DEPOIS DE FINALIZADO, CLIQUE COM O BOTÃO ESQUERDO E SELECIONE “FAZER SELEÇÃO”.
![Page 29: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/29.jpg)
COM O SANDUBA SELECIONADO, APERTE “CTRL + SHIFT + i” PARA INVERTER A SELEÇÃO
![Page 30: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/30.jpg)
DEPOIS, APERTE DELETE PARA APAGAR O FUNDO!
![Page 31: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/31.jpg)
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
![Page 32: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/32.jpg)
Pinte o fundo com balde de tinta na cor #00923a
![Page 33: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/33.jpg)
Faça um quadrado e escreva o texto igual ao da figura acima.
![Page 34: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/34.jpg)
renatomelo.com.br/esamc/webdesign_subway1.png
![Page 35: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/35.jpg)
Clique com o botão direito na camada do sanduba e coloque: duplicar camada
![Page 36: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/36.jpg)
Aperte Ctrl+U e coloque a Luminosidade em -100
![Page 37: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/37.jpg)
Abaixe um pouco a camada da sombra e vá em Filtros – Desfoque – Desfoque Gaussiano
![Page 38: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/38.jpg)
Configure em 5,0 Pixels, dê ok e depois deixe a opacidade em 60%.
![Page 39: DESIGN PARA REDES SOCIAIS](https://reader031.vdocuments.pub/reader031/viewer/2022021918/58877a771a28ab63208b49f3/html5/thumbnails/39.jpg)
LINK PARA AULAbit.ly/
webdesignaula09