Congregation of the Mission - Olá a todos! Bem-vindos de volta a mais uma vídeo-aula do canal Clube do Design. Eu sou Liute Cristian. E no vídeo de hoje, nós vamos tirar uma dúvida que é bem recorrente do nosso grupo de discussão e nos nossos e-mails, que é: Como criar uma capa ou banner, para perfis do Facebook. Por incrível que pareça, muita gente pergunta realmente sobre como finalizar um material, uma arte, uma imagem, para que ela seja publicada como imagem de capa, nos perfis do Facebook, tanto do perfil pessoal, quanto das fã pages ou grupos de discussão. O procedimento, na verdade, é muito simples, é muito fácil. Com esse vídeo, a gente vai tirar todas essas dúvidas, e vai falar sobre como criar uma capa, exatamente no tamanho ideal, para você utilizar nessas opções disponíveis no Facebook. Existem na verdade, muitas dúvidas relacionadas a criação de capas. Onde você cria uma capa com o dobro do tamanho, cria uma capa com resolução de 300 DPi, mas não é necessário, e hoje eu vou mostrar todos esses detalhes para vocês. Primeiro, antes de a gente começar, você pode criar uma capa para o Facebook, utilizando qualquer aplicação que você desejar. Pode ser Illustrator, pode ser no Photoshop, pode ser no CorelDRAW, não faz diferença, as opções básicas são as mesmas. O que a gente precisa primeiro, é descobrir qual é o tamanho exato de cada um desses recursos, de cada uma dessas imagens. Para fazer isso, é muito simples. Você pode utilizar o seu próprio navegador, ou você pode utilizar alguns mockups que já tem prontos, distribuídos na internet. Um exemplo, são dois mockups que eu já distribuí no Clube do Design. Se você entrar no nosso site e pesquisar por Mockup Facebook, você vai conseguir visualizar dois mockups diferentes, um que é grátis e um que é Premium. O mockup grátis, tem exatamente o de uma fã page, que também serve para os perfis pessoais. Mas, você pode descobrir o tamanho facilmente, utilizando o seu navegador. Como? Você pode utilizar por exemplo, o Google Chrome, ou você pode utilizar também, o Opera, que é outro navegador também que eu recomendo, que é muito legal. E para você descobrir o tamanho exato deste banner, basta você acessar uma fã page, grupo de discussão, ou o seu perfil pessoal, e aí, você vai utilizar o inspetor de elementos, do Google Chrome por exemplo. Esse recurso também está presente, tanto no Firefox, quanto no Opera, eu não tenho certeza se está disponível no Internet Explorer, porque eu quase não uso ele. Então, basta você clicar com o botão direito sobre o banner da sua fã page, do seu perfil, e você vai selecionar a opção: Inspecionar Elemento. Você observa que abre na parte de baixo, ou pode abrir em uma janelinha separada, o Inspetor de Elementos, que é esse console aqui embaixo. Onde, ele exibe todo o código fonte da página, e já vem selecionado exatamente o local que você clicou. Observa aqui, que ele está me dado uma div. Onde, essa div tem um tamanho específico, exibido ali em cima da imagem. Você pode observar que tem um balãozinho de diálogo, mostrando o tamanho: 851 pixels, por 315 pixels. Se você arrastar o mouse um pouquinho mais para cima, ele vai exibir em cima, ele vai evidenciando alguns outros tamanhos. Você observa por exemplo, que esse segundo tamanho aqui, que é o tamanho da imagem real, ele está mostrando ali, um tamanho um pouco maior: 851x332. Isso, porque é uma imagem que foi criada em um tamanho um pouco menor que o tamanho real, e com altura diferente. Então, essa imagem que eu utilizem como banner, ela está em uma proporção diferente, porque eu não criei ela para ser um banner. Acabou virando um banner depois, acabou encaixando certinho ali. E, mais acima, você vai conseguir visualizar várias medidas, onde, claro! A medida principal, o tamanho correto da imagem a ser utilizada no banner, é 851x315 pixels. Se você apontar para a imagem, e der um clique sobre o link da imagem que o Facebook está utilizando, ele vai te direcionar para a imagem aberta no console individualmente, separadamente. Ele vai te mostrar aqui, as informações sobre essa imagem. O tamanho dela exato, ele te mostra aqui, qual que é a proporção da imagem original, e assim por diante. Se você salvar essa imagem, você pode abrir essa imagem em uma nova guia, e pode salvar ela, você vai conseguir visualizar a resolução dela, se você salvar ela no seu computador, e assim por diante. Vou salvar aqui, só para a gente conferir. Lembrando que eu não fiz essa imagem para ser uma capa, mas eu vou verificar aqui, qual foi a resolução que foi utilizada nessa imagem. Clicando na guia Detalhes, você consegue ver que ela é uma imagem de 784x306, então, ela é menor do que o tamanho ideal. E, com uma resolução de 96 DPi. Então, você vai aprender a criar qualquer capa, para você utilizar em qualquer perfil, sem perda de qualidade, sem sofrer distorções nos elementos. Vamos começar pelo CorelDRAW, que é mais simples. Primeiro, você pode criar qualquer documento no CorelDRAW, utilizando a opção: Novo Documento. E aqui, você pode selecionar a opção: Destino Predefinido. Estou o utilizando o Corel X7, mas você pode utilizar o X6, é a mesma coisa. E aí, você vai selecionar a opção WEB. Isso vai te dar, já algumas configurações já prontas. Você pode fazer isso manualmente. Por exemplo, aqui ele vai me dar uma resolução de 1024x768, a uma resolução de 96 DPi. Então, o importante para a gente na verdade, são essas duas informações. Que é o modo de cores primárias, que é RGB. E, a resolução de renderização, que vai para 69 DPi. Então, você usa essas duas opções. É o que é importante para a gente. Clica no OK, e aí você vai ter um novo documento, um pouco grande, mas você pode fazer a alteração desse tamanho, posteriormente. Então, a gente vai definir esse documento, com um tamanho que a gente já descobriu lá na capa do Facebook. Que é, 851x315. Então, você pode, tanto definir o tamanho da página, ou criar um novo quadro com um tamanho que você quiser, é só desenhar: 851x315. Pronto. Você tem, aqui está com o cadeadinho marcado, 851. Você tem um quadro, exatamente com o tamanho da capa que você deseja criar, que você deseja usar. A partir daí, você pode criar o seu modelo, criar a sua arte, desenvolver o seu material, você pode utilizar um material que você já tenha desenvolvido, e realizar a exportação desse material, para o Facebook. Como é que isso acontece? Você cria a sua arte, baseada neste tamanho, observem o seguinte: Como você selecionou a opção para criar em modelo de web, em modo de web no CorelDRAW, ele automaticamente habilita a exibição em pixels, então você vai visualizar essas opções em pixels. E você observa, que ele também passa a alinhar os seus objetos a grade de pixels. Uma dica interessante, para que você tenha um alinhamento legal, é que você selecione os objetos do seu documento, do seu projeto, e você vai clicar aqui em Objeto, e selecionar a opção Dica de Objeto. Eu não sei porque até hoje, o CorelDRAW insiste nesse nome. Mas, essa opção, habilita um alinhamento mais preciso para os seus pixels. Você observa que clicando nela, eu não tenho aquela transição ruim, de um pixel para o outro. Então, ele vai alinhar perfeitamente. Deve ter sido algum problema de tradução, um erro de tradução, que é mantido até hoje, no CorelDRAW, que se chama Dicas de Objeto. Mas, ele vai fazer esse alinhamento, e aí você pode criar o seu documento, tranquilamente. Eu vou colocar apenas um pequeno texto aqui, só para vocês verem como ele fica legal lá na nossa fã page, no nosso perfil. A mesma coisa, você pode fazer aqui: Objeto, Dicas de Objeto. É um texto, ele não vai permitir, deixa eu converter ele em curvas. Pronto! E aí, ele alinha melhor ali, os meus pixels. Você observa que quando está muito próximo, eu vou ver serrilhado, mas quando eu afasto, ele já fica melhorzinho. Vou exportar. Só basta selecionar, no caso, o meu conjunto de objetos, e pressionar o Ctrl+E, para realizar a exportação. Um segredo para que o seu material fique bem visível, não fique distorcido, não perca qualidade, é você criar no tamanho ideal, e você utilizar para a exportação um formato não compactado. Por exemplo, se você exportar a sua imagem em JPEG, você vai estar compactando mais ainda, uma imagem que já é pequena. Então, se você selecionar esse formato JPG, você pode realizar, colocar aqui: Capa 1. Você pode realizar a exportação, mas é interessante que você utilize uma compactação de médio, para cima. Então, se você compactar demais o seu documento, ele vai começar a apresentar serrilhado, que é uma característica do próprio JPEG. Então, você observa que eu estou utilizando aqui um tamanho alto, uma qualidade alta, de 80%. O máximo que você pode reduzir, fica 50%, eu não sei nem porquê você reduziria até 50%. Então, use 100%, 80%, 90%. Observe na parte de baixo, que eu tenho algumas opções marcadas. Primeiro, ele já tem a opção Suavização de Serrilhado, Habilitada. Você observa que ele está incorporando o perfil de cores, para que a imagem apresente a mesma gama de cores que eu estou vendo na minha tela. Então, ele vai atribuir a essa imagem, vai incorporar a ela, o perfil Adobe RGB 98. Eu marco a opção otimizar, caso seja necessário, apenas para melhorar a velocidade de carregamento na web. E aqui embaixo, você pode marcar a opção: Manter Proporção e Manter Tamanho Original. Ele vai manter o documento sempre com o mesmo tamanho que você especificou. Observem, que a resolução é de 96 DPi. Basta clicar em OK, para o seu documento ser exportado, e você ter aqui, a sua capa finalizada corretamente. Você observa que quando você abre ela, ela tem uma aparência legal de leitura, para a distância, para o tamanho que ele foi criado. Se a gente carregar essa imagem, deixa eu alterar aqui, a minha capa. Ver se a internet vai me ajudar. Deixa eu enviar aqui a minha capa, para o meu perfil pessoal. E você vai ver que a gente não vai sofrer perda de qualidade, a gente não vai ter perda de qualidade na nossa imagem. Salvar as alterações, e aí você tem uma capa finalizada com texto, e para o tamanho específico, onde ela não tem perda de qualidade. Você observa que há uma pequena granulação em volta do texto. Isso, é um defeito característico do formato JPEG. Então, o que você pode fazer? Para evitar a compactação da sua imagem, exporte em formato PNG, que é o formato mais apropriado para utilizar na internet. Então, você pode por exemplo, alterar o formato de JPEG para PNG. Deixa eu colocar aqui: Capa 2. Pronto. As configurações, são basicamente as mesmas. Aqui, você apenas não tem algumas outras opções, como por exemplo, você não pode escolher uma qualidade, justamente porque o formato PNG, não vai sofrer compactação. Você clica no OK e pronto. Você tem novamente, uma imagem exportada com excelente qualidade, no tamanho real. A imagem não fica pesada. Você pode observar que nós temos aqui, uma imagem de tamanho de apenas 3 Kbs, 3 Kilobytes. E aí, quando você carrega essa imagem para o seu perfil, você vai observar que ela não vai sofrer perda de qualidade. Você não vai ter problema nenhum, com serrilhado, com qualquer problema na sua imagem, relacionado a compactação ou perda de qualidade. E olha só! Clicando no Salvar, a gente tem aí, uma capa bacana, uma capa legal aí, para o nosso perfil do Facebook. Você pode utilizar para esse perfil, para essa fã page, para qualquer um desses recursos, você pode utilizar: Tanto uma arte que você criou, ou você pode usar uma imagem qualquer. Por exemplo, você pode pegar uma imagem, eu abri aqui uma imagem no Photoshop, tá bom? E aí, vou selecionar, vou utilizar essa imagem como capa também. Você observa que essa imagem, ela tem um tamanho diferente. Basta clicar aqui no menu Imagem, Tamanho da Imagem, Image Size, ela tem 1750, a 300 DPi. Então, eu posso utilizar a ferramenta de corte do próprio Photoshop, para especificar o tamanho que eu quero. Então, a gente vai utilizar a ferramenta de corte, selecionando a opção aqui: Unconstrained, que seria o tamanho não especificado. E aí, a gente vai utilizar 850, é 851, deixa eu ver qual é o tamanho que eu já esqueci. Aqui no CorelDRAW eu tenho, 851x315. 85pixels, por 315 pixels. Então, eu tenho aqui o tamanho correto, dou dois cliques, ele vai realizar o corte. Você observa ainda, claro né? Que o tamanho da imagem, embora eu tenha feito esse corte, a resolução está em 300 DPi. Então, eu vou diminuir para 96 e redefinir o tamanho: 851x315. Ele automaticamente já mantém a proporção. A 96 pixels por polegada. Clicando no OK, a imagem não sofre alteração de tamanho no Photoshop. E aí, pressionando aqui o Ctrl+1 no Photoshop, ele vai exibir a imagem em tamanho real, em tamanho de tela. Então, você observa que a imagem não tem perda de qualidade. Vou salvar essa imagem na Área de Trabalho. Pode ser, tanto em JPEG quanto em PNG. Você pode utilizar o recurso Salvar para a Web, presente no menu File, Save for web. Mas, você pode utilizar também, a opção Salvar, normal, para não sofrer nenhuma compactação, nenhuma diferença. Vou salvar aqui como Capa 3. E olha só! Clicando no OK. Aí, a gente tem a nossa imagem com 366 Kilobytes, olha só o tamanho. E vou agora, definir essa imagem, como minha capa do Facebook, para vocês verem que fica perfeito, fica legal, não tem perda de qualidade. Não há necessidade de você utilizar uma imagem extremamente grande, para fazer esse tipo de trabalho. Aqui, a imagem ficou um pouquinho maior, porque é uma imagem totalmente colorida, é diferente de você mandar uma imagem com uma cor apenas. E, depois, você pode, olha só! Já está no tamanho ideal. É só você clicar em Salvar, e pronto! Você tem aí, a sua capa, com uma imagem legal, uma imagem com excelente qualidade, e você não precisa utilizar um tamanho extrapolado, um tamanho extremamente grande. Deixa eu voltar aqui, para a minha página inicial. Então gente, basicamente, você só precisa criar, você só precisa trabalhar com a sua imagem, com o tamanho real, com o tamanho físico real. Se você achar que a resolução ficou um pouquinho serrilhada, se você não gostar do resultado, eu recomendo que você simplesmente, aumente a resolução um pouquinho mais. Por exemplo, eu usei 96, usa 150 DPi. Não tem necessidade de você utilizar mais do que isso. Tanto, que você observa que em imagens com apenas um tom de cor, com imagens com um fundo chapado, eu utilizo a resolução correta, a resolução real da imagem utilizada pelo Facebook, e a gente não tem perda de qualidade. Eu não posso afirmar que o Facebook faça alguma redução de qualidade, se ele tem recurso interno, algum recurso interno que reduza a qualidade das imagens, mas sempre utilizando o tamanho real, ou utilizando aí, as configurações reais, no tamanho real no Facebook, a gente consegue um resultado satisfatório. O mesmo, vale para Illustrator também. Você pode criar um novo documento, já configurando para o tamanho que você quer. Deixa ele abrir aqui. Então, eu vou mudar a opção para Web. Onde, eu vou selecionar, já está selecionada a opção Pixels. 851x315, com uma resolução de 96. Aqui está 150. Mas, a gente pode também, fazer essa alteração depois, quando a gente for mudar, quando a gente for exportar o nosso documento. Então, você pode criar a sua Artboard, a sua prancheta de desenho, criar aí o seu material em tamanho real, utilizando um fundo chapado, utilizando aí, uma imagem, fazendo uma arte bem legal. E depois, você pode exportar esse material, utilizando as configurações reais do Facebook. Deixa eu abrir aqui, o painel de alinhamento. Mudar aqui, o alinhamento pela Artboard, já está. Alinhar pelo centro. Depois, é só selecionar a sua arte, clicar em File, Export, e aí você pode selecionar o formato PNG. Colocar aqui, Capa 4, clicando no OK. Você pode selecionar aqui, uma resolução diferente de 96 DPi, clicando no OK, você vai ter aí, um resultado, uma capa com tamanho de 5 KB. Olha só! No Illustrator, você observa que o resultado fica bem legal, quando você exporta em PNG. Se comparado aqui com o CorelDRAW, a gente tem uma pixelização maior. Sendo que, embora eu tenha usado uma fonte maior, a gente tem uma pixelização um pouquinho maior, na exportação do CorelDRAW. Vou alterar aqui, a minha capa de perfil pessoal novamente. Enviar foto. E pronto! É só salvar as alterações, está aí a sua capa criada no Illustrator, com o tamanho real, com o tamanho ideal para você utilizar na tela. Vamos fazer uma comparação, se a gente exportar essa mesma imagem, com o tamanho, com uma resolução de 150 DPi. Capa 5. Exportar com a resolução média, de 150. Pronto. A gente observa que a gente tem uma imagem maior, de 1700 pixels. Note que fica bem maior, então a gente tem uma pixelização bem menor, mas olha só! Em comparação a isso, deixa eu ver aqui o tamanho da imagem, a imagem cresceu em torno de 3 Kbs. Alterar a capa. E enviar a foto. Observem a diferença! Mesmo que você aumente a resolução, utilizando o Illustrator, ainda assim, há uma certa diferença na resolução que você carrega. Então, você pode perceber, que você pode criar qualquer capa, utilizando esses tamanhos que eu mostrei para vocês, utilizando essa configuração, e você não vai ter problema com resolução, não vai ter problema com perda de qualidade, não há necessidade de você exagerar no tamanho de uma imagem de capa, colocando ela com 2, 3 mil pixels de tamanho. O Facebook vai fazer uma compactação própria, uma compactação característica. Creio eu, que ele faça isso. Então, você pode observar que utilizando essas dicas, utilizando o tamanho real, você pode criar uma capa sem ter problemas de perda de qualidade, sem ter problemas de pixelização da sua imagem. Eu espero que vocês tenham gostado da dica, espero que tenha ajudado vocês, para o desenvolvimento das suas próximas capas do Facebook. É só criar utilizando o tamanho real mesmo. Esses tamanhos que você descobre, tanto no console de gerenciador de objetos, quanto você pode utilizar também mockups prontos, como esses que são distribuídos no Clube do Design. E todos os tamanhos dos locais, da fã page do Facebook, e também da Time Line. Então é isso. Não esquece de clicar em gostei, para ajudar o nosso projeto. De compartilhar esse vídeo com seus amigos. Se você não faz parte do Clube do Design, se inscreva aí no nosso canal. A gente se vê na próxima vídeo-aula. Um forte abraço. Tchau, tchau!.
Bone density test results stiffness index curso de injecao eletronica senai Bagé apostila de direito penal militar em pdf. Rondônia curso gratis mais frete Tese, jogadas ensaiadas nba 2k15 Apresentação de Power Point, contrato de prestacao de servicos consultoria de vendas Proposta de Tese, quanto custa um exame de ferro Crítica Literária/Filme. Curso de matematica gratis presencial pena de morte no brasil redacao bone density test results stiffness index Pará art 104 cc. Art 130 ctn explicacao Resenha Varginha publicidade e propaganda x jornalismo, festa monster high andrea guimaraes.
Sabará:
Mel Newton, Richmond: Columbia Graduate School of Architecture. Embu das Artes: University Heights; 2008.
Esther Walkman, Cayuga. Lages: D'Youville College, Buffalo; 2016.
Kristal Barker, Kenmare Street zip 10012. Chapecó: Columbia Law School; 2006.