Como Fazer Banner para Site no Canva [Grátis e Profissional]

IMG_9717

Micaela Soares

Fundadora

Banner Canva para site
Neste artigo

    Aprenda neste tutorial Canva, Como criar um Banner profissional para Site ou Loja virtual pelo Canva [Grátis]. Eu mostro como usar o Canva para criar a arte de um banner para ser usado em um site, seja o website criado com WordPress, Elementor, WooCommerce, Shopify, Loja Integrada, NuvemShop ou qualquer outra plataforma de criação de sites/ecommerce. Fazer um Banner para Site no Canva é muito tranquilo.

    Pois se trata de uma ferramenta de criação de artes bastante intuitiva e de boa usabilidade, somado a isto, o Canva ainda traz muitas artes já prontas e editáveis, muitos elementos, textos, formas e ícones editáveis.

    Os Web Designers e empreendedores que criam sites profissionais precisam criar Banners para colocar nos sites desenvolvidos. Para criar Banners há diversas ferramentas de edição de imagens, como o Adobe Photoshop e o Canva. O Próprio Elementor Website Builder que é um construtor de páginas para o WordPress, possui recursos e funções para aplicar filtros em imagens e assim usá-las de Banners.

    Neste vídeo eu ensino como criar um banner profissional e personalizado com o Canva na versão Grátis e Premium. Ensino como colocar cor de fundo, adicionar textos personalizados, formas, elementos, remover fundo de imagem e muito mais.

    Criar o modelo com tamanho personalizado para Banner no Canva

    Para criar um Banner para site, que não fique com a qualidade ruim, é preciso saber a dimensões apropriadas para criar o Banner, isto é, a largura e a altura. A largura precisa ser 1920px, já a altura é livre, fica a critério do desenvolvedor de sites. Eu costumo usar 600px de altura nos banners que crio para sites. O Canva não tem um modelo específico para Banners de Sites/Lojas Virtuais, então é preciso criar um modelo personalizado e inserir os valores de tamanho manualmente.

    Como usar artes e Elementos prontas do Canva para criar Banners

    O Canva tem baste artes/imagens prontas para serem usadas e editadas que se adaptam às dimensões do seu banner, tem também vários Elementos e ícones. Muitos destes recursos são pagos, mas muito outros são gratuitos.

    Como adicionar imagem no Canva

    Adicionar uma imagem do seu computador/celular que você baixou na internet ou tirou a foto, é bastante tranquilo, não importa se o fundo da imagem é colorido ou transparente, se a imagem está em formato png, jpg o outro. Você consegue sim trabalhar com imagens próprias no Canva.

    Criando o Banner do Zero no Canva

    O canva tem tudo que é preciso para criar artes e Banners do absoluto zero também. Possui ferramentas incríveis de edição de imagens, textos, cores, alinhamentos, entre outros.

    Como Fazer Letras vazadas no Canva

    Fazer letras vazadas no canva é muito simples e legal. Com um clique o Texto fica vazado. Este recurso traz leveza para o design da arte Banner.

    Remover fundo de imagem no Canva

    O Recurso de Tirar Fundo de Imagem no Canva é pago. Ou seja, para conseguir remover fundo de imagens pelo canva, é preciso ser assinante Premium da ferramenta. Mas calma! Há sites gratuitos que também deixam imagens com o fundo transparente.

    Remover fundo de imagem online grátis.

    Para quem tem o Canva Grátis e precisa tirar fundo de imagem, há sites gratuitos e bastante poderosos para deixar as imagens com fundo transparente. Neste exemplo eu mostrei com o Adobe Spark, que é Ferramenta gratuita para remover o fundo de imagens. Também gosto bastante do site remove.bg. Este dois sites utilizam inteligência artificial para remover fundo de imagens.

    Criando forma de imagem – Elementos Canva

    Mostro como criar uma Forma Personalizada a partir de elementos e texto do Canva e com o ícone baixado gratuitamente do site Flaticon.

    Adicionando e estilizando um título com o Canva

    Criar títulos com o Canva é bastante simples. A ferramenta dispõe de diversas fontes, além de permitir trocar a cor, aumentar o tamanho da fonte, colocar e reduzir espaçamento, fazer alinhamentos e muito mais.

    Adicionado um Botão (em imagem) com o Canva

    Para criar um Botão com o Canva pode ser através de duas formas, com elementos do canva ou através de um botão em formato de imagem. Nesse meu banner eu opção por um botão que é uma imagem baixada do site freepik.

    Foto de Micaela Soares

    Micaela Soares

    Eu sou a Micaela Soares, criadora do Descomplicando Sites. Aqui, eu ensino de forma prática e direta como criar sites profissionais usando WordPress e Elementor, mesmo que você esteja começando do zero. Ao longo da minha trajetória, transformei o que aprendi no mercado em um método simples de aplicar, focado não só em design, mas em criar sites que passam credibilidade, atraem clientes e geram resultado de verdade. Hoje, compartilho conteúdos no YouTube e aqui no blog, além de desenvolver templates e materiais que facilitam o dia a dia de quem quer trabalhar com criação de sites ou melhorar a presença online do próprio negócio.
    Foto de Micaela Soares

    Micaela Soares

    Eu sou a Micaela Soares, criadora do Descomplicando Sites. Aqui, eu ensino de forma prática e direta como criar sites profissionais usando WordPress e Elementor, mesmo que você esteja começando do zero. Ao longo da minha trajetória, transformei o que aprendi no mercado em um método simples de aplicar, focado não só em design, mas em criar sites que passam credibilidade, atraem clientes e geram resultado de verdade. Hoje, compartilho conteúdos no YouTube e aqui no blog, além de desenvolver templates e materiais que facilitam o dia a dia de quem quer trabalhar com criação de sites ou melhorar a presença online do próprio negócio.
    🎨 Parceiro oficial

    Crie sites profissionais sem código com Elementor Pro

    O construtor visual mais completo do WordPress, com mais de 100 widgets exclusivos.

    Testar agora →
    ⚡ Parceiro oficial

    Hospedagem rápida e barata para seu WordPress

    Use o cupom DESCOMPLICANDOSITES e economize até 85% na Hostinger.

    Ver oferta →

    Deixe um comentário

    O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

    Continue aprendendo