Como criar banners gratuitos para usar em meu layout?
Passo a passo de como criar um banner do zero para sua loja, utilizando uma ferramenta externa.
Última atualização: 28/05/2021
Neste tutorial vamos ensinar como criar banners totalmente gratuitos para o seu e-commerce. Esse recurso é ideal para quem está no começo do seu projeto e ainda não pode investir em um profissional de Design gráfico.
Antes de começar, será preciso criar uma conta no site Canva.com, que é uma ferramenta super intuitiva, fácil de mexer, com muita qualidade nos banners, diferentes tamanhos e modelos.
Vamos lá então!
1. Acesse sua conta do Canva.com e clique em na opção "Criar um design", no canto superior direito, ao lado do botão "Configurações da Conta".
2. Agora, clique em "dimensões personalizadas".
3. Em seguida, coloque o tamanho do banner que quer criar. Lembrando que o tamanho poderá mudar de acordo com o Layout que estiver usando, você consegue ver essas medidas dentro do seu Administrador Nuvem, conforme exemplo:
E Para saber mais quais as medidas dos banners, basta acessar o nosso tutorial 👉 Quais os tamanhos recomendados para os banners?.
Nos campos, coloque as medidas que encontrou no seu Administrador Nuvem e clique em "Criar design".
4. Na página seguinte, você encontrar uma imagem em branco para começar a trabalhar.
Nesse campo, recomendamos que coloque uma imagem que represente sua loja ou o produto que quer divulgar.
Imagem do seu computador
Para isso, clique em "Uploads" e depois em "Faça Upload de uma imagem ou Vídeo", procure o arquivo dentro do seu computador e depois clique em "Abrir".
Buscar imagem dentro do Canva
Você também pode procurar por imagens dentro do acervo do próprio Canva.com; só vale lembrar que existem gratuitas e outras pagas. No caso de busca por imagens, você poderá usar palavras-chave em português e inglês, no entanto, recomendamos que use em inglês, já que a ferramenta é americana.
5. Imagem escolhida, clique em cima dela para que ela abra dentro da tela em branco.
Você pode redimensioná-la clicando nos pontinhos pretos em volta da imagem.
6. Assim que arrumar a imagem da forma que quiser, é hora de inserir um título nesse banner, deixando-o mais atrativos. Para isso, clique em "Texto" na barra lateral esquerda.
Você pode escolher a fonte que quiser; mas nesse caso escolhemos a "Raleway Heavy" e optamos pelo tamanho de 36 px.
7. Agora vamos agregar um subtítulo na imagem repetindo o passo acima, porém alterando o tipo de fonte e o tamanho da imagem.
Neste utilizamos a fonte "Raleway Thing" e o tamanho de 24px.
8. Agora vamos criar o botão de "chamada de ação", mais conhecido como Call To Action (CTA); que incentivará o seu cliente a clicar no banner.
Para isso, clique em Elementos > Formas no menu esquerdo, e clique na segunda forma, o quadrado.
Assim que clicar, ele será mostrado em cima da imagem na qual estava trabalhando. Aí é só "moldar" na forma que quiser, neste exemplo, transformamos o quadrado em um retângulo nos guiando através das bolinhas pretas para deixar no formato desejado.
Esse modelo de botão, para se tornar atrativos e chamar "o clique" do cliente, ele precisa se destacar, então escolhemos a cor vermelha. Para alterar a cor, basta clicar no quadradinho que aparece no canto esquerdo da tela de edição da imagem.
Uma vez que o botão esteja criado e com a cor selecionada, é hora de colocar o texto que convide seu cliente a clicar no botão. No exemplo colocamos o texto "Confira as Ofertas".
9. Como opcional, pode colocar outros elementos para deixar o banner mais estruturado. Neste exemplo optamos por destacar o título do banner e por isso inserimos linhas que o destacam mais ainda. Para isso é só clicar em Elementos > Linhas.
Veja como fica:
10. O banner já está pronto, só falta adicionar o nome dele e salvá-lo em seu computador. Para adicionar nome, clique no campo Adicionar um título, ele fica ao lado do botão "Experimente Canva Pro", no topo da página.
E para baixar o arquivo é só clicar em "Baixar" e escolher o formato recomendado PNG.
Irá abrir uma janela indicando o processo de download do arquivo.
Agora sim o banner está pronto e salvo em seu computador, geralmente eles são salvos na pasta Downloads.
Agora é só subi-lo em sua loja, para isso pode acessar o tutorial 👉Quais tipos de banners posso ter em minha loja? e seguir o passo a passo.