Como criar banners

Quem sou
Pau Monfort
@paumonfort
Autor e referências

Banner Maker Pro (Windows)

Uma das primeiras solu√ß√Ķes que recomendo que voc√™ tente para criar banners √© chamado Banner Maker Pro: √© um software dispon√≠vel para Windows projetado especificamente para criar banners publicit√°rios e outros elementos gr√°ficos para serem usados ‚Äč‚Äčem sites, blogs, redes sociais, etc. atrav√©s de uma interface muito intuitiva que facilita a sua utiliza√ß√£o. O software √© pago (custa $ 39,99), mas est√° dispon√≠vel em uma vers√£o de teste gratuita (na qual uma marca d'√°gua √© aplicada ao seu trabalho) que permite testar todos os recursos por um per√≠odo de 15 dias.



Para baixar o Banner Maker Pro, acesse o site do programa e clique no botão Baixe a versão de avaliação gratuita do Banner Maker Pro. Quando o download for concluído, abra o arquivo .exe acabou de baixar e siga o wizard para completar sua instalação: clique no botão Sim, então no botão Próximo, verifique o item Aceito o contrato, clique no botão novamente Próximo por quatro vezes consecutivas e depois Instalar e Terminar.

Ap√≥s instalar e iniciar o Banner Maker Pro, clique no bot√£o Inicie o Banner Maker Pro para iniciar a avalia√ß√£o do software. Em seguida, clique no bot√£o Novo e, em seguida, use as guias localizadas na parte superior da janela para personalizar o banner: clique na guia Size escolher o formato e as dimens√Ķes do banner; no quadro Contexto para mudar seu fundo; no quadro Imagens adicionar imagens (voc√™ pode inserir as duas imagens disponibilizadas pelo programa e importar as salvas no PC); nas cartas Texto e Texto + para inserir texto e personalizar sua apar√™ncia e clique na guia Anima√ß√£o para tornar o banner mais atraente adicionando uma anima√ß√£o.



Assim que estiver satisfeito com o resultado, clique no item Salvar do menu Envie o e exporte o trabalho em um dos formatos dispon√≠veis (por exemplo, GIF, PNG, JPG, etc.). Voc√™ viu como foi f√°cil usar o Banner Maker Pro?

GIMP (Windows / macOS / Linux)

A solu√ß√£o que indiquei no par√°grafo anterior n√£o o satisfez? Nesse caso, eu recomendo que voc√™ experimente GIMP, um programa de processamento de imagens gratuito e de c√≥digo aberto muito popular, considerado a melhor alternativa gratuita ao caro Photoshop. Ele oferece uma ampla variedade de ferramentas que certamente ser√£o √ļteis para a cria√ß√£o de banners personalizados.

Para baixar o GIMP para o seu computador, clique aqui para se conectar ao site do programa, clique no bot√£o Baixar xxxx e ent√£o no bot√£o Baixe o GIMP xxxx diretamente, que est√° localizado √† direita da p√°gina, sob o t√≠tulo GIMP para [nome do sistema operacional do seu PC].

Quando o download estiver conclu√≠do, abra o arquivo que voc√™ acabou de baixar do site do GIMP e siga o procedimento de instala√ß√£o simples que √© mostrado na tela: se voc√™ estiver usando um PC Windows, clique no bot√£o Sim e, em seguida, OKInstalar e final.

Se voc√™ usar um Macem vez disso, arraste o √≠cone do GIMP para a pasta Aplica√ß√Ķes macOS, clique com o bot√£o direito do mouse no √≠cone do programa e, no menu que aparece, selecione o item Apri (voc√™ precisa executar este procedimento apenas ao iniciar o GIMP pela primeira vez, para "contornar" as restri√ß√Ķes aplicadas pela Apple ao software de desenvolvedores n√£o certificados).


Depois de instalar e iniciar o GIMP, clique na entrada Novo ... do menu Envie o, especifique o tamanho do banner que deseja criar e clique no bot√£o OK. Como alternativa, use um dos modelos de banner fornecidos pelo GIMP: abra o menu suspenso Modelos (sempre localizado na janela Crie uma nova imagem), selecione um dos modelos dispon√≠veis (por exemplo, Web banner comum 468 √ó 60, Banner da web enorme 728 √ó 90, etc.) e clique no bot√£o OK.


Ap√≥s definir as dimens√Ķes do banner, use as ferramentas da barra de ferramentas localizadas √† esquerda para personaliz√°-lo: em seguida, use-o Ferramenta de texto para adicionar o texto que deseja exibir em seu banner; use o Ferramenta de cor para mudar sua cor de fundo; use-o Ferramenta l√°pis para fazer um desenho ou letras √† m√£o e assim por diante.

Se você quiser adicionar uma imagem ao banner, arraste-a para a janela principal do GIMP e redimensione-a usando o ferramenta scala: você deve primeiro selecionar o nível relacionado à imagem que acabou de adicionar ao projeto e, em seguida, recuperá-lo Ferramenta de escala na barra de ferramentas, mude o tamanho da imagem selecionada na caixa que aparece na tela e clique no botão Scala.

Assim que estiver satisfeito com o resultado, exporte a imagem que acabou de criar clicando no item Exportar como ... do menu Envie o e selecione o formato de sua prefer√™ncia (por exemplo, PNG) Se est√° interessado em criar banners animados com o GIMP, saiba que isso √© poss√≠vel gra√ßas √† fun√ß√£o de cria√ß√£o de imagens animadas integrada no programa. Se quiser se aprofundar um pouco mais no assunto, convido voc√™ a ler o tutorial em que explico detalhadamente como animar imagens com o GIMP: l√° voc√™ encontrar√° todas as informa√ß√Ķes de que precisa para prosseguir.


Bannersketch (online)

Gostaria de criar banners diretamente do navegador, sem instalar nenhum programa no seu PC? Nesse caso, voc√™ pode entrar em contato com servi√ßos online que permitem a realiza√ß√£o desse tipo de trabalho, como bannersketch, que √© muito f√°cil de usar e, al√©m disso, √© totalmente gratuito.

Para utiliz√°-lo, conectado √† sua p√°gina inicial, selecione o formato do seu banner entre os propostos e, na janela que se abrir, clique no bot√£o OK. Agora que voc√™ escolheu o tipo de banner que deseja criar, prossiga para personaliz√°-lo: mude a cor de fundo usando os itens Cor superior e Fundo colorido e selecione as cores de sua prefer√™ncia nas caixas que aparecem na tela. Alternativamente, voc√™ pode enviar sua pr√≥pria imagem e us√°-la como plano de fundo do banner clicando no bot√£o Use um plano de fundo personalizado.


Ap√≥s alterar o fundo, clique na guia Molduras e texto presente na parte superior e digite o texto que deseja que apare√ßa no banner: substitua a frase -IMPORTANTE- VOC√ä PODE EDITAR / REMOVER ESTAS LINHAS DE TEXTO (relacionado a Linha 1) com seu texto personalizado. Em seguida, clique no √≠cone A √† esquerda para selecionar a fonte a ser usada e mover o cursor localizado pr√≥ximo ao A √† direita para escolher o tamanho da fonte. Se desejar inserir outras escritas, repita o mesmo procedimento para o Linha 2 e Linha 3.

Neste ponto, clique na guia Fronteira e, na p√°gina que se abre, selecione a borda que deseja inserir no banner, selecionando sua cor e tamanho usando as fun√ß√Ķes Gr√°ficoLargura da borda.

Assim que terminar o seu trabalho, basta obter o código para inseri-lo diretamente no seu site. Em seguida, abra a guia Gerar, preencha todos os campos vazios da página exibida com os dados requeridos e, para finalizar, clique no botão Gerar e enviar meu banner. Você receberá o código embed por e-mail - mais fácil do que isso ?!

Banner Snack (Online)

Outro servi√ßo online que pode ser √ļtil para voc√™ criar banners √© Bannersnack, que oferece uma ampla escolha de modelos predefinidos (para registro, mais de 1.000) e d√° a possibilidade de export√°-los nos formatos JPG, PNG e GIF. Outra caracter√≠stica interessante do Bannersnack √© a capacidade de incorporar banners criados em seu site e monitorar suas estat√≠sticas.

Antes de explicar como funciona este servi√ßo, gostaria de dizer que a vers√£o gratuita tem algumas limita√ß√Ķes: voc√™ pode criar at√© 10 banners gratuitamente que s√£o marcados com uma marca d'√°gua. Para quebrar esses limites, √© necess√°rio assinar a assinatura Premium, que come√ßa em US $ 7 por m√™s. Para obter mais informa√ß√Ķes sobre os planos de assinatura dispon√≠veis, consulte a p√°gina dedicada no site do Bannersnack.

Para criar banners com Bannersnack, conectado primeiro √† p√°gina inicial do servi√ßo, clique no bot√£o assinatura gr√°tis localizado no canto superior direito e crie sua conta gratuita atrav√©s do seu endere√ßo o email, sua conta Facebook ou sua conta Google, clicando nos bot√Ķes correspondentes. Uma vez logado, preencha o pequeno question√°rio que voc√™ v√™ na tela indicando se voc√™ √© um Gr√°fico, tem feirante, tem empres√°rio, Um revelador o nenhum desses.

Na p√°gina que se abre, clique no bot√£o Fa√ßa um Banner localizado sob a op√ß√£o Banner √ļnico (a op√ß√£o "Conjunto de banners" est√° dispon√≠vel apenas para usu√°rios inscritos) e selecione o tipo de banner que deseja criar a partir dos propostos nas guias Mais popularTela Display e Redes sociais (Eg. Ret√Ęngulo grande, se voc√™ quiser fazer um banner de 336 x 280;  Capa do canal do YouTube, para criar um banner otimizado para um canal do YouTube, etc.). Se voc√™ deseja criar banners com tamanho personalizado, clique na op√ß√£o Tamanho personalizado e insira as medidas nos campos Largura e Altura.

Depois de selecionar o tipo de banner que deseja criar, voc√™ ter√° acesso ao editor Bannersnack. Prossiga, portanto, para a pr√≥pria cria√ß√£o do banner clicando em um dos bot√Ķes da barra de ferramentas localizada √† esquerda:  Modelo, para aplicar um layout predefinido; Contexto, para definir a cor de fundo do banner; Adicione texto, para inserir textos e escritos personalizados; bot√£o Adicionar, para adicionar bot√Ķes vinculados a uma a√ß√£o espec√≠fica que √© executada quando o usu√°rio clica e assim por diante.

Usando a barra lateral √† direita, no entanto, voc√™ pode atuar nos n√≠veis de seu trabalho e adicionar slides para animar o banner. Assim que terminar seu trabalho, clique no bot√£o (‚Ė∂ Ôłé) para ver uma pr√©via e, se ficar satisfeito com o resultado final, salve o banner que acabou de criar clicando no bot√£o verde Salvar.

Na caixa que se abre, digite o nome do banner no campo de texto Nome do banner; insira a URL que deve ser aberta ao clicar no banner no campo de texto URL do banner e clique na entrada Definir borda e qualidade para definir as bordas do banner e a qualidade da imagem. Para finalizar clique no bot√£o mais uma vez Salvar e pronto.

Para baixar o banner que voc√™ criou, clique no item Meus banners (localizado na parte superior), mantenha o cursor do mouse na visualiza√ß√£o do banner, clique no s√≠mbolo de freccia apontando para baixo e escolhendo um dos formatos dispon√≠veis para exporta√ß√£o (PNG, JPG o GIF) Para incorporar o banner diretamente em seu site sem baix√°-lo, em vez disso, clique no s√≠mbolo (...), selecione o item Embutir no menu que se abre, copie o c√≥digo clicando no bot√£o C√≥pia C√≥digo de incorpora√ß√£o e cole-o na se√ß√£o do site onde deseja que ele apare√ßa.

Outras solu√ß√Ķes √ļteis para criar banners

As solu√ß√Ķes que propus nos par√°grafos anteriores n√£o o satisfizeram tanto? N√£o desanime e d√™ uma olhada nos servi√ßos listados abaixo. Tenho certeza que voc√™ encontrar√° algu√©m que pode fazer por voc√™.

  • canva (Online / Android / iOS) - √© uma plataforma muito conhecida para a cria√ß√£o de projetos gr√°ficos de v√°rios tipos que podem ser usados ‚Äč‚Äčap√≥s registro gratuito. Oferece toneladas de modelos e gr√°ficos, muitos dos quais s√£o gratuitos.
  • BannerFans (Online) - √© um servi√ßo da Web gratuito que permite criar banners personaliz√°veis ‚Äč‚Äčadicionando texto, imagens, efeitos gr√°ficos, bordas e assim por diante. Seus trabalhos podem ser exportados em v√°rios formatos (PNG, JPG ou GIF), sem aplica√ß√£o de watermak e o servi√ßo permite obter o c√≥digo com o qual inserir o banner diretamente em seu site.
  • Gerador de banner (Online) - este √© um servi√ßo online gratuito que oferece muitos modelos para come√ßar a criar banners personalizados e permite a exporta√ß√£o nos formatos JPG, PNG ou SVG.
  • Creabanner (Online) - este servi√ßo online pode ser utilizado sem registo e permite-lhe criar banners personalizados com apenas alguns cliques. As obras criadas podem ser exportadas em forma de imagem e / ou importadas para o seu site, copiando e colando o c√≥digo gerado pelo pr√≥prio servi√ßo. O Creabanner pode ser usado gratuitamente, mas para retirar a marca d'√°gua aplicada √†s suas obras ter√° que fazer um donativo de 3 euros.
Como criar banners

√Āudio v√≠deo Como criar banners
Adicione um coment√°rio do Como criar banners
Comentário enviado com sucesso! Vamos analisá-lo nas próximas horas.