design para o facebook - criando um post
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
![Page 1: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/1.jpg)
DESIGN PARA O FACEBOOK: Aula 1 - PostRENATO MELO - 2014
![Page 2: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/2.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/3.jpg)
PRIMEIRA DICA E REGRA DE OURO DO FACEBOOK:
SÓ USE IMAGENS EM PNG!
![Page 4: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/4.jpg)
IMAGEM PARA POST
![Page 5: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/5.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/6.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/7.jpg)
Na hora de postar um link, a imagem terá medida de 246x470 px
![Page 8: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/9.jpg)
POST: A IMPORTÂNCIA
DA FOTO
![Page 10: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/10.jpg)
Publicações com foto!Chamam atenção e aumentam em 180% as chances de engajamento.
![Page 11: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/11.jpg)
O número de cliques na foto é o maior
índice de engajamento.
![Page 12: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/12.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/14.jpg)
NEM SE ELE FOR MEIGUINHO?NÃÃÃÃÃOOOO!!!
![Page 15: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/15.jpg)
NEM SE ELE FOR CUTI-CUTI?NÃÃÃÃÃÃOOOOO!!!!
![Page 16: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/16.jpg)
#PRÁTICA
![Page 17: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/17.jpg)
Abra um arquivo novo no Photoshop no tamanho 835x700 pixels com 100 DPI
![Page 18: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/18.jpg)
Dê dois cliques para desbloquear a camada.
![Page 19: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/19.jpg)
Dê novamente dois cliques e faça um gradiente radial nas cores #fee7ac e #fdbc22
![Page 20: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/20.jpg)
RECORTE:PEN TOOL
(quem usar varinha mágica vai para o inferno :D)
![Page 21: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/21.jpg)
DICAS ÚTEIS:CTRL + = + ZOOMCTRL - = - ZOOMSEGURAR O ESPAÇO = MOVIMENTAR A TELA
![Page 22: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/25.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/26.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: #fee7ac
![Page 27: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/27.jpg)
Escreva o texto igual ao da figura acima.
![Page 28: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/28.jpg)
Dê Ctrl+T para girar o texto.
![Page 29: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/29.jpg)
Clique com o botão direito na camada do bis e coloque: duplicar camada
![Page 30: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/30.jpg)
Aperte Ctrl+U e coloque a Luminosidade em -100
![Page 31: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/31.jpg)
Abaixe um pouco a camada da sombra e vá em Filtros – Desfoque – Desfoque Gaussiano
![Page 32: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/32.jpg)
Configure em 5,0 Pixels, dê ok e depois deixe a opacidade em 60%.
![Page 33: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/33.jpg)
Clique com botão direito no fundo e escolha a opção Rasterizar
![Page 34: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/34.jpg)
Escolha a opção Filtro – Ruído – Adicionar Ruído
![Page 35: DESIGN PARA O FACEBOOK - CRIANDO UM POST](https://reader035.vdocuments.pub/reader035/viewer/2022081603/557b4fe1d8b42a8c528b50ba/html5/thumbnails/35.jpg)
Adicione 4% no modo Uniforme. Repita o passo para a outra parte do fundo.