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

Generador gratuito, en línea, de banners animados HTML5

Haz la prueba con nuestra herramienta de animación HTML5 y crea banners publicitarios animados bellos y tersos en cuestión de minutos. Comienza a partir de 1000 plantillas HTML5 prefabricadas, o crea tus propios diseños.

ajustes preestablecidos de diseño

Platillas prefabricadas para banners publicitarios animados, creadas por diseñadores profesionales

Explora unos cuantos de nuestros ejemplos de banners animados en la siguiente galería

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.

diseña paso a paso

Cómo hacer banner animados que se destaquen

  • 1

    Elige un tamaño

    El banner animado perfecto comienza con el tamaño adecuado para tu campaña publicitaria. Puedes elegir uno de nuestros tamaños preestablecidos o generar tu propio tamaño personalizado y comenzar a partir de este.

  • 2

    Comienza a diseñar

    Ahora tienes dos opciones: comenzar a partir de cero, o usar una plantilla. En nuestro editor HTML5, puedes encontrar miles de plantillas que pueden ayudarte a elaborar anuncios animados profesionales y abatir a la mitad el tiempo de elaboración. La interfaz es extremadamente intuitiva, por lo que puedes elaborar fácilmente banner animados a partir de un lienzo en blanco.

  • 3

    Personaliza tu banner

    Puedes personalizar cada elemento de tu diseño para elaborar un banner HTML personalizado. Agrega fuentes, imágenes, vídeos, formas, un botón que provoque una acción, o cambia los colores para transformarlo en una imagen que coincida con tu identidad de marca. Ve aún más lejos al cargar elementos desde tu computadora y haciendo que el banner sea consistente con los otros materiales visuales que ya tienes.

  • 4

    Dota de animación al banner

    Ahora es el momento de agregar movimiento a tu diseño. Los anuncios animados son más atractivos que los estáticos, por lo que debes aprovechar esto para tu provecho. En Creatopy, tienes acceso a animaciones ágiles HTML5, que no exigen de ninguna habilidad técnica ni conocimientos de código. Asimismo, es posible dar animación a cualquier banner con tan solo un par de clics. ¿Quieres imprimir más sabor en tus redes sociales? Agrega más movimiento a cualquier capa con animaciones intermedias.

  • 5

    Descarga o inserta

    Luego que estés a gusto con el resultado del banner animado, estará listo para usarse en las principales plataformas publicitarias. Puedes descargarlo en cualquier formato que quieras, desde HTML5 hasta HTML AMP para Google Ads, o en formato MP4 para redes sociales.

dales movimiento

Todas las animaciones que hayas podido necesitar

Con Creatopy, en unos pocos clics, no tan solo puedes dar animación a tus recursos, sino que puedes añadir más movimientos a cualquier otra capa mediante las animaciones intermedias. Para hacer que una animación destaque aún más, ahora es posible agregar acciones de activación específicas para las transiciones intermedias, como el pasar el cursor por arriba e infinidad de acciones de activación.

herramientas para animaciones 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

¿Cómo puedo hacer que mi banner publicitario animado sea más atractivo?

He aquí como puedes hacer que tu banner publicitario animado sea más atractivo: elige el mejor tamaño, asegúrate de que el formato sea compatible con la plataforma publicitaria, con la estructura los elementos de tu anuncio (logotipo, texto, imágenes, elementos CTA), usa colores que combinen con la identidad visual de tu marca, elige el tipo de letra correcto, usa elementos visuales llamativos, agrega transiciones y efectos de animación suaves, ten un fuerte elemento CTA (que provoque una acción).

¿Cuáles son los tamaños más comunes de los banner animados?

Google recomienda usar algunos tamaños diferentes al reproducir banner publicitarios animados en dispositivos móviles y equipos de escritorio. Para los usuarios de escritorio, usa los siguientes tamaños: 300 x 250, 336 x 280, 728 x 90, 970 x 90, 468 x 60, 300 x 600, 160 x 600, 250 x 250 y 200 x 200. Para dispositivos móviles, puedes usar 300 x 200, 300 x 50, 300 x 100, 250 x 250 y 200 x 200. Para lograr los mejores resultados, trata de adoptar estos tamaños.

¿Cuáles son las mejores ubicaciones para los banner animados?

Hay tres ubicaciones diferentes a considerar. En primer lugar, está la ubicación como encabezado de la página, que es eficaz porque es lo primero que ven los visitantes cuando ingresan a una página web, por lo que no necesitan desplazarse hacia abajo. En segundo lugar, puedes colocar el banner animado en la banda lateral ubicada en la esquina derecha de la pantalla, junto a la barra de desplazamiento. La última ubicación es dentro del contenido, lo que puede ser eficaz, ya que el visitante ya está interactuando con el contenido, y el anuncio puede llamar su atención.

CTA
dar los primeros pasos

Crea anuncios animados HTML5 en cuestión de minutos

Pon tu trabajo a otro nivel, al usar nuestro generador de banners para crear grupos completos de anuncios HTML5. ¡Ahorra más tiempo y consigue los perfectos anuncios animados en toda ocasión!