Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Guía Completa de Genially, Crea Contenido Interactivo en Imágenes
Guía Completa de Genially, Crea Contenido Interactivo en Imágenes
Tabla de contenidos:
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.
En Genially encontrarás muchísimos recursos para crear contenidos
educativos, para Social Media o presentaciones de empresa: ya seas blogger,
docente, Community Manager, ponente o estés emprendiendo, en Genially
encontrarás plantillas, recursos e inspiración para dar vida a tu contenido.
También hay varias plantillas de currículum vitae muy inspiradoras. Elige la que
quieras y personalízala completamente para crear tu currículum online.
Además, puedes importar PowerPoint. Está disponible para los usuarios con
licencia Edu Pro, Pro, Máster o Team. Esto te da la posibilidad de actualizar todo
el contenido obsoleto que tengas en otros formatos. Ahora puedes enriquecer
tus presentaciones en PowerPoint con diferentes tipos de animaciones e
interactividad. Además, si subes tu PowerPoint a Genial.ly podrás obtener datos
estadísticos sobre las visitas e interacciones que recibe. Por eso es también una
excelente herramienta para hacer y compartir presentaciones corporativas.
Con la versión gratuita podrás hacer tantas creaciones como desees. Además,
podrás compartirlas mediante enlace o directamente en tus Redes Sociales. Dentro
del plan gratuito obtienes también el código necesario para embeber tu creatividad
en tu sitio web.
¿Por qué creo que vale la pena pagar por una licencia Genial.ly? Por las ventajas
que ofrece con respecto a otras herramientas, que la hacen diferente. A
continuación, te explico algunas de ellas.
Ventajas de Genial.ly:
La herramienta está optimizada para que crear contenidos sea muy fácil. Puedes
añadir páginas de otro Genial.ly, copiar elementos de unas páginas a otras,
modificar tamaño y transparencia de los fondos y de los elementos… Según vas
aprendiendo a utilizarla y conociéndola mejor, vas descubriendo su tremendo
potencial.
Como ves en la imagen, existen opciones para cualquier tipo de contenido que
necesites crear.
Te animo a investigar un poco las plantillas que ofrece Genial.ly para los diferentes
tipos de creatividades, ¡te van a encantar!
También puedes elegir una plantilla en blanco y crear desde cero. Mi consejo es
que para tu primer Genial.ly elijas una plantilla ya creada. Así podrás
familiarizarte con el editor y centrarte en aprender a utilizar la herramienta sin
pensar en el diseño, simplemente editando los elementos existentes. Además ¡los
diseños son muy buenos! En el tutorial veremos todas las opciones de edición paso
a paso.
Con los efectos de animación podrás hacer que algunos de los elementos de la
imagen se muevan (giro, zoom, latido, parpadeo…). Esto te permite captar
fácilmente la atención de quien está viendo tu genially, y conseguir que que haga
clic. Es decir, la animación ayuda a conseguir más interacciones.
Vamos a verlo con un ejemplo. Vamos a crear una tarjeta intractiva, que es una
creatividad súper sencilla. Una como esta:
¿Verdad que está claro dónde esperamos que las personas hagan clic?
Crear una imagen como esta es súper sencillo, vamos a ver el proceso paso a paso.
Una vez que consigas crear y publicar tu primer genially, habrás dado un gran
salto. ¡Ya puedes emprender nuevos retos y creatividades más complejas! Si tienes
alguna duda con el tutorial, escríbeme en los comentarios, ¡seguro que podré
ayudarte!
Haz clic en el botón azul del centro que pone ‘Comienza ahora, es gratis’ o en
‘Regístrate’ arriba a la derecha.
Introduce tu nombre, tu email y una contraseña. Repite la contraseña, acepta las
condiciones y haz clic en ‘Regístrate’. También puedes iniciar sesión con tus
cuentas de Facebook, LinkedIn o Twitter.
En la sección ‘Inspiración puedes ver geniallys creados por otras personas, algo
que te recomiendo: es súper inspirador. Y abajo de todo puedes consultar los
planes.
Para crear tu primer Genial.ly, elige uno de los tipos de contenidos para buscar tu
plantilla, o bien selecciona ‘Creación en blanco’.
Personalizar una plantilla: el editor de Genial.ly paso a paso
Elige una de las opciones del centro para empezar a trabajar con tu plantilla.
La creatividad del ejemplo, la tarjeta accionable, está en la sección Más > Tarjetas
interactivas. Puedes buscarla haciendo scroll y así aprovechas para ver otras
plantillas, o bien introduciendo en el buscador alguna palabra relacionada con tu
búsqueda, en este caso ‘Accionable básico’ que así se llama la plantilla.
¿Ya tienes claro para qué sirve cada cosa? ¡Empecemos con el tutorial!
Tutorial detallado: cómo crear una imagen con Genial.ly
Vamos a crear una tarjeta interactiva como la del ejemplo. Incluye un botón
animado que además es interactivo: haciendo clic sobre él pasaremos a otra página
donde estará el mensaje que quieras poner.
Para tu tranquilidad:
Para editar un cuadro de texto, haz doble clic sobre él. Aparecerá el editor de texto
en la barra superior.
Podrás seleccionar el tipo de fuente (hay cientos de ellas), el tamaño, el color de
letra… No quiero ahora analizar uno por uno porque no es indispensable, pero te
animo a que pruebes todas las opciones. Es un editor súper completo.
Edita el texto como quieras y cuando termines, haz clic fuera del cuadro de texto.
Para modificar el color de texto, haz clic en el cuadrado que muestra el color en el
menú superior y aparecerá el selector de colores. Podrás seleccionar el que más te
guste o introducir el código hexadecimal del color que quieras.
En el menú de la izquierda hay la opción «Texto». Sirve para añadir nuevos
cuadros de texto. Tienes párrafos, listas de puntos o listas ordenadas, Título 1 y
2… También hay plantillas de texto muy vistosas.
Haz clic sobre el elemento que quieres eliminar y a continuación sobre el icono de
papelera de la esquina superior izquierda.
¿Quieres ir más deprisa? 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.
Reorganizar elementos
Volviendo al ejemplo, imagina que quiero colocar los dos cuadros de texto un poco
más arriba. Primero selecciono los dos cuadros de texto (manteniendo pulsada la
tecla CTRL, como hemos visto). Y después hago clic en el icono ‘Agrupar’, que
aparece a la derecha en la barra superior cuando seleccionas más de un elemento.
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.
Haz clic sobre el icono de interactividad para ver las opciones disponibles:
En este caso seleccionaremos ‘Ir a página’. Aparecerá un recuadro con las demás
páginas de tu Genial.ly (en este caso solo hay una más) para que selecciones. Haz
clic sobre la página y sobre ‘Guardar’.
No tiene más ciencia. Cuando el usuario que esté viendo tu Genial.ly haga clic en el
botón, irá a la siguiente página.
Como ves, hay otras opciones de interactividad:
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.
Las aplicaciones de la interactividad son infinitas. Por ejemplo, en el tutorial del
editor que he incluido al principio, he añadido ventanas que se abren al hacer clic
y muestran las explicaciones sobre el funcionamiento de los diferentes botones e
iconos del editor. Pero hay mucho más que eso.
Es más sencillo de lo que parece. Te recomiendo que hagas pruebas para ver como
quedan los diferentes efectos. Además, existe la opción de previsualizarlos
apoyando el cursor sobre las diferentes opciones del menú de animación.
CONSEJO: Conviene que revises tu creatividad desde todos los dispositivos. Por
ejemplo, la animación «ratón encima» no se activa fácilmente desde una pantalla
táctil (móvil o tablet). Ten en cuenta en qué dispositivo van a consumir tu
contenido los usuarios.
He añadido un efecto de animación al botón de la creatividad del ejemplo.
Configura la animación con el efecto deseado y, cuando termines, haz clic sobre
cualquier punto del lienzo para cerrar el menú lateral de animación.
¿Quieres ver cómo está quedando? En cualquier momento puedes hacer clic sobre
el icono con el ojo en el menú superior, y acceder a la vista previa. Esto es algo que
debes hacer siempre antes de compartir tu creatividad. Así comprobarás el
funcionamiento de los efectos que hayas añadido y tendrás posibilidad de corregir
cualquier error.
¿Está todo bien? ¡Vamos a compartir tu Genial.ly! Te explico las opciones
disponibles dentro del plan gratuito.
Redes Sociales: para crear una publicación con el enlace a tu Genial.ly en la red
social que prefieras.
Otros: te permite compartir tu Genial.ly con grupos, a través de Google Clasroom
o Microsoft Teams, ¡otro logro del equipo Genial.ly!
Descargar, como ya he mencionado, solo puede hacerse con una licencia PRO,
MASTER o TEAM.
Conclusión:
Hasta aquí la guía con el tutorial paso a paso de las opciones básicas de Genial.ly.
Pero la herramienta no es solo esto, ¡tiene mucho más para ofrecer!
Te recomiendo que eches un vistazo a la Guía completa de Genial.ly II para
conocerla mejor y descubrir muchos otros recursos de la aplicación.