Trabajo Práctico-Presentación Genial.ly (Informática, Unidad N°3)

Tutorial de Genially.

INFORMÁTICA

"uNIDAD 3"

BIENVENIDOS!

Al finalizar este tutorial serás capaz de crear contenidos interactivos en imágenes con Genial.ly.

Es una herramienta para crear imágenes con:

Animación: Permite que los elementos de la imagen se muevan y así captar mejor la atención al usuario.

Interactividad : Permite al usuario acceder a más información y a otras páginas solo haciendo click en un punto de la imágen.

Disponible en todos los sistemas operativos

Computadoras y/o laptop

Tablet

Smartphone

Volver

¡Registrate gratis!

• Podrás crear tantas imágenes como quieras, acceder a un sinfín de recursos (fondos, ilustraciones, iconos) y sin límite de visualizaciones.

• Podrás compartirlas mediante enlace o directamente en tus Redes Sociales.

• Las limitaciones del plan gratuito, básicamente, son: Que no puedes descargar tus creaciones, solo compartirlas y que no podrás eliminar el logotipo de Genial.ly.

• Si te dedicas profesionalmente a la creación de contenidos ahí si necesitarás adquirir la licencia que mejor se ajuste a tus necesidades.

¿Cómo empezar?

1) Entrá a genial.ly/register.2) Haz clic en "crea ya tu cuenta gratis" o en "Registrate".

3) Escoja el método de Registro: Puedes registrarte con tu cuenta de Google o tu Red Social, o crear un correo.

4) Deberás facilitar alguna información sobre tu actividad con Genial.ly: tendrás que seleccionar si te dedicas a la educación, a crear contenido corporativo o a Social Media. 5) Luego, aparecerán diferentes perfiles según la opción seleccionada: Profesor, alumno, diseñador… 6) Selecciona el que corresponda y haz clic en «Siguiente».

7) Una vez que se inicia sesión aparecerá el Panel principal de Genial.ly, dónde puedes seleccionar lo que deseas crear.

Aquí accedes a tus creaciones dónde puedes editarlas, compartirlas, organizarlas en carpetas y más ...

Aquí puedes explorar los trabajos de otros usuarios e inspírate en los mejores creadores de Genial.lys.

Aquí puedes configurar tu marca y subir tus tipografías, tu logo, tus colores, tus imágenes, tus fondos y más ...

Aquí puedes realizar un breve tour por el panel.

Haz click aquí para crear una Presentación Nueva y elegir tus diseños de Plantillas.

EJEMPLO: "Tarjeta de Feliz Cumpleaños".1) Haz clic en una Presentación que más te guste, en este caso se elegirá la "Presentación Acuarela".2) Presioná en el (+) en el centro de la Plantilla escogida y luego haz click en "Usar esta Plantilla".

SI DESEAS CREAR UNA PLANTILLA ...

3) Una vez abierta la Plantilla seleccioná las páginas con las que deseas comenzar a crear.4) Cuando termines, haz clic en "Añadir".

5) Una vez abierto el editor, agregá un título, será necesario para poder visualizar y compartir tu presentación.(Su espacio está disponible en la barra superior como indica la siguiente imagen)

*

- Añade texto al lienzo. - Puedes elegir diferentes formatos. - Además de los clásicos (Encabezados, Listas enumeradas, de Puntos ...) Existen algunos diseños de texto con diferentes tipografías y disposiciones.

*

- Los apartados que encuentras son los siguientes: Iconos, formas, gráficos, líneas y flechas, ilustraciones, escenarios, mapas y siluetas. - Hay un buscador para filtrar los recursos por palabras clave y un montón de diseños .

*

Menú interactividad.

*

- Permite añadir bloques de contenido con disposiciones pre diseñadas, como gráfico, diagramas y galería de imágenes.

*

- Genial.ly permite añadir también contenido de audio, vídeo y otros, por ejemplo: un tuit o publicación de cualquier red social. - En el caso de querer agregar audios, puedes subir un archivo de audio, grabar directamente pulsando un botón o pegar el enlace al recurso. - En el caso de los vídeos, Genial.ly admite enlaces de Viameo y Youtube.

*

- Podrás elegir fondos diferentes para el lienzo (recuadro central) o la base (recuadro exterior) .- Elegir un fondo pre diseñado del catálogo disponible. - Elegir una imagen de la galería de Genial.ly, utilizar el acceso directo a Pixabay para buscar una imagen libre de derechos, poner un fondo liso, o subir una foto de tu PC. - Si tienes una licencia Premium, además podrás crear tus propios fondos y guardarlos para utilizarlos cuando quieras. -Abajo de todo de la pestaña tienes la opción de aplicar el mismo fondo a todas las páginas.

*

Aquí puedes ver el resumen de tus páginas en lista o cuadrícula. Pasando el cursor sobre la esquina superior derecha, aparecen los iconos de duplicar o eliminar. - Se despliega una barra lateral donde se ven las miniaturas de todas las páginas de tu Genial.ly. - Puedes añadir más páginas haciendo clic en la barra superior. - La herramienta te da la opción de añadir página en blanco, páginas de la plantilla con la que estés trabajando o páginas de alguna de tus creaciones - Si apoyas el cursor sobre la miniatura de una página, aparecen los iconos de «duplicar» y «eliminar» en la esquina superior derecha. - Si mantienes el cursor pulsando sobre la miniatura de una página podrás arrastrarla: así puedes cambiarlas de orden.

Deshacer/Rehacer acción.

Añadir título.

Colaboradores.

Vista previa.

Zoom.

Añadir interactividad.

Añadir animación.

*

En creatividades con más de una página, aquí puedes pasar de página y colocar la siguiente en el editor.

*

- Haz clic aquí cuando termines de editar tu Genial.ly. - Aparecerá una ventana de ajustes para configurar si deseas que tu Genial.ly sea privado o público, si quieres establecer una contraseña de acceso y si quieres que sea reutilizable. - También podrás editar el título y añadir una descripción. Luego aparecerán 3 opciones:

• Presentar
• Compartir
• Descargar

La opción "Descargar" solo está disponible con licencia Premium.

*

En este menú encontrarás:

• - VISUALIZACIÓN
• - PRIVACIDAD
• - MODO DISEÑADOR
• - ATAJOS DE TECLADO

Soporte.

*

- Podrás elegir fondos diferentes para el lienzo (recuadro central) o la base (recuadro exterior). - Elegir una imagen de la galería de Genial.ly o Pixabay para buscar imagen libre, puedes insertar un fondo liso o subir desde tu PC. - Si tienes una licencia Premium, además podrás crear tus propios fondos y guardarlos para utilizarlos cuando quieras. - Abajo de todo de la pestaña tienes la opción de aplicar el mismo fondo a todas las páginas.

*

- Haz clic sobre «Insertar» en el menú lateral podrás agregar un archivo de audio, el enlace a un vídeo o bien otros contenidos.- Si quieres añadir un vídeo, puedes hacerlo pegando un enlace.- En cuanto a los audios, puedes subir el archivo, pegar el enlace al audio que tengas en otra plataforma o directamente grabar tu audio para ponerlo de fondo.- «Otros» mostrará una serie de proveedores externos que pueden integrarse con Genial.ly.

- En este menú encontrarás:

• - VISUALIZACIÓN
• - PRIVACIDAD
• - MODO DISEÑADOR
• - ATAJOS DE TECLADO

El "Modo Diseñador" sirve para definir el tamaño de los elementos y su posición en el lienzo mediante valores numéricos.

Para acercar o alejar la imagen: Es muy util cuando el lienzo es muy grande y no ves bien los elementos que estás editando.

- Otra de las grandes ventajas de Genial.ly: la atención que prestan.

Añadir interactividad.

Añadir animación.

- Inserta aquí la dirección de correo electrónico de tus colaboradores (Ten en cuenta que sean parte de Genial.ly) para que puedan compartir el proyecto contigo.

- Si cometiste un error podes hacer clic en Deshacer. - Te permite retroceder uno o más pasos haciendo clic sobre la flecha hacia la izquierda. - Mientras que la flecha hacia la derecha te permite volver hacia delante.

En <Lienzo>podras configurar el tamaño del lienzo.

En <Transición> puedes configurar el efecto entre las páginas.- Puedes establecer con que efecto visual quieres que desaparezca una página y aparezca la siguiente: ¿Un latido? ¿Un giro? entre otros.- Pasando el cursor por encima de cada una de las opciones, tienes los efectos vertical, horizonal y central.

Volver

En <Modo Navegación> puedes establecer como el usuario puede navegar por las páginas de Genial.ly. - Existen 3 opciones: * Estándar: Haz clic en las flechas laterales para pasar a la página siguiente o anterior.* Vídeo: Las páginas de tu Genial.ly se reproducen por como se tenga establecido el orden, y se tiene una duración de tiempo que desees para mostrar en cada página.* Microsite: La única forma de cambiar de página es a través de los enlaces interactivos que se haya configurado con <<Ir a Página X>>

- En este punto vamos a crear una Tarjeta de Cumpleaños.- Incluye un botón animado, que además es interactivo: Haciendo click sobre él nos permite pasar a otra página dónde estará la Tarjeta de Cumpleaños.- La tarjeta del Ejemplo es diferente de la Plantilla inicial. - Se realizan diferentes ediciones para poder explicar paso a paso.

Crea una imagen con Genially ...

• Si te equivocas tienes el botón <<Deshacer>> arriba a la izquierda.
• Si te cargas la Plantilla o eliminas algún elemento que deseas conservar, puedes recuperar la Plantilla inicial añadiendo una página.

Añadir Páginas:

• Haz clic sobre «Páginas» y sobre «Añadir página».
• Selecciona «Blank» en el cuadro que aparece y abajo en «Añadir» para que se añada una página en blanco.
• La nueva página tendrá el centro en blanco.
• Vuelve a hacer clic en cualquier parte del lienzo para que se cierre el menú lateral.

Editar Text0s:

• 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 , el tamaño, el color de letra.
• 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.
• 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.

Menú

¡ Deslice el cursor sobre los íconos de la barra de tareas para identificar cada uno !

Cortar (Ctrl + X)

Copiar (Ctrl + C)

Eliminar

Bloquear

Ordenar

Posicionar

Transparencia

Color

Fuente

Tamaño de Texto

Negrita

Cursiva

Subrayado

Color de Subrayado

Mayúscula

Sombra

Párrafo

Lista

Interlineado

Espaciado entre Párrafos

Interletrado

Eliminar Formato

Opciones con Elementos:

Eliminar elementos:

- Haz clic sobre el texto y a continuación sobre el ícono de palabra en la esquina superior izquierda.- Una vez seleccionados los elementos, haz clic en <<Papelera>> y automáticamente se eliminan.- Si seleccionas alguno que <<No toca>> puedes deshacer la selección clickeando fuera de ella.

Reorganizar:

- Se puedes desplazar de diferentes elementos y colocarlos en cualquier parte.- Apoya el cursor sobre un elemento cualquiera y mantén pulsado el botón derecho.- Mueve el mouse para arrastrar el elemento por el lienzo y suéltalo donde prefieras.

Editar elementos:

- Selecciona cualquiera de los elementos del lienzo para editarlo.- Una vez seleccionado puedes hacerlo más grande o más pequeño de las esquinas del mouse.- Puedes también cambiar los colores: Verás el selector de colores en el menú superior.

- En algunos elementos no es posible modificar el color, las opciones que se presentan son: Mantenerlo con el color que posee o buscar otro color editable.

N O T A S

Otra opción del editor es el selector de «Transparencia». Puedes modificar la saturación de color de los elementos. Te servirá para filtrar fotografías.

Transparencia

- Haciendo clic en el ícono, que se encuentra en la barra supeior izquierda luego de seleccionar la imagen, se desplegara una barra para corregir la saturación de la imagen.

Haz clic para ver el cambio.

- Como podemos ver aquí, hay un globo más claro en el centro de la imagen que no tiene el color tan saturado como los demás globos.

- Elegimos el botón que más nos guste de la sección "Elementos interactivos" en el apartado "botones" y lo seleccionamos ...

Cómo añadir un botón y hacerlo interactivo o animado ...

Una vez hecho eso, aparecerán los siguientes dos botones y de cada uno se abrirán dos paneles ...

- Cuenta con una barra de opciones para poner efectos de entrada, salida, continuos y rotación. - Podremos elegir su dirección y la velocidad con la que querramos que el efecto elegido transcurra.

- Etiqueta: 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: 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.

- Una vez terminada nuestra presentación hacemos clic en el botón "Listo" y nos aparecerán las siguientes opciones:

Cómo compartir un Genial.ly

- Aquí podremos configurar si queremos que nuestra presentación sea púlica o privada y también compartirla.

Luego de configurar estas opciones, presionamos "Listo" nuevamente y aparecerán las siguientes opciones ...

Si hacemos clic aquí, se mostrará la previsualización de Genial.ly.

Presiona posiciona el cursor sobre el ícono para ver todas las opciones.

Por último, esta opción solo está disponible para aquellos que tengan licencia PRO, MASTER o TEAM.

Enlace: Copia el enlace y envialo a quien quieras que va tu Genial.ly a través de cualquier medio o red social permitida en esta plataforma. Insertar: Se obtiene un código para agregar tu Genial.ly a tu página web. Enviar: Tendrás un espacio para introducir uno o más E-mails y los destinatarios recibirán un E-mail con el enlace para acceder a tu Genial.ly. Redes Sociales: Con esta opción creamos una publicación con el enlace a tu Genial.ly en la red social que quieras. Otros: Podremos compartir nuestro Genial.ly con grupos a través de Google, Classroom o Microsoft Teams.

¿Cómo funciona la profundidad?

• Cada elemento que añades constituye una capa que se superpone a la anterior.

• Los primeros elementos que añades están más al fondo, y los últimos, más al frente.

• Cuando se añade un elemento grande que quieres que se vea en el fondo se utiliza el botón «ordenar», que esta ubicado arriba a la izquierda. Es este icono, siempre visible arriba a la izquierda cuando tienes un elemento seleccionado:

• Para utilizarlo, primero debes seleccionar un elemento, y después hacer clic en él. Verás estas opciones para ponerlo más al fondo o más al frente:

Menú: <<Configuración>>

• Se encuentra en la esquina superior derecha.

• Dará paso a una ventana con cuatro pestañas: Visualización, privacidad, modo diseñador y atajos de teclado.

• Vinculandose a «Visualización», donde podrás configurar, compartir tu Genial.ly, permitir arrastrar los elementos y el estilo de las etiquetas.

• La pestaña «Privacidad» se trata de definir si quieres que tu Genial.ly sea público o privado.

MODO DISEÑADOR

• Permite indicar un valor numérico para la posición de los elementos, para las dimensiones y para el grado de rotación. Esto permite obtener un diseño profesional.
• Permitiendo que el tamaño de los iconos sean todos exactamente del mismo tamaño.
• Cuando actives el modo diseñador, verás esto en tu lienzo:

MODO DISEÑADOR

¡Opciones para editar las imágenes que añades a tu Genial.ly!

- Cuando tienes un elemento de imagen seleccionado, aparecen los botones “Máscaras” y “Recortar”. Estos son sus iconos:

- Puedes recortar la imagen que tienes seleccionada o bien añadirle una de las siguientes máscaras:

- Todas las opciones son reversibles. Si no te gusta el resultado, puedes eliminar la máscara haciendo clic en «Ninguno».- Igualmente, si no le gusta como queda una imagen que ha recortado, recupere el original haciendo clic en «Media», o vuelva a hacer clic en «Recortar» para modificar la selección.

Luego de hacer una investigación de la herramienta y llevar a cabo el trabajo nos dimos cuenta que Genial.ly es impresindible para las diferentes áreas a las que uno se dedica ya sea el trabajo, ámbitos educativos, entre otros.Cuenta con muchas plantillas y hay varios diseños disponibles que se ajustan al contenido sobre lo que uno quiere crear.Además tenemos la ventaja de que ofrece todas estas cosas de manera gratuita.Y así, damos por finalizada nuestra presentación de Geneal.ly.

Conclusión

Agustina Javorsky

Sofia Lozano

TizianaSalomone

SofiaDelonghi

AgustinaArias

Prof.: Federico Uicich.