Animatize: crear animaciones gratis para tu web usando el ratón

Animatize: crear animaciones gratis para tu web usando el ratón

Animatize es una herramienta que permite crear animaciones para la web de una forma muy sencilla, simplemente arrastrando un personaje o carácter con el ratón. Esta herramienta es de uso gratuito y no pide crear una cuenta o registrarse para su uso.

Ya he compartido con vosotros muchas herramientas y aplicaciones con las que podéis crear animaciones. Entre todas ellas, unas son más sencillas de usar que otras, sin embargo no recuerdo ninguna que permitiese crear las animaciones simplemente arrastrando un personaje con el ratón. Esto ya es posible con la ayuda de Animatize.

Debéis tener en cuenta que esta utilidad permite crear animaciones sencillas para la web, generando un código HTML que tenemos que pegar en nuestra página. Así pues, no permite exportar la animación como GIF o en cualquier otro formato.


Creo que puede ser una buena herramienta para crear animaciones para la web y que también es perfecta para que los niños (y no tan niños) aprendan a animar objetos de forma sencilla.

¿Cómo se utiliza la herramienta Animatize?

Usar Animatize para crear animaciones es una tarea realmente sencilla, sin duda una de sus principales características. Sin embargo, la forma en que está organizada la página puede complicar un poco esta labor.

A continuación, os explico paso a paso como proceder para crear las animaciones:

  • Ve al sitio web de Animatize, puedes encontrar su enlace al final de este artículo, y desciende por la página hasta encontrar el texto que pregunta si quieres crear una animación para tu sitio. En inglés, sería el “Want to make one for your own website?“.
  • Ahora, carga una imagen para usar como fondo de la animación. El tamaño recomendado para esta imagen es de 800 x 480 pixeles.
  • A continuación, carga una imagen del personaje o carácter que vas a animar. Se recomienda usar una imagen PNG con fondo transparente, sus dimensiones deben ser de 144 x 144 pixeles.
  • Ya podrás ver las dos imágenes que has cargado. Arrastra el personaje o carácter sobre la imagen de fondo con la ayuda del ratón, los movimientos que realices se convertirán en la animación.
  • Busca el botón “generate code” y púlsalo para que se genere el código de la animación.
  • Por último, pulsa en el botón “copy code” para copiar el código que debes incluir la animación en tu página. Añade este código en el HTML de tu página.

Recomiendo echar un vistazo al vídeo inferior, podréis ver todos los pasos que os he explicado:

Visita esta herramienta web para crear animaciones fácilmente

Haz una visita a la página web de Animatize, allí solo tienes que seguir las instrucciones anteriores para crear animaciones usando el ratón.

Si lo que necesitas es una herramienta sencilla con la que puedas crear animaciones en formato GIF, tal vez deberías probar con DrawIsland.


Bloguero apasionado por las aplicaciones web, software, apps móviles, SEO, IA, redes sociales y tecnología en general.

Entradas relacionadas

Guía para convertir imágenes a PDF

Guía para convertir imágenes a PDF de forma gratuita y sencilla

Entre los formatos más utilizados en la actualidad nos encontramos con el PDF, ideal para mantener la integridad y el diseño original de documentos, imágenes y presentaciones….

Free Maze Generator

Free Maze Generator: crear pasatiempos de laberinto gratis

¿Te apasionan los laberintos? ¿Te gusta poner a prueba tu ingenio y habilidades de resolución de problemas? Si es así, ¡Free Maze Generator es la herramienta perfecta…

EmojiTranslate

EmojiTranslate: convierte tus textos en emojis de forma gratuita

Los emojis se han vuelto muy importantes para nuestras comunicaciones de texto, capaces de transmitir emociones, ideas e incluso historias completas con un solo icono. Pero, ¿te…

AudioCutter Online

AudioCutter Online: genial herramienta gratuita para cortar audios

Los archivos de audio son un elemento realmente importante para la creación de contenido multimedia, desde podcasts y música hasta presentaciones y vídeos educativos. Sin embargo, editar…

Image Cropper

Image Cropper: recortar imágenes en línea de forma fácil y rápida

Actualmente, las imágenes son elementos esenciales para la comunicación y la expresión. No importa si es para compartir fotos en redes sociales, crear presentaciones o utilizarlas en…

Convertir vídeos con HandBrake

HandBrake: convertir vídeos de forma sencilla y rápida

HandBrake se ha convertido en una herramienta indispensable para muchos usuarios que necesitan convertir vídeos a diferentes formatos. Este software gratuito y multiplataforma ofrece una amplia variedad…