Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

DESIGN PARA FACEBOOK

605 views

Published on

Como criar imagens para posts no Facebook e a importância de ter a imagem com as definições corretas

Published in: Design
  • Be the first to comment

DESIGN PARA FACEBOOK

  1. 1. DESIGN PARA O FACEBOOK: Aula 1 - Post RENATO MELO - 2014
  2. 2. REDE SOCIAL HOJE É O CAMINHO MAIS FÁCIL DE CONSEGUIR TRÁFEGO PARA O SEU SITE
  3. 3. PRIMEIRA DICA E REGRA DE OURO DO FACEBOOK: SÓ USE IMAGENS EM PNG!
  4. 4. IMAGEM PARA POST
  5. 5. 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).
  6. 6. O tamanho ideal é 650x545 pixels. Para imagens com melhor definição, você pode ampliar o tamanho mantendo a mesma escala.
  7. 7. Na hora de postar um link, a imagem terá medida de 246x470 px
  8. 8. Link de vídeos ou páginas que tenham imagens menores do que 246x470px serão exibidas como miniaturas de 150x150px.
  9. 9. POST: A IMPORTÂNCIA DA FOTO
  10. 10. Publicações com foto! Chamam atenção e aumentam em 180% as chances de engajamento.
  11. 11. O número de cliques na foto é o maior índice de engajamento.
  12. 12. Faça posts “humanos”, mostrando as pessoas e equipes que estão por trás da fanpage/empresa.
  13. 13. SÓ USE GATINHO EM IMAGEM SE VOCÊ FOR SOCIAL MEDIA DA WHISKAS. SÉRIO, NÃO USE!!!
  14. 14. NEM SE ELE FOR MEIGUINHO? NÃÃÃÃÃOOOO!!!
  15. 15. NEM SE ELE FOR CUTI-CUTI? NÃÃÃÃÃÃOOOOO!!!!
  16. 16. #PRÁTICA
  17. 17. RECORTE: PEN TOOL (quem usar varinha mágica vai para o inferno :D)
  18. 18. Abra um arquivo novo no Photoshop no tamanho 835x700 pixels com 100 DPI
  19. 19. renatomelo.com.br/esamc/ webdesign_subway.jpg
  20. 20. DICAS ÚTEIS: CTRL + = + ZOOM CTRL - = - ZOOM SEGURAR O ESPAÇO = MOVIMENTAR A TELA
  21. 21. 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.
  22. 22. 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.
  23. 23. 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.
  24. 24. CONTORNE TODA O SANDUÍCHE. DEPOIS DE FINALIZADO, CLIQUE COM O BOTÃO ESQUERDO E SELECIONE “FAZER SELEÇÃO”.
  25. 25. COM O SANDUBA SELECIONADO, APERTE “CTRL + SHIFT + i” PARA INVERTER A SELEÇÃO
  26. 26. DEPOIS, APERTE DELETE PARA APAGAR O FUNDO!
  27. 27. 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
  28. 28. Pinte o fundo com balde de tinta na cor #00923a
  29. 29. Faça um quadrado e escreva o texto igual ao da figura acima.
  30. 30. renatomelo.com.br/esamc/ webdesign_subway1.png
  31. 31. Clique com o botão direito na camada do sanduba e coloque: duplicar camada
  32. 32. Aperte Ctrl+U e coloque a Luminosidade em -100
  33. 33. Abaixe um pouco a camada da sombra e vá em Filtros – Desfoque – Desfoque Gaussiano
  34. 34. Configure em 5,0 Pixels, dê ok e depois deixe a opacidade em 60%.
  35. 35. FACEBOOK.COM/ RENATOMELOMKT renato@iskadigital.com.br

×