We have a new web app: Creatopy! And your Bannersnack account is safe and sound. Log in to Bannersnack.

Criador de banner HTML5 Grátis Online

Experimente gratuitamente a nossa ferramenta de animação HTML5 e crie anúncios de banner animados bonitos e suaves em poucos minutos. Comece com mais de 1000 modelos de banner HTML5 prontos ou crie seus próprios designs.

predefinições de design

Milhares de modelos de banner animados criados por designers profissionais

Explore alguns dos nossos exemplos de banners animados na galeria abaixo

All in one Animated Banner Maker

Take advantage of these features to save time and money when building your own animations.

feature-svg
One click animations

When you want to get things done fast, use the Magic Animator to animate your design in just one click. It’s that easy.

feature-svg
Advanced customization

You can add how much movement you want to your animation by using middle transitions, or adjust the duration on the timeline.

feature-svg
Banner generator

Aside from creating multiple design sizes at once, you can apply the same animation to your design set in just one click.

design passo a passo

Como fazer banners animados que se destacam

  • 1

    Escolha um tamanho

    O banner animado perfeito começa com o tamanho certo para sua campanha publicitária. Você pode escolher um de nossos tamanhos predefinidos ou criar seu próprio tamanho personalizado e começar a partir daí.

  • 2

    Comece a criar

    Agora você tem duas opções: começar do zero ou usar um modelo. Em nosso editor HTML5, você pode encontrar milhares de modelos que podem ajudá-lo a criar anúncios animados profissionais e reduzir o tempo de criação pela metade. A interface é extremamente intuitiva, então você pode criar facilmente banners animados a partir de uma tela em branco.

  • 3

    Personalize seu banner

    Você pode personalizar cada elemento do seu design para criar um banner HTML personalizado. Adicione fontes, imagens, vídeos, formas, um botão de CTA ou altere as cores para transformá-lo em um visual que corresponda à identidade de sua marca. Vá ainda mais longe, carregando elementos do seu computador e tornando o banner consistente com os outros materiais visuais que você já possui.

  • 4

    Anime o banner

    Agora é hora de adicionar movimento ao seu design. Anúncios animados são mais envolventes do que os estáticos, então você deseja tirar proveito disso. Na Creatopy, você tem acesso a animações HTML5 suaves que não requerem nenhum código e habilidades técnicas. Além do mais, você pode animar qualquer banner com apenas alguns cliques. Quer apimentar as coisas para a rede social? Adicione mais movimento a qualquer camada com animações de meio.

  • 5

    Baixe ou incorpore

    Quando estiver satisfeito com o resultado do banner animado, ele estará pronto para ser usado em todas as principais redes de anúncios. Você pode baixar em qualquer formato que desejar, de HTML5 a AMP HTML para Google Ads ou em formato MP4 para redes sociais.

faça-os se mexer

Temos todas as animações de que você precisará

Com a Creatopy, você pode animar seus ativos em apenas alguns cliques. Não apenas isso, mas você pode adicionar mais movimento a qualquer camada usando as animações intermediárias. Para destacar ainda mais uma animação, agora é possível adicionar gatilhos específicos às transições intermediárias, como o cursor do mouse e os gatilhos infinitos.

ferramenta de animações de texto

Create HTML5 banners

Build impressive animated ads for your websites and advertising campaigns without any coding skills. With Creatopy you can easily create HTML5 banners and make your business stand out.

Intuitive animation timeline

Explore our complex, yet intuitive animation timeline and our dynamic slide management system to create the best HTML5 animation out there. Adjust the duration or delay of your text animations, add custom variables & create smooth slide transitions.

FAQ

Como posso tornar meu anúncio de banner animado mais atraente?

Veja como você pode tornar seu anúncio de banner animado mais atraente: escolha o melhor tamanho; verifique se o formato é compatível com a rede de anunciantes; estruture os elementos do seu anúncio (logotipo, texto, imagens, CTA); use cores que combinem com a identidade visual de sua marca; escolha a fonte certa; use elementos visuais atraentes; adicione transições suaves e efeitos de animação; tenha uma CTA forte.

Quais são os tamanhos de anúncio de banner mais comuns?

O Google recomenda o uso de alguns tamanhos diferentes ao executar anúncios de banner animados em dispositivos móveis e computadores. Para usuários desktop, o Google recomenda os seguintes tamanhos: 300 x 250, 336 x 280, 728 x 90, 970 x 90, 468 x 60, 300 x 600, 160 x 600, 250 x 250 e 200 x 200. Para dispositivos móveis, você pode usar 300 x 200, 300 x 50, 300 x 100, 250 x 250 e 200 x 200. Para obter os melhores resultados, tente manter essas dimensões.

Quais são os melhores canais de banner animado?

Existem três canais diferentes a serem considerados. Em primeiro lugar, há o posicionamento acima da dobra, que é eficaz porque é a primeira coisa que os visitantes veem quando entram em uma página da web, portanto, não precisam rolar para baixo. Em segundo lugar, você pode colocar o banner animado na barra lateral localizada no canto direito da tela, ao lado da barra de rolagem. O último canal é dentro do conteúdo, o que pode ser eficaz, pois o visitante já está envolvido com o conteúdo e o anúncio pode chamar sua atenção.

CTA
comece já

Crie anúncios animados em HTML5 em poucos minutos

Escale seu trabalho usando nosso gerador de banners para criar conjuntos inteiros de anúncios em HTML5. Economize mais tempo e receba os anúncios animados perfeitos todas as vezes!