DESIGN PARA REDES SOCIAIS

40
DESIGN PARA REDES SOCIAIS: POST RENATO MELO - 2016

Transcript of DESIGN PARA REDES SOCIAIS

Page 1: DESIGN PARA REDES SOCIAIS

DESIGN PARA REDES SOCIAIS: POSTRENATO MELO - 2016

Page 2: DESIGN PARA REDES SOCIAIS

AS AGÊNCIAS DE PUBLICIDADE E A

GUERRA ENTRE ON E OFF

Page 3: DESIGN PARA REDES SOCIAIS

HOJE, MÍDIA TRADICIONAL ESTÁ

SAINDO MUITO CARO PARA AS

PME’S

Page 4: DESIGN PARA REDES SOCIAIS

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

DESIGN PARA POSTSFACEBOOK & INSTAGRAM

Page 6: DESIGN PARA REDES SOCIAIS

FOTOS ANTES NO FORMATO SQUARE

(QUADRADO) – 1080x1080px, AGORA

ACEITA QUALQUE FORMATO

Page 7: DESIGN PARA REDES SOCIAIS

Toda imagem publicada é encaixada

automaticamente em uma caixa

invisível.

FACEBOOK

Page 8: DESIGN PARA REDES SOCIAIS

Esse box possui a medida de de

394px (altura) e 470px (largura).

FACEBOOK

394p

x

470px

Page 9: DESIGN PARA REDES SOCIAIS

Caso a imagem não esteja no

tamanho certo, ela ficará com um espaço em branco na lateral direita.

FACEBOOK

Page 10: DESIGN PARA REDES SOCIAIS

Você deve trabalhar com

qualquer tamanho que atenda a

escala de 394x470px, isto vai depender da

qualidade da imagem que você

tem.

FACEBOOK

Page 11: DESIGN PARA REDES SOCIAIS

#TRABALHO03.06

Page 12: DESIGN PARA REDES SOCIAIS

1) GRUPOS DE ATÉ 5 INTEGRANTES

Page 13: DESIGN PARA REDES SOCIAIS

2) ESCOLHA UMA EMPRESA DA BAIXADA QUE TENHA UM SITE RUIM OU NÃO POSSUA SITE

Page 14: DESIGN PARA REDES SOCIAIS

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

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

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

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

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

#PRÁTICA

Page 20: DESIGN PARA REDES SOCIAIS
Page 21: DESIGN PARA REDES SOCIAIS

RECORTE:PEN TOOL

(quem usar varinha mágica vai para o inferno :D)

Page 22: DESIGN PARA REDES SOCIAIS

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

Page 23: DESIGN PARA REDES SOCIAIS

renatomelo.com.br/esamc/webdesign_subway.jpg

Page 24: DESIGN PARA REDES SOCIAIS

DICAS ÚTEIS:CTRL + = + ZOOMCTRL - = - ZOOMSEGURAR O ESPAÇO = MOVIMENTAR A TELA

Page 25: DESIGN PARA REDES SOCIAIS

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

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

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

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

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

Page 30: DESIGN PARA REDES SOCIAIS

DEPOIS, APERTE DELETE PARA APAGAR O FUNDO!

Page 31: DESIGN PARA REDES SOCIAIS

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

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

Page 33: DESIGN PARA REDES SOCIAIS

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

Page 34: DESIGN PARA REDES SOCIAIS

renatomelo.com.br/esamc/webdesign_subway1.png

Page 35: DESIGN PARA REDES SOCIAIS

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

Page 36: DESIGN PARA REDES SOCIAIS

Aperte Ctrl+U e coloque a Luminosidade em -100

Page 37: DESIGN PARA REDES SOCIAIS

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

Page 38: DESIGN PARA REDES SOCIAIS

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

Page 39: DESIGN PARA REDES SOCIAIS

LINK PARA AULAbit.ly/

webdesignaula09

Page 40: DESIGN PARA REDES SOCIAIS

FACEBOOK.COM/RENATOMELOMKT

[email protected]