Disponible: conviértase en un experto en presentaciones de forma gratuita Obtener la certificación

Cómo crear infografías animadas con Visme (Guía paso a paso)

Escrito por Chloe West
Publicado el Ene 10, 2022
Cómo crear infografías animadas con Visme (Guía paso a paso)

Las infografías se pueden encontrar en toda la web, ya sea dentro de las publicaciones de los blogs, en las redes sociales o incluso en los boletines de noticias por correo electrónico.

Mientras que las infografías son definitivamente una herramienta exitosa, desde el marketing hasta la construcción de enlaces, usted definitivamente quiere asegurarse de que su infografía se destaque. Y una buena manera de hacerlo es crear infografías animadas.

Añadir elementos como la animación y la interactividad a su infografía es la manera perfecta no sólo de atraer a su público objetivo, sino también de captar rápidamente su atención de inmediato.

La mayoría de las herramientas infográficas facilitan la creación de sus propios elementos visuales en pocos minutos, pero pocas ofrecen los medios para añadir elementos de animación e interactividad. 

Con Visme, puede hacerlo todo, crear hermosas infografías estáticas o infografías animadas con ilustraciones animadas y elementos interactivos como enlaces, cuestionarios, encuestas o incluso vídeos incrustados directamente en la infografía.

Hemos preparado esta guía paso a paso, para mostrarte cómo crear infografías animadas utilizando el editor Visme. El proceso es súper sencillo y te garantizamos que a tu público le encantará.

También puedes ver nuestro video tutorial de 5 minutos sobre cómo crear infografías, usando Visme, antes de seguir leyendo para saber más sobre nuestras funciones animadas.

 

1 Crear Un Nuevo Proyecto

create animated infographics - create a new project

Lo primero es lo primero. Cree su propia cuenta Visme de forma gratuita. Sólo tienes que introducir tu correo electrónico, tu nombre y tu contraseña y ya estás listo para empezar. 

Una vez que hayas iniciado sesión en el panel de Visme, haz clic en el botón Crear en la parte superior de la barra lateral izquierda.

 

2 Elija Una Plantilla

create animated infographics - choose a template
Encuentre la plantilla perfecta para su próxima infografía animada.Buscar ahora

Cuando haga clic en Crear, verá miles de opciones de plantillas listas para editar de Visme. Nuestra actualización de Visme Unleashed proporciona una navegación aún más fácil para que pueda encontrar la plantilla exacta que necesita.

Puede desplazarse por la pestaña Infografía, hacer clic en la barra de búsqueda para encontrar varias categorías diferentes de infografía animada, o escribir su consulta de búsqueda para encontrar las plantillas más relevantes para su nicho de contenido y propósito.

También tienes la opción de empezar con un lienzo en blanco si quieres crear un nuevo diseño desde cero. ¡El mundo está a tu alcance para hacer lo que quieras!

Para el propósito de este tutorial, vamos a utilizar la plantilla de creación de infografías animadas en 5 pasos y vamos a utilizar una plantilla sobre Cómo lavarse las manos.

 

3 Inserte Tu Propio Texto

Cada una de nuestras plantillas está diseñada profesionalmente y es totalmente personalizable, por lo que puede cambiar cada trozo de texto, gráfico, etc. para adaptarlo a su contenido, en lugar de tener que modificar todo el contenido del sitio que incluyen muchas de nuestras plantillas.

Actualicemos el texto de nuestra infografía para que diga "5 tipos de animación para usar en Visme". Asegúrese de actualizar el tamaño del texto para que coincida con el estándar general de su infografía, para que su diseño siga pareciendo perfecto.

create animated infographics - insert your own text
Encuentre la plantilla perfecta para su próxima infografía animada.Buscar ahora

4 Inserte Gráficos Animados.

Visme le ofrece diferentes tipos de gráficos animados que puede añadir a su diseño para crear una infografía animada.

animated graphics - animated illustrations and elements

Puedes utilizar ilustraciones (elige entre tres estilos diferentes: plano, contorno e isométrico), personajes (elige entre una variedad de poses), gestos, efectos especiales y mucho más.

create animated infographics - add animated graphics
Encuentre la plantilla perfecta para su próxima infografía animada.Buscar ahora

Todos los aspectos de estos gráficos son completamente personalizables, desde el más mínimo detalle hasta el color de la piel del personaje elegido, ¿genialidad no? 

Puede añadirlas como elementos visuales dentro de su infografía para ayudar a representar su punto de vista y elegir cuántas veces se repite la animación, así como la rapidez con la que se ejecuta.

create animated infographics - add animated graphics

Cada uno de los gráficos animados de Visme es completamente único en nuestra plataforma y ha sido diseñado por nuestro equipo interno de diseñadores.

 

5 Cree Efectos Animados De Entrada y Salida.

Si estás creando una presentación, un diseño para redes sociales o una infografía animada, querrás animar varios elementos de tu diseño, como cuadros de texto e iconos que no están pre animados.

Visme facilita este proceso dándole acceso a 14 tipos diferentes de efectos de entrada y salida.

creative animations in visme

Simplemente haga clic en el objeto que desea animar, haga clic en Acciones y luego en Animar para ver sus opciones. Elige un tipo de animación y selecciona Enter para los elementos que quieras mantener en la página y un tipo de animación Exit para los objetos que no te importe ver volar fuera de la pantalla.

create animated infographics - add animated effects

Puedes previsualizar tu proyecto para ver cómo serán los efectos de la animación.

create animated infographics - add enter and exit effects

Controla fácilmente la frecuencia con la que aparecen tus objetos en la pantalla haciendo clic en el menú hamburguesa de la esquina superior izquierda y seleccionando Mostrar lista de objetos para ver la línea de tiempo de la animación

Aquí puede ver a qué hora aparece cada elemento en relación con los demás y puede moverlos fácilmente para que aparezcan antes o después. Tenga en cuenta que la lista de objetos sólo muestra los objetos de su bloque de contenido seleccionado, no los de la infografía completa

 

6 Inserte Gráficos y Tablas Animadas

¿Necesita mostrar datos y estadísticas en su infografía animada? Los gráficos, las tablas y los widgets de datos de Visme tienen animaciones automáticas incorporadas para garantizar que sus cifras aparezcan ante su público de forma ordenada.

create animated infographics - add animated charts

Hay varios tipos de animación entre los que puedes elegir para tus gráficos, así que puedes encontrar la animación perfecta que se adapte a tu proyecto.

create animated infographics - add animated charts

Si su infografía está llena de tablas y gráficos para mostrar toneladas de información valiosa, asegúrese de mantener un tipo de animación similar en todo el proyecto para que éste sea cohesivo y no se desordene como un carnaval de datos. 

También puedes hacer que tus valores gráficos aparezcan cuando los usuarios pasen el ratón por encima de las diferentes barras, líneas o trozos de tarta, esto añade una buena dosis de interactividad en tus visualizaciones de datos.

turn boring numbers into beautiful data with visme

 

7 Cree Efectos de Pop-up.

Puede crear elementos interactivos dentro de su infografía enlazando varios objetos y creando efectos Pop-up o Hover.

Esto es muy fácil de hacer, y te ayudará a crear cuestionarios interactivos o preguntas y respuestas dentro de tus infografías, así como diseños de alta calidad como este diagrama de clasificación que creamos para comparar las mejores herramientas de diseño. 

Para enlazar elementos dentro de su infografía, haga clic en el objeto que desea que se pulse o pase el ratón por encima para que aparezca un segundo objeto.

A continuación, haga clic en el menú Acciones, haga clic en Vínculo y, a continuación, haga clic en la opción Ventana emergente. A continuación, puede elegir qué objeto aparecerá cuando un usuario haga clic o pase el ratón por encima del elemento seleccionado.

create animated infographics - create pop ups
Encuentre la plantilla perfecta para su próxima infografía animada.Buscar ahora

Tenga en cuenta que los objetos reciben automáticamente nombres genéricos cuando se añaden a su infografía. 

Si va al menú hamburguesa de la esquina superior izquierda y hace clic en Mostrar lista de objetos, podrá ver estos nombres, así como cambiarlos para elegir el objeto conectado correcto.

create animated infographics - add pop ups

Este tipo de animación e interactividad dentro de sus infografías puede separar completamente sus diseños de una típica infografía estática. Juegue con todas las formas de crear efectos emergentes en su próxima infografía.

 

8 Vídeos Incrustados.

Otra buena manera de añadir elementos de animación e interactividad a su infografía es incrustando un vídeo, para ello puede utilizar las pestañas Media o Apps en la barra lateral izquierda del editor.

create animated infographics - embed video

La pestaña de medios de comunicación le permite incrustar cualquier tipo de contenido en línea siempre que tenga una URL o un código iframe. Las cuentas de empresa tienen incluso acceso a incrustar código HTML dentro de su Visme.

Además, si hace clic en Vídeos, podrá navegar por nuestra biblioteca de vídeos para añadirlos al fondo de su infografía o como acento en su diseño.

La pestaña de aplicaciones te permite enlazar con varias aplicaciones de vídeo (¡y pronto habrá más!) para que puedas pegar una aplicación de YouTube o Vimeo directamente en tu Visme.

9 Añadir Enlace.

Además de enlazar objetos para crear ventanas emergentes, también puede enlazarlos a sitios web externos o incluso crear enlaces entre bloques dentro de su infografía. Esto es especialmente útil si tiene una infografía más larga con mucha información.

Haz clic en el objeto al que quieres enlazar (como un icono social en el pie de página de tu infografía), ve al menú Acciones, haz clic en Enlace y luego añade tu enlace en la pestaña Web.

create animated infographics - add links

Como puede ver, hemos puesto un enlace a nuestra página web en el pie de página de esta infografía. Puedes elegir si quieres que tu enlace se abra en la misma ventana o también en una nueva ventana, como en las entradas normales del blog y las páginas web.

 

10 Personalice Sus Fuentes y Colores.

Antes de finalizar su diseño, asegúrese de personalizar las fuentes y los colores (si lo prefiere) para que coincidan con su marca, su contenido o simplemente con sus colores favoritos.

create animated infographics - customize fonts and colors
Encuentre la plantilla perfecta para su próxima infografía animada.Buscar ahora

Visme tiene cientos de fuentes populares y gratuitas para que elijas, así como temas de color prediseñados que te permiten cambiar el aspecto general de tu infografía con un solo clic. El Kit de Marca Visme también le permite añadir sus propios temas de color.

 

11 Compartilhe Com Seu Público.

Por último, es el momento de compartir su nueva y animada obra maestra. La mejor manera de hacerlo y asegurarse de que toda la animación y la interactividad sigan siendo accesibles es incrustar la infografía en una entrada del blog o en una página web.

Puedes ver cómo incorporamos el diagrama de clasificación de nuestra herramienta de diseño en esta entrada del blog para hacerte una idea de cómo quedará.

Y también puedes ver todos los elementos de animación e interactividad que hemos añadido a la infografía que hemos creado a lo largo de esta entrada del blog:

Visme también permite a los usuarios generar un enlace público o privado para compartir sus proyectos en línea, así como descargarlos en varios formatos. Las infografías se pueden descargar en PDF, JPG, PNG o HTML5.

HTML5 es un formato de archivo fuera de línea que sigue conservando todos los elementos de animación e interactividad que construyó en el editor Visme y puede ser una opción útil para muchos usuarios.

 

Cree Hoy Mismo Infografías Animadas Con Visme

¿Listo para empezar a crear tus propias infografías animadas con Visme? Regístrate gratis para empezar a jugar con todos los elementos de diseño disponibles y crear tu propia obra maestra animada.

Escrito por Chloe West

Chloe West is the content marketing manager at Visme. Her experience in digital marketing includes everything from social media, blogging, email marketing to graphic design, strategy creation and implementation, and more. During her spare time, she enjoys exploring her home city of Charleston with her son.

¡Crea contenido increíble!

Crea experiencias visuales increíbles para tu marca, ya seas un diseñador profesional o un novato con poca experiencia.

Prueba Visme, es gratis