Como criar um banner de Web personalizado usando o Canva | Greg Jeffries | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Como criar um banner de Web personalizado usando o Canva

teacher avatar Greg Jeffries, Designer • Entrepreneur • Internet Marketer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

2 aulas (14 min)
    • 1. Apresentação

      1:06
    • 2. Tutorial de Banner Canva

      13:06
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

112

Estudantes

--

Sobre este curso

Neste curso curto, vou mostrar como criar um design de banner web simples a partir de um design que eu gosto. Vou caminhar passo a passo exatamente como I o banner que gostei em apenas alguns minutos usando o Canva, um software de design online gratuito e como você pode fazer o mesmo.

Conheça seu professor

Teacher Profile Image

Greg Jeffries

Designer • Entrepreneur • Internet Marketer

Professor

I'm passionate about online marketing and teaching others different strategies for creating simple, scalable, and sustainable income steams.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Apresentação: Aqui é Henry Jeffreys. E neste curso curto, eu vou orientá-los passo a passo e mostrar-lhe como replicar um design de banner uma Web banners assinar lá fora que você pode querer copiar ou imitar. Oh, duplicar em um simples software de design baseado na Web chamado Can. Mas se você tem uma câmera ponto com, você pode verificá-lo gratuitamente e basicamente não pode um grande para fazer a maioria das coisas que loja de fotos permite que você faça isso. 99% das pessoas que usam uma loja de fotos que não são como você sabe fazendo projetadas para viver estão usando para basicamente fazer desenhos para banners e, , você sabe, capas do Kindle e coisas assim para que você possa fazer tudo esses diferentes tipos de projetos e na verdade, tem um modelo-lo para fora. Você apenas gosta do modelo que você quer ir lá criar, você sabe, tem um Leeds, elementos diferentes e fundo de texto. Você pode fazer upload de seus próprios projetos personalizados, bem levou grande personalizado projetado. Então, no curto curso, eu vou estar mostrando a vocês como duplicar este design melhor aqui e como eu fui sobre a criação e apenas alguns minutos em pode votar de graça. Então, estou ansioso para vê-lo na próxima palestra. 2. Tutorial de Banner Canva: neste vídeo, vou mostrar a vocês como recriar um anúncio de banner para torná-lo seu próprio. Então, se você encontrar um encontrar um anúncio de banner que você gosta e você quer recriá-lo, você gosta das cores que você gosta de seu estilo de diversão. Você gosta de algumas das imagens e você quer recriá-lo para si mesmo. Vou mostrar-lhe como fazer isso com uma ferramenta gratuita e simples de design baseada na Web chamada Canda . Então esta é a imagem que eu vou duplicar aqui e meio que imitar. E este é o produto final aqui. Esta é a imagem que eu escolhi para duplicar, e isso é o que eu inventei. Então é 99% a mesma imagem aqui. Vou mostrar-vos como é que isso dentro do campus para poder usar uma ferramenta gratuita. Você poderia ir para câmera ponto com e verificar lá fora para contas gratuitas pode Like Photoshopped , ele tem algumas opções pagas em, uh, coisas que você pode pagar com, como, texto e elementos diferentes. Mas 99% é grátis. Então, para a maioria dos seus propósitos de design. Você pode fazer tudo o que quiser com isso. Você sabe, 99% das pessoas que usam fotos para você podem fazer isso com câmera de graça. Então vai te mostrar como eu criei isso? Então, primeiro, eu acho que você pode criar um design. Mas já tenho isto aberto. Isso deve abrir esta aba aqui. Esta tela aqui. Então eu rolou aqui para baixo também fora os dois anúncios de baixo. E é basicamente ele vem com todos esses modelos. Então ele já sabe, Você sabe, as dimensões mais populares de diferentes tipos de imagens. Então, essas imagens da web de ar. Então eu só vim aqui abaixo abaixo de 300 pixels por 250. Acho que isto é, na verdade, 320 por 200. É umtamanho estranho, estranho, tamanho estranho, estranho, mas parece que cerca de 300 por 250 eu acho que eles apenas erram as dimensões da imagem. Então eu clico nisso e então aqui está a sua tela aqui. E então o que eu fiz primeiro foi criar alguns retângulos para criar essas formas de fundo aqui. Então eu vim aqui sob elementos. Todos os pequenos elementos diferentes estão na guia Elementos aqui. E então eu vim aqui sob a folha e cliquei para o quadrado e apenas comecei. Você pode ter seu zoom in, zoom out aqui, diz, zoom out um pouco e apenas começou a arrastar um retângulo para cá. E então eu tenho uma barra de ferramentas livre plug in para cromo chamado Color Zilla que me permite capturar uma determinada cor na tela. Então, se eu quiser saber o que com cor azul, esta é ou esta cor laranja aqui, eu poderia apenas vir aparecer para colorir zilla e clicar nele clique escolha cor da página, e eles escolheram aqui clicou nessa cor, copiou para a área de transferência, em seguida, um Kim aqui e clicou, uh, uh, colorida zilla seletor de cores e, em seguida, apenas copiou isso. E então eu vim aqui, Teoh. Mas eu estou selecionado o retângulo clique aqui e as cores do documento. Estes ar algumas cores padrão. Se você clicar no lado positivo, ele vai trazer esta pequena caixa onde você pode entrar em uma cópia e colar essa cor personalizada lá e apenas copiar isso lá e boom, nós temos essa cor. Então eu vou fazer a mesma coisa para este retângulo inferior. Aqui, podemos criar uma nova caixa ou vir aparecer para copiar e copiar essa caixa e apenas arrastar isso aqui abaixo. Só vou copiar isso, e depois vou até aqui. A tela de novo. Copie esta cor laranja. É cor. Escolha a cor da página. Copie essa cor. Volte aqui. Copie a capa que acabamos de selecionar. Altere o clique de cor. Adicionar e equipar o sinal de mais novamente. Pace essa cor, então. E boom. Eu tenho a cor inferior do design. Em seguida, irá adicionar estas formas de círculo aqui com as imagens. Então eu vou apenas adicionar as várias formas. Eles têm algumas opções diferentes aqui. Se você realmente quer isso, se você realmente quer esta fronteira por aqui, mas você pode fazer é criar. Você pode adicionar dois círculos diferentes e ter um deles branco e o outro pode ter uma cor diferentese você quiser fazer isso. dois círculos diferentes e ter um deles branco e o outro pode ter uma cor diferente Mas só por causa desta demonstração para acelerar as coisas, vou seguir este círculo. Esse tipo de parece o mesmo, mas é apenas uma cor, então eu vou ajustar isso para baixo e fazer isso branco e, em seguida, copiar isso, eu só vou copiar isso duas vezes. E então, se clicarmos em torno, ele tem alguns que encaixam no lugar quando encontra o centro. Então esse seria o círculo central. E então para fazer tudo isso, você sabe, colocar isso na mesma, colocar esses triplos na mesma linha, eu vou encaixá-los juntos. E então se ele clicar na imagem e eu quero Max, se usado as teclas de seta vão passar por cima apenas um pouquinho. Ou se você usar o turno e as setas não passar um pouco mais. Então eu só vou usar Shift e as teclas de seta e nós vamos colocá-los lá e então eu vou criar este, uh, uh, o botão aqui em baixo que diz baixo carga aqui. Agora, eu realmente não sei como criar um ingrediente, mas, mas, você sabe, parece ser a tendência de design hoje em dia para tudo. Tudo está voltando para resolvê-lo. Projetos de código com iPhone, APS e até mesmo banner nos projetam, então eu vou deixar isso de fora. Há uma maneira de fazer isso, tenho certeza. E se tudo o resto falhar, você concretamente carrega sua própria imagem em uma tela e arrasta isso como um fundo para usar fundo, radiante para usar. Mas para este botão, uma vez que tem bordas arredondadas, Eu vou ir com esta imagem quadrada que tem bordas arredondadas em vez do quadrado reto aqui. Vou só isto para baixo e que a justiça para baixo um pouco mais, e esse vai ser o nosso botão. E a mesma coisa com a cor. Vamos apenas comparar com o seletor de cores. Clique que amarelo volte aqui. Não é bem o amarelo que eu quero. Então vamos tentar de novo. Oh, eu vejo. E copie isso. E se não são coisas dessa cor, poderíamos usar amarelo. Acho que é quando estou pairando por lá. Ele está ficando que pairado sobre amarelo, então vamos apenas ir com o amarelo padrão para isso. É bem parecida. E então vamos criar aquele círculo Aero lá para isso. Só precisamos arrastar isso até aqui, torná-lo branco, e então acho que foi realmente lido. Sim, pão. E então, hum, há um par de flechas que eu encontrei. Se você digitar a seta, há um casal que está lá dentro. Se você não encontrar um que você gosta, você sabe que pode escolher como este. Vire isso ao redor. E você sabe que isso não é isso é apenas a ponta de uma seta, mas para tipo de cometer esse erro que vemos, podemos começar com isso e então voltar aqui para moldar e selecionar o quadrado, o caule da seta. Mas isso aqui meio que tem tudo alinhado. E então nós vamos fazer isso branco e zoom em um pouco para que nós pudéssemos colocar tudo alinhado em fazer este cara branco que todo alinhado. E nós poderíamos selecionar os dois dias selecionando um turno de clique, selecionando o outro. E então poderíamos usar as setas para movê-lo um pouco para baixo. Posso presumir? E essa é a nossa flecha. E então para o download aqui, venha aqui para enviar SMS. Eu só selecionei você selecionar um desses títulos vai mudar os cinco, e eu vou clicar em, uh, baixar aqui e então nós vamos encontrar uma fazenda para isso. Eu vou continuar com isso. L Ron Aileron pesado. Torná-lo ousado. Veja como isso parece. E então, para o tamanho final, vamos apenas tirar isso um pouco, talvez 14. Só isso, então esse é o nosso download aqui. Tenho-o alinhado verticalmente. E então para o texto do, uh em cima, eu apenas digitei em M. Então eles vão usar o mesmo lutou ele só vem, Campbell. Ele vem com um punhado de fontes. Então você tem que encontrar alguma coisa. É perto do que você está procurando é possível. Então ele vai digitar esse fim legalmente. Ainda assim, eu tenho isso em, uh, Caps Lock, uh, caso você esteja se perguntando, então eu faço isso um pouco maior, e eu tenho um anúncio branco. Copie isto. Billy se aproxima do topo e depois copie-o novamente. Funis de vendas, exclamação. Eles estão alinhados com isso. Podemos alinhar este, fazer um pouco maior e depois mudar a cor dele. Suba aqui. Copie a cor e, em seguida, coloque-a no documento. Cores coladas em seu boom. Temos que mudar de cor a cor deste boom. E então talvez possamos fazer este um pouco maior. E, uh, isso é basicamente a mesma imagem. A única coisa que deixamos de fora é os ícones reais, mas você pode simplesmente deslizar os passos de cópia, arrastar e soltar aqueles em um como um programa de pintura, que são programa de imagem livre, que deve estar disponível no Mac e PC. Se você quiser essa imagem exata ou se você quiser criar, você tem sua própria imagem personalizada lá. Mas 99% disso realmente levou criar exatamente em Canberra. Tens as mesmas cores, sabes, e podes guardar isto para mais tarde. Você pode dizer isso, e quando você voltar para o seu quando você entrar na câmera do painel, ele terá seus projetos seguros. E então só para exportar isso o que você está feliz com ele. Você pode clicar, baixar e baixado como um porco G ou P e G. Então é assim que é como rapidamente e facilmente fazer seus próprios banners. Projeta dentro de Campbell com apenas alguns minutos. Se você se deparar com uma web de design banner, melhor projetado que você deseja usar para o seu próprio, use seus próprios propósitos do que é o quão rápido e fácil é. O Teoh fez isso, só levei alguns minutos para fazer isso. Então, se você tem banners que você está criando para si mesmo para os outros, eu rapidamente e facilmente faço isso para você ou para os outros. Se você quiser oferecer este é um serviço e pode votar torna muito mais simples. E é, você sabe, postar em vez de loja de fotos. É completamente gratuito então altamente encorajá-lo a verificar Can va site para uma conta gratuita para que você possa começar a projetar coisas para seus projetos baseados na Web hoje?