DESIGN PARA O FACEBOOK - CRIANDO UM POST

36
DESIGN PARA O FACEBOOK: Aula 1 - Post RENATO MELO - 2014

description

Qual o tamanho de imagens corretas do Facebook? Descubra tudo nesta aula. Inclui um tutorial de como criar um post estilo ao da fanpage do Bis.

Transcript of DESIGN PARA O FACEBOOK - CRIANDO UM POST

Page 1: DESIGN PARA O FACEBOOK - CRIANDO UM POST

DESIGN PARA O FACEBOOK: Aula 1 - PostRENATO MELO - 2014

Page 2: DESIGN PARA O FACEBOOK - CRIANDO UM POST

REDE SOCIAL HOJE É O CAMINHO MAIS FÁCIL DE CONSEGUIR TRÁFEGO PARA O SEU SITE

Page 3: DESIGN PARA O FACEBOOK - CRIANDO UM POST

PRIMEIRA DICA E REGRA DE OURO DO FACEBOOK:

SÓ USE IMAGENS EM PNG!

Page 4: DESIGN PARA O FACEBOOK - CRIANDO UM POST

IMAGEM PARA POST

Page 5: DESIGN PARA O FACEBOOK - CRIANDO UM POST

As imagens são encaixadas numa espécie de “box invisível”, com altura máxima de 394px e largura máxima de 470px. Se a imagem estiver no tamanho errado, ela ficará com espaço branco (foto).

Page 6: DESIGN PARA O FACEBOOK - CRIANDO UM POST

O tamanho ideal é 650x545 pixels. Para imagens com melhor definição, você pode ampliar o tamanho mantendo a mesma escala.

Page 7: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Na hora de postar um link, a imagem terá medida de 246x470 px

Page 8: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Link de vídeos ou páginas que tenham imagens menores do que 246x470px serão exibidas como miniaturas de 150x150px.

Page 9: DESIGN PARA O FACEBOOK - CRIANDO UM POST

POST: A IMPORTÂNCIA

DA FOTO

Page 10: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Publicações com foto!Chamam atenção e aumentam em 180% as chances de engajamento.

Page 11: DESIGN PARA O FACEBOOK - CRIANDO UM POST

O número de cliques na foto é o maior

índice de engajamento.

Page 12: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Faça posts “humanos”, mostrando as pessoas e equipes que estão por trás da fanpage/empresa.

Page 13: DESIGN PARA O FACEBOOK - CRIANDO UM POST

SÓ USE GATINHO EM IMAGEM SE VOCÊ FOR SOCIAL MEDIA DA WHISKAS.SÉRIO, NÃO USE!!!

Page 14: DESIGN PARA O FACEBOOK - CRIANDO UM POST

NEM SE ELE FOR MEIGUINHO?NÃÃÃÃÃOOOO!!!

Page 15: DESIGN PARA O FACEBOOK - CRIANDO UM POST

NEM SE ELE FOR CUTI-CUTI?NÃÃÃÃÃÃOOOOO!!!!

Page 16: DESIGN PARA O FACEBOOK - CRIANDO UM POST

#PRÁTICA

Page 17: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Abra um arquivo novo no Photoshop no tamanho 835x700 pixels com 100 DPI

Page 18: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Dê dois cliques para desbloquear a camada.

Page 19: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Dê novamente dois cliques e faça um gradiente radial nas cores #fee7ac e #fdbc22

Page 20: DESIGN PARA O FACEBOOK - CRIANDO UM POST

RECORTE:PEN TOOL

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

Page 21: DESIGN PARA O FACEBOOK - CRIANDO UM POST

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

Page 22: DESIGN PARA O FACEBOOK - CRIANDO UM POST

1 - Clique em um ponto para começar.2 – Para fazer um traço reto basta clicar para fazer um ponto.

Page 23: DESIGN PARA O FACEBOOK - CRIANDO UM POST

3– Para fazer a curva, clique, segure o botão no final da curvatura e ache o ângulo perfeito.

Page 24: DESIGN PARA O FACEBOOK - CRIANDO UM POST

4 – 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 25: DESIGN PARA O FACEBOOK - CRIANDO UM POST

CONTORNE TODO O BIS. DEPOIS DE FINALIZADO, CLIQUE COM O BOTÃO ESQUERDO E SELECIONE “FAZER SELEÇÃO”.

COM O BIS SELECIONADO, APERTE “CTRL + SHIFT + i” PARA INVERTER A SELEÇÃO. DEPOIS, DELETE O FUNDO!

Page 26: DESIGN PARA O FACEBOOK - CRIANDO UM POST

COM A MESMA PEN, TROQUE EM CIMA A OPÇÃO PARA “FORMA” E FAÇA UMA FORMA IGUAL A DA FIGURA ACIMA NA COR: #fee7ac

Page 27: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Escreva o texto igual ao da figura acima.

Page 28: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Dê Ctrl+T para girar o texto.

Page 29: DESIGN PARA O FACEBOOK - CRIANDO UM POST

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

Page 30: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Aperte Ctrl+U e coloque a Luminosidade em -100

Page 31: DESIGN PARA O FACEBOOK - CRIANDO UM POST

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

Page 32: DESIGN PARA O FACEBOOK - CRIANDO UM POST

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

Page 33: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Clique com botão direito no fundo e escolha a opção Rasterizar

Page 34: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Escolha a opção Filtro – Ruído – Adicionar Ruído

Page 35: DESIGN PARA O FACEBOOK - CRIANDO UM POST

Adicione 4% no modo Uniforme. Repita o passo para a outra parte do fundo.

Page 36: DESIGN PARA O FACEBOOK - CRIANDO UM POST

FACEBOOK.COM/RENATOMELOMKT

[email protected]