Canva para pessoas que empreendem: faça o design de uma header do Twitter

1. Introdução: nesta lição, vamos criar um cabeçalho do Twitter. O Twitter é uma grande plataforma de mídia social, e queremos criar um bom cabeçalho no topo da nossa página para garantir que as pessoas realmente entendam e saibam o que é a nossa marca ou negócio. Primeiro, vou mostrar alguns exemplos de alguns grandes cabeçalhos do Twitter que são usados por grandes marcas e empresas na Internet. Vou mostrar-lhe alguns princípios de design gráfico diferentes que vão para a criação desses cabeçalhos do Twitter . Depois disso, vamos direto para a câmera e começar a usar alguns modelos e layouts pré-fabricados. E eu vou apenas mostrar algumas das ferramentas e recursos que você pode usar em Canberra para ajustar e criar seus próprios cabeçalhos do Twitter finalmente irá exportar esse cabeçalho do Twitter como um arquivo PNG de alta resolução. Queremos usar um arquivo PNG de alta resolução para o nosso cabeçalho do Twitter, apenas para que pareça nítido e claro sempre que alguém está visitando ou página. Finalmente, pedi que você enviasse sua imagem de cabeçalho do Twitter para este curso para mim e outros alunos vermos o que você está criando. É muito motivador colocar suas imagens no mundo, e nos dá a chance de dar críticas e feedback sobre o que você pode fazer para tornar seu cabeçalho do Twitter melhor no futuro. Então, sem mais delongas, vamos em frente e começar. 2. Exemplos de cabeçalhos do Twitter: Vamos dar uma olhada em alguns cabeçalhos do Twitter para que possamos obter alguma inspiração e algumas ideias de design diferentes que podemos usar dentro de nossos gráficos. Então a primeira coisa que eu faria é ir em frente e puxar o Twitter. Você nem precisa de uma conta para pesquisar diferentes empresas e marcas no Twitter. Então o primeiro 1 que eu coloquei aqui é, é claro, a página web do Twitter, e você pode ver que eles têm um cabeçalho muito básico, agradável e limpo do Twitter. Tem uma boa tipografia, muito colorida, e é um sim, criatividade pode ser aprendida. Então ele está tentando despertar essa imaginação criativa com as cores e as fontes que ele está usando. Mas também é muito simplista, que é o que eles estão tentando passar para sua marca. Se você olhar para a descrição, ele diz design gráfico incrivelmente simples. Então eles mantiveram seu cabeçalho muito simples para tipo de dar essa impressão de que criatividade, nous simplista e que você pode fazer isso para que eles tenham um grande cabeçalho do Twitter e é ah muito, muito impactante, mesmo que seja muito simplista. O 2º 1 que escolhi é de Lego e Legos. Cabeçalho é um pouco diferente. É um muito ampliado na imagem de alguns de seus blocos de Lego e estes ar tão bem conhecido que mesmo sem o logotipo lá, se você acabou de ver esta imagem sem as letras, você ainda saberia que estes ar caixa de Lego. Então eles acabaram de ampliar em algo, um produto deles que eles criam que é muito reconhecível. E eles usaram esta cor amarela, que é encontrada em seu logotipo. Então eles têm o preto, branco, amarelo e vermelho. E você pode ver que esse amarelo está coincidindo com seu logotipo aqui, e isso ajuda a criar um bom contraste com o vermelho e o amarelo. Então eles têm o vermelho como a imagem do perfil. E, em seguida, o cabeçalho do Twitter é esta cor amarela. Então ele cria um contraste muito bom, mas ainda mostra seu produto e, em seguida, apenas reforça a marca por ter as palavras Lego aqui. Também a seguir temos o site de Jimmy Fallon. Eu queria mostrar uma marca pessoal, e isso faz um bom trabalho. Então, em vez de ser colorido ou criativo, ele disse, tem mais de um tipo profissional e estilizado de olhar sobre seu cabeçalho do Twitter. Ele está no Tonight Show, então ele está exibindo seu público. Mas tem esta bela fotografia dele muito bem iluminada, que é legal sobre esta imagem, na verdade, porque todo mundo é uma silhueta para que você possa ver as pessoas lá. Mas você não pode realmente ver o rosto de uma pessoa muito bem onde temos essa bela imagem iluminada dele. Boa composição. Usando a regra dos terços, é colocado para o lado em vez de no centro e também imita a imagem de perfil que ele tem, que é o mesmo tipo de imagem preto e branco. Então ele tem essa imagem de alta qualidade, mas também atrai seu público, que, você sabe, isso é o que ele mostra sobre atrair sua rede e seu público. Finalmente, temos Starbucks e Starbucks olhos apenas seu design clássico. Eles têm as imagens de suas diferentes bebidas que eles têm aqui, mas é naquele tipo clássico de quadro-negro que Starbucks é conhecido. Você também pode ver alguma semelhança aqui com as palhas verdes em direção ao seu logotipo verde, por isso ajuda a trazer essa marca, mesmo se você não sabia que isso era uma estrela Bucks, Hum, Page, você provavelmente poderia escolher -se que estas eram bebidas Starbucks de qualquer maneira, apenas pela forma como a bebida parece a forma como ele é desenhado para fora e pela palha verde. Então, esses mostram alguns exemplos diferentes de como os cabeçalhos do Twitter estão sendo usados de diferentes maneiras vs produtos e marcas e marcas pessoais e empresas. Outra grande coisa sobre o Twitter é que se você olhar aqui em baixo, direita diz, você também pode gostar e mostra McDonalds e Dunkin Donuts para que você possa se você está, você sabe , no negócio de, digamos, fast food ou restaurantes e você quer olhar para diferentes tipos de restaurantes, você pode continuar clicando neles para que eu possa clicar no McDonald's e olhar para o deles. E mesmo pairando sobre ele, você pode ver os cabeçalhos do Twitter. São maneiras tão diferentes que você pode pesquisar no Twitter e descobrir algumas dessas imagens diferentes. Então, quando eu vou para a página de Jimmy Fallon, você pode ver que temos Ellen DeGeneres aqui e depois Justin Timberlake, e se eu clicar na página de Justin, eu poderia, você sabe, olhar para algum outro, , marcas pessoais que são muito populares. Então, a primeira coisa que você está fazendo qualquer tipo de trabalho de design é que é bom apenas olhar ao redor, ver o que você gosta, ver o que você não gosta e o que você pode usar em seus próprios projetos. 3. Como usar o Canva para criar um cabeçalho no Twitter: Uma vez que tenhamos Campbell carregado, podemos ir em frente e rolar para baixo e vamos para a seção de cabeçalho de mídia social e e-mail , e aqui você vai encontrar o cabeçalho do Twitter. E uma das grandes coisas sobre Canberra é isso. Ele está constantemente atualizando as resoluções e tamanhos de pixels de qualquer uma dessas plataformas à medida que elas mudam. Então agora, o cabeçalho do Twitter é 1500 pixels por 500 pixels. Bem, se o Twitter mudar amanhã para um tamanho diferente, Campbell entrará aqui automaticamente e atualizará essa força. E essa é uma das coisas legais sobre o uso deste software é que ele está constantemente atualizando essas forças. Nós não temos que ir on-line e fazer qualquer pesquisa ou tentar descobrir quais são as novas resoluções. Nós sempre teremos a resolução mais atualizada, então vá em frente e clique no cabeçalho do Twitter, e quando o fizer, você verá a área de design aberta. E outra coisa legal sobre este software é que ele tem essas sobreposições. Então esta é uma sobreposição de cabeçalho do Twitter, e o que eles fizeram foi colocar em algumas das partes importantes que aparecem em uma página do Twitter , como esta barra de menu superior aqui com alguns ícones e links que você clicaria se você estivesse no Barra de pesquisa da Página do Twitter aqui. E você também pode ver a imagem da imagem do perfil. Então, se clicarmos em um desses modelos, você pode ver que o gráfico gráfico está realmente se estendendo para essas, hum, barras de menu e acima para essas barras de menu. E há realmente as fotos de perfil bem aqui. Então isso nos diz para não colocar nenhuma informação importante aqui neste gráfico porque não queremos que isso seja encoberto. O mesmo para essas barras de menu superior e inferior. Não queremos ter nenhuma informação importante aqui em baixo ou aqui em cima porque eles ficariam encobertos. Então essa é outra grande coisa sobre o uso da câmera é que ela nos dá essas sobreposições para que possamos ter uma noção de como isso realmente vai parecer em sua página no Twitter, e nós podemos projetar adequadamente. Então vamos em frente e escolher um modelo. Eu vou rolar para baixo, e sempre que eu estou escolhendo um modelo, o que eu estou procurando geralmente é a tipografia ou o estilo do modelo. Eu não me importo tanto com as imagens porque eu tipicamente mudo as imagens. Então eu vou olhar por aqui e talvez tentar encontrar alguma coisa. Tem um bom estilo ou ah, boa fonte que está sendo usada. Este é um tipo de gráfico legal com essas imagens horizontais acontecendo aqui. Eu gosto deste 12 Agora este é um pago por um, isso nos custaria dinheiro para usar alguns dos elementos gráficos neste modelo. Vamos em frente e clicar nele. E como podem ver, está usando esta fuga da cidade. Hum, e você também pode ver que ele está usando uma imagem aqui que está realmente tentando arrastá-la o quadro. Na verdade, é um bloco de quatro quadrados, então isso é o que ele está tentando nos cobrar agora com este design. Eu realmente quero baixar isso mais tarde para que possamos ver como fazer isso. Mas eu não quero ter que pagar por isso, hum, e você pode recriar alguns desses elementos que são um pouco mais simples agora. Alguns desses elementos e câmera que você não vai ser capaz de recriar, mas é muito fácil criar este tem alguns quadrados. Então vamos em frente e refazer este elemento e podemos ver como fazer isso. A primeira coisa que eu quero fazer é mudar essa imagem de fundo aqui que está acontecendo, e eu acho que eu poderia, uh, uh, nós recarregamos isso porque eu acho que eu estraguei o quadro lá quando eu movi para trás. Então eu vou ir para os elementos do dedo do pé e então eu vou clicar em fotos livres e talvez, apenas , você sabe, tentar encontrar uma foto que nós usaríamos e talvez uma de nossas imagens. É meio legal. E, você sabe, isso vai ser, hum, para sua marca ou negócio ou seja lá o que for que sua página do Twitter vai ser sobre. Então, você sabe, o, hum, o café e e e tudo mais é bem popular, então isso é meio legal. Agora eu meio que gosto deste filtro que está sendo usado. Mas se você não gosta desse filtro e você quer mudá-lo, basta descer aqui e clicar no botão de filtro e a câmera nos dá um monte de filtros pré-fabricados que podemos usar. Então, se eu clicar em normal, isso não é nenhum filtro aplicado. Posso clicar nesses filtros diferentes e ver alguns tipos diferentes de coisas acontecendo aqui . E tudo o que está fazendo é mudar algumas dessas configurações, como o contraste, o brilho, a intensidade, a tonalidade, a saturação. Então vamos escolher um que gostamos. Vamos com este épico, e se eu clicar em opções avançadas, podemos realmente alterá-las manualmente. Então aqui temos todos esses tipos diferentes de opções que podemos mover e torná-lo mais brilhante, menos brilhante, mais intenso, menos intenso. Maior contraste este processo ex que lhe dá um olhar muito legal, gentil e estilizado, nós não queremos tirá-lo porque ele realmente mudou as cores. Vinheta é como uma borda escura ao redor da imagem, então podemos adicionar isso apenas para trazer que, uh, uh, sua visão direita em direção ao centro. É apenas uma espécie de ronda estes cantos aqui para nós, modo que parece bom. Vamos com isso. E agora quero recriar essas caixas. Então vou deixar o gráfico aqui. Eu vou voltar para elementos clique sobre ele para que ele me leva de volta para o topo. Vamos fechar as fotos grátis e eu vou clicar em formas e então eu vou selecionar o quadrado livre e isso apenas cai lá para fora para mim. E agora quando eu vou fazer é eu vou apenas tentar alinhar isto é o melhor que posso agora se eu quiser. Eu posso clicar nesta seta suspensa e bater transparência, e eu posso realmente derrubar a transparência. Então agora eu posso ver meu quadrado, mas eu também posso ver as formas por trás dele, e isso vai me ajudar a alinhar isso um pouco melhor. Então certifique-se que eu tenho essa forma selecionada Clique em um canto e agora eu posso dimensionar isso e ter certeza de que alinha exatamente onde eu quero que ele seja. Acho que isso é muito bom. Não precisa ser perfeito porque estamos recriando essa imagem, e tudo bem. Então agora vamos em frente e vamos fazer uma cópia disso. Eu só vou movê-lo para cá, e quando eu começar a movê-lo, você vai ver que ele realmente começa a tentar colocá-lo com algumas diretrizes e nós queremos usá-los apenas para ter certeza de que temos tudo agradável e uniforme. E como eu disse, não precisa ser perfeito para a imagem de fundo porque estamos recriando e você não vai saber. Oops. Acidentalmente adicionou uma nova página ou não quer isso. Vamos em frente e copiar. Este vai mover este para cima. Ok, agora está alinhando tudo para nós, como queremos, e eu vou copiar mais uma vez. Ok? E isso deve parecer bom. Vamos em frente e aumentar a transparência agora. Talvez não consiga ver isso. Vamos ampliar aqui. Ok? Continuo recebendo aquela página extra. Desculpe por isso. Tudo bem, vamos mover estes. Parece que tenho um pouco de linha entre eles. Não quero ver nenhuma das linhas. Quero ficar bonita e sólida assim. OK, parece bom. Agora, se eu pegar um desses e movê-lo para trás, ele vai movê-lo de volta para as camadas e eu deveria ser capaz de começar a ver Sim, a imagem. Então há essa imagem e eu só quero clicar nela e então eu poderia bater na pequena lata de lixo e excluí-la. Então agora temos isso removido. Agora, eu posso ir em frente e mover estes para trás até eu ver o texto. Ok? Eu vou continuar batendo até que ele vá embora e depois trazê-lo para a frente uma vez, tudo bem. E agora podemos selecionar o primeiro quadrado e eu posso ir em frente e escolher uma cor e provavelmente querer escolher algo que esteja perto do dedo do pé. O que está sendo usado, , neste terno acontecendo aqui e ver roda de cores. Levou-o lá por um minuto? Provavelmente. Tentando processar. Então eu só tentei escolher cores que são semelhantes ao que está sendo usado nesta imagem. Então vamos fazer os marrons escuros tipo de cor azulada que está nas, uh, as sombras desses seres. Talvez eu possa fazer isso em um deles. Uma espécie de cor azulada que temos lá. Parece que perdi um dos meus quadrados. Eu não vi isso desaparecer, então vamos começar com este. E a boa notícia é que ele se lembrou ou cores, então eu posso facilmente selecionar aqueles. Ok, você pode muito bem mudar este de algo diferente. Talvez um castanho claro. Tudo bem, isso parece bom. Então agora podemos mudar isso. Então, hum, uh, vezes que eles tinham, hum eles estavam realmente usando todas as letras maiúsculas. E isso depende mesmo de você. O que você deseja usar se você quiser usar maiúsculas ou não usar maiúsculas. Isso depende de você sobre o que você quer fazer lá. E talvez eu precise mover estes para cima. Só um cabelo. Hum, eu quero vê-los um pouco melhor, porque eu não estou usando o maiúsculo exceto o 24 7 Vamos apenas imaginar que este é o nosso café, hum, hum, café bistrô onde nós assamos nosso próprio café aqui, E estamos abertos 24 horas por dia, mas também queremos que as pessoas saibam que assamos o nosso café. Temos a melhor qualidade, tudo café moído natural. Então algo assim, hum, e você só quer mexer com isso? Tentou encontrar um bom modelo. Esperemos que isso lhe dê algumas idéias de alguns truques diferentes. Eu não gosto desta cor porque ela não representa nada nesta foto, então eu provavelmente vou entrar aqui e tentar mudar a cor dele um pouco mais. A única coisa que está me destacando que eu não estou realmente cavando, então algo assim pode parecer um pouco melhor. Mas muito rapidamente podemos entrar aqui. Podemos tornar o nosso cabeçalho do Twitter muito facilmente mostrado a você como usar, hum, formas para recriar alguns dos símbolos e gráficos que eles já tinham no template. E assim eu posso ir em frente e recriar isso e não vai me fazer ter que comprar nada. Eu usei todos os elementos livres. Eu também posso trazer minhas próprias imagens. Talvez eu tire fotos da minha própria loja e as traga aqui. Mas você pode facilmente usar um desses modelos para entrar rapidamente aqui e criar um design. Além disso, certifique-se de que você está nos limites dos diferentes elementos dentro do Twitter, como a imagem do perfil e essas barras de menu superior e inferior. 4. Como exportar seu cabeçalho no Twitter: agora que terminamos o cabeçalho do Twitter, vamos fazer o download deste arquivo. A primeira coisa que queremos fazer é ir em frente e renomeá-lo. Então, vamos clicar aqui para renomear o design, e podemos chamar isso de café moído natural. Talvez seja o nome do nosso negócio ou restaurante, e podemos compartilhar isso. Podemos torná-lo público para que outras pessoas na câmera possam vê-lo, e vamos em frente e clicar no botão de download. Agora vou selecionar um arquivo PNG de alta qualidade de imagem. Já que estou colocando isso no Twitter, quero que seja legal, nítido e claro. Quando as pessoas vão para a página, Twitter deve ser capaz de lidar. Ah, arquivo PNG de alta imagem. Se você está preocupado com o carregamento lento na página do seu perfil, você pode ir para o arquivo J. P G, e você provavelmente não notará muita diferença. Mas neste caso, vamos em frente e selecionar o arquivo PNG agora o que vai acontecer é que ele realmente vai nos pedir para fazer uma compra, e a razão para isso é porque eu não tinha certeza quando eu selecionei este modelo anteriormente, mas você precisa pagar pelo próprio modelo. Então aqui podemos ver que eu uso este café sendo em uma imagem de mesa, que era de graça. Eu usei os quadrados sólidos, que também eram livres. Mas quando eu rolar para baixo, você pode ver que há um preço de layout. Então, como esse layout tinha um cifrão por ele, nós precisamos comprar esse layup específico. Agora você pode voltar e re criar um que é um dos layouts gratuitos. Mas a grande coisa sobre a câmera é que esses layouts são em lee um dólar se usar imagens ou apenas um dólar, quaisquer elementos de design gráfico, eles são apenas um dólar, e eles também oferecem essas ofertas especiais onde você pode salvar dinheiro. Se usar a câmera tanto quanto eu faço, você pode realmente entrar e comprar créditos para que você possa economizar algum dinheiro fazendo isso dessa maneira . Mas vamos continuar e pagar um dólar. Já tenho as informações do meu cartão aqui. No momento, ele ficou desfocado para que você não possa vê-lo, mas as informações do meu cartão já estão no sistema. Eu vou fazer essa compra e cobrar o dólar para que você possa ver como isso funciona. Então eu vou ir em frente e clicar em comprar download, e ele vai em frente. Ele vai baixar. Diz que temos 24 horas. Hum, para sua única compra entrar e baixá-lo. Mude isso, , quantas vezes precisar. Então, se você precisa fazer uma edição ou algo não está certo, você pode entrar aqui e editá-lo dessa maneira dentro de um período de 24 horas, que também é muito bom caso cometamos algum erro. Então vá em frente. Saia disso. E então ele foi em frente e colocá-lo na minha pasta de downloads. Então, se eu clicar nessa imagem aqui, ela irá em frente. Oh, coloque-o na resolução de 1500 por 500 pixels e eu posso ir em frente e colocar isso direito na minha conta do Twitter. E a grande coisa é, como eu disse antes, um, você vê as quatro imagens aqui, mas nós sabemos que há sobreposições que há uma barra na extremidade superior na parte inferior e uma foto de perfil e porque nós usado um premade templates não estavam indo para colocar quaisquer elementos de design nas seções que causariam quaisquer problemas com o nosso cabeçalho do Twitter. Então espero que você veja o processo. Você pode experimentar alguns modelos diferentes e definitivamente ir em frente e criar um você mesmo. Ou escolher um. Um novo modelo livre usou este que eu criei. Você também pode baixar uma versão com marca d'água gratuita. Então, se você quiser apenas ver como ele se parece antes de realmente comprar, você pode escolher a opção de marca d'água gratuita e que permitiu baixar com as linhas atravessando ele. E você também pode fazer o upload para sua conta do Twitter e ver como ela está funcionando. Mas vá em frente e faça um upload para este curso porque eu adoraria ver o que você criou. 5. Tarefa : desenhe seu próprio cabeçalho do Twitter: parabéns por completar esta lição. Até agora, vocês devem ter uma forte compreensão de como fazer o material que foi apresentado, e é meu objetivo, como instrutor, ter certeza de que aprenderam e mantiveram as informações que compartilhei. Então, se você tiver alguma dúvida a qualquer momento, sinta-se à vontade para entrar em contato comigo diretamente. Você pode descobrir mais sobre mim no www Dot Jeremy Deegan Dot com. Se você tem uma pergunta geral, eu peço que você faça essa pergunta dentro deste curso, fazendo isso neste curso. Eu posso resolver essa questão, e outros alunos podem ver isso mais tarde na estrada. Isso os ajudará a entender algumas perguntas comuns que surgem à medida que passam por este curso. Agora, se você ainda não fez isso, por favor deixe uma classificação honesta e qualquer feedback que você tem sobre este curso. Isso me ajuda tanto como instrutor a saber o que fazer melhor no futuro, e também ajuda os futuros alunos a ver o que é realmente este curso. Agora, sua tarefa é pegar as informações que você aprendeu e fazer upload da imagem para este curso, carregando sua imagem e compartilhando sua arte com o mundo. Podemos fornecer críticas e qualquer feedback sobre como melhorar sua arte. Também é muito motivador colocar suas obras de arte no mundo e compartilhadas com outras pessoas e vai ajudá-lo a progredir em sua educação e querer compartilhar mais e mais. Então, muito obrigado por me permitir ensinar-lhe algo novo hoje, e estou ansioso para vê-lo na próxima lição.