DESIGN PARA O FACEBOOK - CRIANDO UM POST

Post on 13-Jun-2015

220 views 1 download

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

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

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

PRIMEIRA DICA E REGRA DE OURO DO FACEBOOK:

SÓ USE IMAGENS EM PNG!

IMAGEM PARA 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).

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

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

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

POST: A IMPORTÂNCIA

DA FOTO

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

O número de cliques na foto é o maior

índice de engajamento.

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

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

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

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

#PRÁTICA

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

Dê dois cliques para desbloquear a camada.

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

RECORTE:PEN TOOL

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

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

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

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

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.

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!

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

Escreva o texto igual ao da figura acima.

Dê Ctrl+T para girar o texto.

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

Aperte Ctrl+U e coloque a Luminosidade em -100

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

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

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

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

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

FACEBOOK.COM/RENATOMELOMKT

renato@iskadigital.com.br