Imágenes Interactivas en Genially

¿Cómo realizar imagenes interactivas?

TIC Trabajo ColaborativoGrupo:-Adriana López Mendoza -Belén Ganchozo Moreira 1 Semestre Medicina "A"

¿Qué es una imágen interactiva?

• Una imagen con interactividad permite al usuario que la está viendo acceder a más información o a otras páginas haciendo clic en un punto de la imagen.
• La animación consiste en hacer que un elemento de la imagen se mueva, captando fácilmente la atención de tu público.

¿Plantillas?

Hay un sinnumero de plantillas que Genially permite usar de forma gratuita para facilitar el trabajo de las personas. Debido a que solo se pondría la imágen que se necesita expresar.

¿Cómo crear imágenes interactivas en Genially ?

1. Sube una imágen

Puedes guiarte con toda la selección de plantillas que geanially ofrece para crear imagenes interactivas

Una vez crada tu cuenta; dirigete hacia Panel y haz click en Crear Genially

¿Cómo crear imágenes interactivas en Genially ?

1. Sube una imágen

O puedes personalizar tu propia imagen creando una nueva, para esto da click en Crear imagen interactiva y sube una tu equipo, un URL, google drive, dropbox

Seleccionar la imagen y hacer click en aceptar:

¿Cómo crear imágenes interactivas en Genially ?

2. Edita y añade interactividad

La imagen se convetira en la base de la imagen interactiva y aparecera como el fondo del lienzo.

Para poder editarla es necesario dirigirse hacia el editor, donde se podran encontrar varios elemento interactivos que puedes selccionar a tu preferencia

De acuerdo al uso y personalización que se desee hacer en el elemento interactivo se puede:

• Reemplazar: Haz click sobre el elemento interactivo y pulsa el botón reemplazar para usar otro tipo
• Agregar nuevos elementos interactivos: Hay una sección que cuenta con distintos elementos interactivos en los cuales podras encontrar diferentes opciones como Botones, Botones de texto, Redes sociales, Números, letras y área invisible.
• Añadir texto: Puedes agregar cuadro de texto
• Eliminar: Pulsa el boton suprimir de tu teclado para eliminar un elemento no deseado

¿Cómo crear imágenes interactivas en Genially ?

3. Comparte tu creación

Una vez hayas terminado tu diseño da click en aceptar para guardar los ultimos cambios

Luego de editar todos los elementos interactivos de tu imagen y haber guardado tu diseño puedes elegir compartir tu imagen con tus amigos

Para compartir tu diseño debes acercate a la barra superior derecha donde a lado del botón presentar se encuentra el botón para poder compartir tu diseño, en este podrás cambiar el nombre de tu imagen interaciva y añadirle una pequeña descripción, además de tener la opción para que aparezca como publico en la web y si tu producto final podra ser utilizado en forma de plantilla como inspiración para futuros trabajos de otros usuarios o no. Una vez termines de decidir los términos en los qeu deseas compartir tu diseño debes pulsar el botón Listo y se publicara tu trabajo

¿Qué son los botones interactivos?

Opciones de interactividad: Etiqueta, te permite añadir un pequeño texto que se desplegará al pasar el ratón sobre el elemento al que añadas la interactividad. Ventana mostrará una nueva ventana cuando el usuario haga clic sobre el botón Página, como hemos visto, lleva al usuario a otra página dentro del mismo Genial.ly, la que tú elijas Enlace, abrirá una URL en otra pestaña cuando el usuario haga clic sobre el elemento.

Si haces clic sobre el botón y sobre el icono de interactividad (el del dedo haciendo clic) se mostrará la interactividad que tiene aplicada: es del tipo ‘ir a página’.De momento vamos a elegir un botón y a hacerlo interactivo. Selecciona el botón y aparecerán los iconos de interactividad y animación.

Recursos adicionales

- Eliminar elementos:Haz clic sobre el elemento que quieres eliminar y a continuación sobre el icono de papelera de la esquina superior izquierda. Si necesitas eliminar varios elementos al mismo tiempo, mantén pulsada la tecla CONTROL (CMD en Mac). Una vez seleccionados los elementos que quieres eliminar, haz clic en papelera y desaparecerán todos a la vez. Si seleccionas alguno que ‘no toca’ puedes deshacer la selección clicando fuera de ella.

Recursos adicionales

- Editar elementos: modificar color, tamaño… Selecciona cualquiera de los elementos del lienzo para editarlo. Por ejemplo, el botón con la flecha. Una vez seleccionado, puedes hacerlo más grande o más pequeño tirando de las esquinas con el ratón. También puedes cambiar los colores: verás el selector de colores en el menú superior, igual que cuando seleccionas un cuadro de texto.

- Reorganizar elementos Puedes desplazar los diferentes elementos y colocarlos en cualquier parte del lienzo, donde más te guste. Apoya el cursor del ratón sobre un elemento cualquiera y mantén pulsado el botón derecho. Mueve el ratón para arrastrar el elemento por el lienzo y suéltalo donde prefieras. También puedes mover varios elementos a la vez.

Recursos adicionales

- TransparenciaOtra opción del editor es el selector de transparencia. Puedes modificar la saturación de color de los elementos. Juega con él para ver como modifica los colores: El selector de transparencia es un recurso súper útil para infinidad de cosas. Te servirá para filtrar fotografías.

¡Muchas gracias!

Referencias:-Cómo crear imágenes interactivas en Genially. (n.d.). Genially Help Center. https://support.genial.ly/es/support/solutions/articles/80000497107-c%C3%B3mo-crear-im%C3%A1genes-interactivas-en-genially#:~:text=Para%20comenzar%20a%20crear%3A%201%201.%20Haz%20clic,nuevo%20en%20Aceptar%20para%20guardar%20los%20%C3%BAltimos%20cambios. - Productiva, N. E. C., & Productiva, N. E. C. (2022). Guía completa de Genial.ly: Crea contenido interactivo en imágenes. En Clave Productiva. https://enclaveproductiva.es/genial-ly-crea-contenido-interactivo-y-visual/