GENIALLY
GENIALLY es una de mis herramientas preferidas, y la de mis alumnos también.
Con ella podremos crear prácticamente de todo, desde presentaciones interactivas,
juegos, posters, infografías, break outs … Cuando aprendas a utilizarla no querrás parar.
TUTORIAL GENIALLY 2
1. Acceso y registro 3
2. Panel de control / Menú principal 4
3. Crear un Genially 5
3.1. Menú superior 8
3.2. Menú principal 10
3.2.1 Texto 10
3.2.2. Imagen 12
3.2.3. Recursos 15
3.2.4. Elementos interactivos 16
3.2.5. Smartblocks 17
3.2.6. Insertar (video, audio y otros elementos) 18
3.2.7. Fondo 21
3.2.8. Páginas 22
4. INTERACTIVIDAD 26
5. ANIMACIONES 30
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 3
1. Acceso y registro
Para acceder a la herramienta GENIALLY, debemos a acceder a https://www.genial.ly/
En la parte superior derecha, pinchando en “REGISTRO” nos crearemos una cuenta:
Para registrarnos solo necesitamos poner un email y elegir la contraseña.
También podremos registrarnos con nuestra cuenta de Google, Facebook,
Twitter, Linkedin y Office 365
Una vez registrados, podremos acceder a GENIALLY pinchando en “Iniciar
Sesión” en la parte superior derecha.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 4
2. Panel de control / Menú principal
Una vez que ingresamos a la web de GENIALLY con nuestro usuario, accedemos
al menú principal.
Como en casi todas las herramientas TIC, existe la posibilidad de acceder a GENIALLY
de forma gratuita, pero hay algunas opciones que son exclusivas para cuentas premium
o de pago. Estas opciones de pago se identifican con una estrella.
Para suscribirnos a una cuenta premium lo podemos hacer pulsando sobre el botón
“MEJORA TU PLAN” situado en la parte superior.
También en esta parte superior, pinchando en nuestro nombre de usuario
podemos modificar nuestros datos, consultar el plan que tenemos contratado,
configurar las notificaciones...
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 5
En la barra lateral izquierda tenemos las siguientes opciones:
- “CREAR GENIALLY” para crear un nuevo Genially
- “MIS CREACIONES” donde podremos ver todos los
Geniallys que hemos creado
- “MI MARCA” , de uso exclusivo para cuentas Premium,
donde podremos cambiar la apariencia del menú, incluir un
logo en nuestras creaciones…
- “INSPIRACIÓN”, donde podremos buscar los Geniallys
creados por otros usuarios.
3. Crear un Genially
Para crear un Genially pincharemos en “CREAR GENIALLY” en el menú de la
parte izquierda o en el botón que aparece en la ventana de “MIS CREACIONES”.
Seleccionaremos qué tipo de genially queremos hacer entre las muchas
opciones que nos permite. También podremos empezar un Genially desde cero
eligiendo la opción “en blanco”.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 6
Una vez que seleccionemos la temática nos quedará elegir la plantilla. En
muchas de ellas aparece una estrella, eso significa que solo están disponibles en la
opción de pago.
En la parte superior tenemos un buscador de plantillas, diferentes temáticas para
hacer un filtro de búsqueda y una opción para seleccionar si queremos ver las plantillas
premium o las gratuitas.
*** Muchas de las plantillas llevan diapositivas enlazadas y animaciones
preestablecidas, para conservarlas, debemos escoger la opción “seleccionar todo”
cuando escojamos qué diapositivas tendrá nuestra presentación.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 7
Para comenzar a familiarizarnos con la aplicación, recomiendo empezar con un
Genially en blanco.
Ahora vamos a analizar la ventana principal que nos permite crear un GENIALLY.
Tenemos 4 secciones en esta ventana principal:
1. “MENÚ SUPERIOR”
2. “MENÚ PRINCIPAL”
3. “PÁGINAS O DIAPOSITIVAS DE NUESTRA PRESENTACIÓN”
4. “ÁREA DE TRABAJO”
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 8
3.1.MENÚ SUPERIOR
Donde encontramos las siguientes opciones:
Podremos deshacer o rehacer las acciones que vayamos realizando.
Genially tiene autoguardado, en la parte superior podremos ver si lo que llevamos
realizado se ha guardado correctamente.
En este recuadro podremos ponerle un título a nuestra presentación.
Aparece la información de si nuestra presentación está en modo borrador (todavía no ha
sido publicada) o si la hemos publicado de forma privada o no.
Podremos añadir colaboradores para poder hacer un Genially en equipo. Para ello
debemos introducir el email de aquellas personas que queramos añadir y asegurarnos
que están debidamente registrados en Genially.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 9
Pinchando en este botón previsualizaremos nuestra presentación. De esta manera
podremos ver las animaciones y la interactividad que hemos introducido en nuestras
diapositivas.
Una vez terminado nuestro Genially, pincharemos en “LISTO” y nos dará la opción de
presentarlo, compartirlo mediante enlace, email o en redes sociales o descargarlo en
PDF , JPG o en formato HTML para poder presentarlo sin conexión a internet.
Estas 3 formas de descarga solo están disponibles para la opción PREMIUM.
Con este botón situado en la parte superior derecha, podremos ultimar las opciones de
configuración de nuestro Genially. Poniendo el cursor del ratón sobre el icono
obtendremos información de cada una de las opciones disponibles.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 10
3.2. MENÚ PRINCIPAL
3.2.1.Texto
Tenemos diferentes tipos de textos predefinidos para introducir texto en
las páginas de nuestro Genially.
Para introducirlo, o bien arrastramos el tipo de texto que queremos
introducir, o bien hacemos doble click con el ratón sobre el mismo.
Una vez introducido, aparecerá dentro de una caja de texto en el área de
trabajo.
Esta caja la podremos agrandar, girarla o arrastrarla a la posición de la
diapositiva que deseemos.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 11
Estos textos podremos configurarlos como queramos, si lo seleccionamos con el
cursor nos aparecerá el menú de edición de texto que tiene las siguientes opciones:
CORTAR, COPIAR Y PEGAR
ELIMINAR
BLOQUEAR , de manera que lo podamos fijar
dentro de la diapositiva y no se pueda ni editar
ni mover
ORDENAR por si queremos traer adelante o
llevar atrás el texto con respecto a otros
elementos de nuestras diapositivas.
POSICIONAR podremos situar el texto centrado,
centrado arriba, centrado abajo, en una de las
esquinas…
TRANSPARENCIA
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 12
Si queremos hacer nuestro texto con un poco
de transparencia.
COLOR DE TEXTO, FUENTE Y TAMAÑO
NEGRITA, CURSIVA, SUBRAYADO
SUBRAYADOR
PONER UN TEXTO EN MAYÚSCULAS
AÑADIR SOMBRA AL TEXTO
CENTRAR EL TEXTO O ALINEARLO A LA
IZQUIERDA O LA DERECHA
INTRODUCIR UN LISTADO
INTERLINEADO E INTERLETRADO
ELIMINAR FORMATO
Deshace todos los cambios y el texto vuelve a
su formato original.
3.2.2.Imagen
Podemos introducir imágenes procedentes de diferentes sitios en nuestros Geniallys:
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 13
- Desde TU EQUIPO.
- URL , copiando la dirección de la imagen.
- Desde una GALERÍA de imágenes que ofrece GENIALLY
- Desde PIXABAY, aparecerá un buscador donde podremos seleccionar cualquier
imagen de esta plataforma.
- Podemos introducir cualquiera de los GIFS que ofrece la plataforma GIPHY
- Mi marca, solo disponible desde la opción PREMIUM, en la que podremos
introducir nuestro logo o marca.
Una vez introducida la imagen que queremos, al igual que ocurre con los textos,
podremos hacerla más grande o más pequeña, girarla o posicionarla en el lugar de la
página que queramos.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 14
Al seleccionar con el ratón la imagen en el área de trabajo, nos aparecerá un
menú superior donde podremos configurarla. Este menúes muy parecido al menú para
editar los textos, pero se le añaden algunos botones nuevos.
MÁSCARAS DE IMAGEN
Donde podremos añadir marcos o difuminar los bordes
RECORTAR LA IMAGEN
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 15
3.2.3. Recursos
Desde esta opción del menú podremos añadir multitud de elementos muy útiles.
Todos estos recursos están ordenados por categorías, además tenemos un buscador
para facilitar la tarea de encontrar el recurso que más se ajusta a lo que deseamos.
Los recursos están ordenados en las siguientes categorías:
ICONOS FORMAS LÍNEAS Y FLECHAS
ILUSTRACIONES ESCENARIOS MAPAS
SILUETAS
Todos estos recursos se pueden editar del mismo modo que se editan las
imágenes, además desde el menú superior, podremos cambiarle el color.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 16
3.2.4. Elementos interactivos
Desde aquí podremos añadir unos botones muy vistosos que normalmente
podemos utilizar para introducir en ellos vínculos a otras páginas de nuestra
presentación, que nos enlacen con otras páginas de internet o que al pinchar en ellos se
nos reproduzca algún video. Más adelante en este tutorial en el apartado
“interactivdad”, veremos cómo introducir estos vínculos.
Algunos ejemplos de botones que podemos introducir desde aquí son los
siguientes:
BOTONES BOTONES DE TEXTO MARCADORES
REDES SOCIALES NÚMEROS Y LETRAS ÁREA INVISIBLE
Todos estos botones son editables, podremos cambiar el color, el texto…
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 17
El menú de edición aparecerá en la parte superior cuando seleccionemos el
botón que queramos editar con el ratón. Las opciones de edición son las mismas que
están disponibles para editar texto y/o imágenes.
3.2.5. Smartblocks
Esta nueva sección de Genially me encanta. ¿Qué son los Smartblocks? Son
conjuntos de elementos ya prediseñados de Genially que nos pueden servir para
nuestras presentaciones. Solo tendríamos que personalizarlos un poco y listo.
Los Smartblocks están clasificados por categorías, algunos ejemplos son:
DATOS/TABLAS/GRÁFICAS DIAGRAMAS GALERÍAS / IMÁGENES
Para insertar tablas y gráficas Diagramas de todo tipo Collages ya prediseñados
muy vistosas, solo tienes que fácilmente editables donde solo tendrás que
cambiar los datos. sustituir las imágenes
FULL SIZE BOX PERFILES /TEAM
Diseñados para introducir de
forma automática en el tipo Elementos variados, pueden
Para hacer perfiles de
de plantilla infografía vertical. incluir imágenes, texto,
usuario de forma muy fácil y
Modificándole el tamaño son botones…
profesional
válidos para cualquier tipo de Se incluyen también
plantilla. diferentes diseños de
páginas de otras plantillas
LISTA /PROCESO MAPAS TIMELINE
Mapas con botones, texto y Para hacer líneas del tiempo
Para poder explicar cualquier otros elementos que pueden realmente increibles.
proceso o lista de forma ser muy útiles
detallada y precisa
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 18
3.2.6. Insertar
Desde aquí podremos insertar VIDEOS, AUDIOS o algunos elementos de otras
aplicaciones como un mapa de Google Maps, un tweet, una publicación de Facebook, o
cualquier otro archivo de Google Drive, entre otras muchas cosas.
INSERTAR VIDEO
Podremos insertar un video de Youtube o de Vimeo. Para ello solo tendremos
que pegar el enlace de dicho video.
Una vez insertado podremos ajustar el tamaño o girarlo como si fuese una
imagen.
En la parte derecha se abrirá un menú que nos permite editar otras opciones del
video:
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 19
- AUTOPLAY, que se empiece a reproducir de forma automática
- LOOP, que una vez finalizada su reproducción comience de nuevo.
- MUTE, que se reproduzca sin sonido.
- OCULTAR BARRA DE REPRODUCCIÓN.
También podremos seleccionar que no se reproduzca desde el principio para ello
estableceremos en qué minuto/segundo queremos que comience la reproducción.
*** Si quieres que tu video aparezca cuando pinchemos en alguna imagen, texto, o
botón de tu diapositiva, lo explico en el apartado “INTERACTIVIDAD” de este tutorial.
INSERTAR AUDIO
Podremos insertar audio en nuestras páginas o diapositivas desde nuestro
ordenador o pegando el enlace del audio si está alojado en alguna plataforma de
sonidos, podcast o canciones.
Muy pronto, Genially ofrecerá un banco de audio disponible igual que lo ofrece
con las imágenes.
Una vez introducido el audio, aparecerá en una caja dentro del área de trabajo
que podremos como cualquier elemento modificar el tamaño o girar.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 20
En la pare derecha tendremos las opciones de configuración del audio, que son
similares a las opciones que nos aparecían para configurar los videos.
Una nueva opción que ha introducido Genially es poder introducir un audio de
fondo que se reproduzca en todas las páginas o diapositivas de nuestra presentación.
Para ello, se ha introducido una sección encima del área de trabajo:
INSERTAR ELEMENTO DE OTRA APLICACIÓN
Para insertar un elemento de otra página web y que podamos verlo sin salir de nuestro
Genially, pegaremos el enlace o el código HTML (debes buscar cómo obtener el enlace
o el HTML en la aplicación de la que quieras insertar dicho elemento).
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 21
Las aplicaciones que permiten que sus elementos puedan ser introducidas en
Genially son las siguientes:
3.2.7. Fondo
En nuestras presentaciones podremos colocar dos tipos de fondos:
- Un fondo BASE, que será el que se vea detrás de nuestras páginas.
- Un fondo para el LIENZO, que será el fondo que tengan nuestras páginas.
De esta manera tendremos una sensación de espacio infinito.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 22
Tanto para aplicar un fondo para la base, como un fondo para el lienzo, podremos
escoger entre diferentes opciones:
- “NINGUNO”, si seleccionamos esta opción el fondo será transparente.
- “SUBIR”, podemos escoger como fondo una imagen subida desde nuestro
equipo.
- “COLOR”, podemos elegir cualquier color como fondo.
- “GALERÍA”, encontraremos diferentes fondos que nos ofrece Genially
- “PIXABAY”, donde podremos buscar cualquier imagen que nos ofrece este
plataforma.
- “MI MARCA”, exclusivo para las cuentas premios donde podremos escoger algún
fondo con nuestra marca o logotipo.
Una vez hecha la selección, si pinchamos sobre el fondo escogido, se aplicará
automáticamente en nuestra presentación de Genially.
3.2.8. Páginas
AÑADIR UNA PÁGINA
Desde aquí podremos gestionar todas las páginas que tiene nuestra
presentación. En la parte izquierda, aparecen todas las páginas que tiene nuestra
presentación, si pulsamos en el botón superior “AÑADIR PÁGINA”, podremos incluir
algunas más.
Las páginas nuevas que queramos incluir pueden ser de la plantilla que estamos
utilizando o incluso de otras plantillas de Genially o algunas que hayamos usado en
otras presentaciones creadas con anterioridad:
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 23
Para visualizar todas las páginas de nuestra presentación tenemos dos opciones
que podemos escoger en la parte inferior izquierda:
Visión en cuadrícula
Visión en lista
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 24
CÓMO DUPLICAR O ELIMINAR UNA PÁGINA
Si ponemos el ratón sobre una de las páginas, nos aparecen los botones para
duplicarla o eliminarla:
CAMBIAR EL TÍTULO A UNA PÁGINA
Debajo de cada pagina aparece su título, si hacemos click con el ratón en la caja
del texto, podemos cambiarle el título:
CAMBIAR EL ORDEN DE LAS PÁGINAS
Para cambiar el orden de las páginas, tanto en la visión de lista, como en la de
cuadrícula, lo único que tenemos que hacer es arrastrar la página hasta el lugar
deseado.
INTRODUCIR TRANSICIONES
En la parte derecha, aparece un menú de configuración en el que podremos
añadir transiciones a nuestras páginas, cambiar el tamaño o configurar el método de
navegación.
Si no aparece este menú de forma automática, pincharemos en la pestaña que
tiene 3 puntitos en la parte derecha:
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 25
Elegiremos la opción de transiciones y añadiremos la que más nos guste. Están
clasificadas por su orientación de movimiento:
CAMBIAR EL TAMAÑO DE LA PÁGINA
En la opción “lienzo”, podremos configurar el tamaño de nuestras páginas.
Genially tiene formatos de tamaño ya predefinidos o podemos introducir el tamaño que
queramos de forma manual:
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 26
NAVEGACIÓN ENTRE PÁGINAS
En la pestaña navegación podemos seleccionar tres tipos diferentes para
navegar por nuestra presentación:
- ESTÁNDAR, para navegar entre páginas aparecen unos iconos de avance y
retroceso en cada página.
- VIDEO, cada página pasa de forma automática cada cierto tiempo.
- MICROSITE, los iconos de avance y retroceso desaparecen y se avanza con
diferentes botones que nosotros insertemos con interactividad (ver apartado
“INTERACTIVIDAD”). Esta opción es ideal para algunos juegos.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 27
4. INTERACTIVIDAD
Este es sin duda uno de los puntos fuertes de GENIALLY. Con esta opción, el
alumno pasa de ser un actor pasivo, a tener un papel activo, haciendo de esta manera
las presentaciones mucho más enriquecedoras.
Podemos hacer interactivo cualquier elemento que hayamos introducido en
nuestro Genially (textos, imágenes, botones…).
Es muy sencillo, solo tenemos que seleccionar en la página de nuestra
presentación el elemento que queramos hacer interactivo, y pulsar sobre la mano que
nos aparece encima.
Seleccionaremos entre los 4 tipos de interactividad:
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 28
- ETIQUETA, se despliega una etiqueta cuando se pasa el ratón por el elemento
seleccionado. Ideal si queremos introducir poco contenido.
Visión de interactividad de una etiqueta
En esta etiqueta podremos introducir texto, imágenes, videos, un hipervínculo…
- VENTANA, se despliega una ventana de mayor tamaño que una etiqueta, cuando
se pasa el ratón por el elemento seleccionado. Ideal si queremos introducir
mucho contenido
Al igual que en las etiquetas, podremos introducir texto, imágenes, videos, un
hipervínculo… y en la parte superior podremos seleccionar si queremos la ventana
pequeña, mediana o grande.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 29
- IR A PÁGINA. Con esta opción, pinchando en el elemento en el que hayamos
introducido la interactividad, podremos ir a la página que elijamos de nuestra
presentación.
- ENLACE. Con esta opción, pinchando en el elemento en el que hayamos
introducido la interactividad, podremos abrir cualquier página web introduciendo
su enlace.
EDITAR O ELIMINAR UNA INTERACTIVIDAD
Cualquiera de estas interactividades pueden ser editadas pinchando de nuevo
sobre el icono de la mano situado encima del elemento que tiene la interactividad.
También pueden ser borradas pinchando sobre el icono de la papelera situado en la
parte inferior derecha.
RAMÓN FORMOSO MARTÍNEZ.
TUTORIAL GENIALLY 30
5. ANIMACIONES
Con esta opción haremos nuestras presentaciones más vistosas. Una vez
introducidos los elementos en cada una de las páginas de nuestras presentaciones,
podemos animarlos con espectaculares movimientos.
Para insertar las animaciones, debemos seleccionar el elemento al que
queremos introducirle el movimiento y pinchar sobre el icono del asteroide.
Algunas de las plantillas de Genially ya viene con animaciones preestablecidas
que podemos modificar o eliminar.
Esta animaciones pueden ser:
- ENTRADA, introduce el elemento en la página con algún movimiento.
- SALIDA, el elemento desaparece de la página con algún movimiento.
- CONTINUO, el elemento tiene alguna animación de forma continuada.
- RATÓN ENCIMA, el elemento realiza alguna animación cuando se pasa el ratón
por encima.
RAMÓN FORMOSO MARTÍNEZ.
