
¿Cómo crear una imagen interactiva? Convierte una simple imagen en una imagen genial
¡Hola! es un placer teneros de nuevo por aquí. En esta ocasión os vamos a mostrar cómo convertir una simple imagen en una imagen interactiva (y por supuesto genial).
Ya sabemos que ‘una imagen vale más que mil palabras’, pero a veces nos encontramos con imágenes que contienen demasiado texto o, en su defecto, otras con carencia de información. Lo que Genially os propone es crear una imagen que de por sí tenga valor pero que además esté acompañada de la información necesaria para completarla y hacerla realmente interesante y atractiva para el usuario.
Entonces ¿Qué debemos hacer para crear nuestra propia imagen interactiva? En primer lugar tenemos que insertarla en Genially. Lo más sencillo es cargarla como fondo (pincha en la pestaña «fondo», selecciona ‘sube una imagen’ y posteriormente ‘establecer como imagen de fondo’) y después tan solo tenemos que añadir tantos pines como queramos o necesitemos desde la pestaña «Interactividad» arrastrándolos y colocándolos donde queramos. Hay pines para todos los gustos según las necesidades que tengamos así que revísalos bien para escoger el estilo que mejor le vaya a tu imagen. A los pines les podemos añadir información de todo tipo desde vídeos, a otras imágenes, enlaces a webs, GIFs, el timeline de redes sociales y prácticamente cualquier material que se nos ocurra. Por último podemos añadirles algunos efectos de animación e interactividad con los que conseguiremos captar la atención y el interés de nuestra audiencia casi sin enterarse.
A continuación tenéis una serie de ejemplos que os pueden servir de inspiración para crear vuestras propias imágenes interactivas. Este tipo de imágenes, en las que a través de pines, ventanas, etiquetas y demás elementos el usuario va descubriendo información de la misma, pueden usarse en diferentes ámbitos como es el de la educación, el marketing, la comunicación, el diseño y la publicidad obteniendo resultados realmente sorprendentes como estos:
Cartel informativo
Con esta opción podemos generar contenido informativo o explicativo, de forma que la imagen nos cuente una historia, alguna curiosidad o simplemente queramos resaltar algún detalle de la misma.
Póster educativo
Esta es una de las mejores formas de aprender algo, ya que cuando lo estás haciendo, estás buscando y memorizando información y cuando obtienes el resultado es una forma estupenda de estudiar ya que te tienes que esforzar por recordar el contenido del gráfico creado.
Anuncio comercial
Puede servir para llamar la atención sobre algún producto que te interese y lo mejor de todo es que puedes enlazarlo para que te lleve directamente al producto que desees.
Para hacer esto que acabamos de comentar, nos hemos apoyado en una herramienta externa llamada embed.ly. Lo único que tenemos que hacer es introducir nuestro enlace de Amazon (por ejemplo, ya que permite este tipo de incrustaciones), pulsar en embed y copiar el código que se genera. Para insertar este código en uno de nuestros pines debemos pinchar encima del pin que queramos y pulsar sobre el icono con una mano. Una vez se abra un recuadro en el que pone ‘Elige el tipo de interactividad’ debemos pinchar en ventana y pegarlo en el apartado de HTML ( </> ) y sin cambiar de apartado le damos a ‘guardar’.
Cartel publicitario
Con una simple imagen y algunos datos que la completen podemos crear una publicidad que atraiga realmente a nuestros clientes.
Imagen curiosa
Es imposible saberlo todo, pero desde luego siempre podemos aprender algo nuevo, y ¿por qué no hacer una imagen que nos enseñe algo diferente?
Catálogo interactivo
Por supuesto podemos crear nuestra propio catálogo interactivo añadiéndole un extra de información a cada prenda como dónde comprarla o de qué está hecha a través de una breve explicación en una etiqueta o ventana.
¡Seguro que conseguís unos resultados impactantes con vuestras imágenes interactivas!
Y si queréis que los demás sean tan genially como vosotros no os olvidéis de compartir este artículo.
¡Hasta la próxima usuarios geniales!
He creado dos genially, pero no consigo publicarlos en facebook (?)
Buenas Juanjo, A veces no funciona a la primera. Por favor inténtalo de nuevo ya que cuando lo haces un par de veces funciona siempre correctamente. Saludos y si tienes cualquier otra duda ¡Aquí estamos!
This is awesome. Can the image be saved offline with the embedded information,, so that it operates without genially?
Hi John,
We don’t understand quite well your question so we are going to send you an email to understand it better, ok?
Regards and have a great day!
This honestly looks so cool. And it’s exactly what I’ve been looking for! Lol it sounds like bot wrote that hahahaha
Hi, Simon.
It’s great to know that the post about Interactive Image was useful for you. In this post, you can find addtional information about turning static images into incredible interactive images, quickly and easily.
Have a great day!
Hi, is this feature available on the free subscription plan?
Hello T
Of course, everything you can see in this post is part of the free model. Try all the uses of interactivity, you will not regret it!
Thank you very much for your question
which are exactly steps to follow when making an interactive picture
Hi Nthatisi. Thank you very much for your question. I have the perfect answer for you:
On the one hand we have this post where everything is explained step by step: https://doitgenially.com/en/en-turn-your-static-images-into-incredible-interactive-images-quickly-and-easily-2/
And if you need more information, in this Webinar you can see all the tricks to become in an expert of interactivity: https://www.youtube.com/watch?v=UlzsKLP6u80
Thank you