UNIVERSIDAD

NACIONAL DEL LITORAL

VIRTUAL

Cómo crear contenidos

animados e interactivos
con Genially
Genially es una herramienta en línea que
permite generar contenidos visuales
dinámicos e interactivos.
A través de cada creación se pueden
proponer recorridos no lineales, vincular
diferentes lenguajes (imágenes, gráficos,
textos, audios, videos, animaciones) y
desarrollar experiencias interactivas en
múltiples formatos de presentación. Interface de los PASOS 1 y 2: Pantalla de Inicio de Genially.
La aplicación ofrece gran variedad de
plantillas gratuitas y permite compartir
enlaces o embeber el contenido en las
aulas virtuales.

PASO 1: Ingresar a Genially desde

dispositivos o computadora a través del
enlace https://app.genial.ly

PASO 2: Seleccionar Crea ya tu cuenta

gratis o Regístrate en la barra superior.

PASO 3: Ingresar E-mail y contraseña y

cliquear Registrame. FCE

En los pasos siguientes, se debe elegir un

sector (Educación) y perfil (Docente,
Alumno) como productor de contenidos. Interface del PASO 3 : Vista de campos requeridos para el registro. Opciones de registro utlizando otras
cuentas.

CEDyT | CENTRO DE EDUCACIÓN Y TECNOLOGÍAS Página 1

 UNIVERSIDAD
NACIONAL DEL LITORAL
VIRTUAL

PASO 4: Una vez dentro de la cuenta, en el Adrián Roberto Brando

bloque lateral izquierdo, seleccionar Crear

Genially.
Cliquear sobre el tipo de pieza que se desea
crear:
• Presentación,
• Dossier e Informe,
• Ejercicio de pregunta y respuesta,
• Ficha que sigue la mecánica de juego,
• Imagen interactiva,
• Infografía,
• Guía informativa,
• Video presentación,
• Ficha personal,
• Posteo para redes sociales.
• En Blanco
Interface del PASO 4: Vista de tipos de piezas a crear.

PASO 5: Cliquear sobre las imágenes para

ver cómo funcionan las diferentes plantillas.

Una vez elegida la plantilla que se va a usar

como base del contenido, seleccionar Elegir
esta plantilla.
Si no se desea usar una plantilla, seleccionar
Creación en blanco.

Nota: Las plantillas gratuitas son aquellas

que no están destacadas con la estrella.
FCE

Interface del PASO 5: Accesos a las plantillas disponibles por cada tipo de pieza.

CEDyT | CENTRO DE EDUCACIÓN Y TECNOLOGÍAS Página 2

 UNIVERSIDAD
NACIONAL DEL LITORAL
VIRTUAL

PASO 6: Editar la plantilla: agregar o

1
reemplazar textos e imágenes; 3
2
cambiar efectos y animaciones de los
elementos; agregar o quitar botones, links,
imágenes o formas; sumar o quitar páginas;
editar el formato de los textos (cambiando
tipografía, color y tamaño); reubicar los
elementos; etc.

1) Barra superior de opciones para cortar,

copiar, borrar, bloquear, cambiar ubicación,
agregar transparencia y cambiar color que
puede ser para texto o imagen; y
herramientas de edición de texto.

2) Menú lateral para agregar nuevos

componentes a la plantilla: texto, imagen, 4
formas y gráficos, botones, información
adicional como tablas, enlaces, fondo y Interface del PASO 6: Vista de la interface de edición con los menús y secciones destacados.
páginas.

3) Opciones para definir efectos de objeto,

transiciones, duración y velocidades.

4) Barra inferior con opciones de añadir o

borrar página, previsualizar, zoom,
desplazamiento por página, ajustes de
tamaño del lienzo y opciones de navegación.

CEDyT | CENTRO DE EDUCACIÓN Y TECNOLOGÍAS Página 3

 UNIVERSIDAD
NACIONAL DEL LITORAL
VIRTUAL

PASO 7: El contenido se podrá ir

previsualizando a medida que avance la
edición e irá guardándose
automáticamente en la cuenta de usuario.

Una vez terminado el recurso, cliquear

Listo! para presentar y/o visualizar las
opciones para compartir.

Al cliquear Compartir, aparecerá una

ventana emergente con varias opciones:

En la pestaña Enlace aparecerá la URL del

recurso para compartirlo como link dentro
del aula virtual (Ejemplo 1)
Interface del PASO 7 (Ejemplo 1): Ventana emergente con el link para visualizar el recurso en ventana
emergente, fuera del aula virtual.
Si lo que se quiere es incrustar o embeber el
recurso dentro del aula, para que los
alumnos puedan navegarlo sin salir de ella,
se debe seleccionar la pestaña Insertar y
Copiar el primer código HTML que aparece.
(Ejemplo 2)

Este código deberá pegarse, ingresando al

editor de cualquier recurso, dentro de la
vista HTML, a la cual se ingresa desde el
botón <>.

Interface del PASO 7 (Ejemplo 2): Ventana emergente con códigos HTML para incrustar el recurso en el
aula virtual.

CEDyT | CENTRO DE EDUCACIÓN Y TECNOLOGÍAS Página 4