tutorial moovly
DESCRIPTION
Tutorial de Moovly, una plataforma que nos permite crear animaciones para vídeo o presentaciones, con resultados profesionales de una manera muy sencilla de manejarTRANSCRIPT
![Page 1: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/1.jpg)
Tutorial
![Page 2: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/2.jpg)
¿Qué es Moovly?
•Moovly es una nueva y potente herramienta en línea que nos ayudará a crear vídeos animados, banners, presentaciones interactivas y otros contenidos.
•Actualmente se encuentra en la prueba beta pública.
•Podemos registrarnos para participar.
![Page 3: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/3.jpg)
¿Cómo registrarnos?
•Entramos a la página: http://www.moovly.com/
![Page 4: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/4.jpg)
Nos aparece un nueva ventana
![Page 5: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/5.jpg)
Completamos el formulario y aceptamos las condiciones
![Page 6: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/6.jpg)
Nos llegará a nuestro correo la contraseña para acceder a la herramienta
![Page 7: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/7.jpg)
•Volvemos a la página de inicio, pulsamos en “Login” y luego en “click to login” y nos aparece esta ventana emergente
![Page 8: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/8.jpg)
• Podemos crear contenido nuevo desde cero, editar una animación existente o duplicar una y editar la copia.
• Como es nuestro primer proyecto vamos a hacer click en “New project”
![Page 9: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/9.jpg)
Paso a paso…
![Page 10: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/10.jpg)
La herramienta nos ofrece diferentes opciones
![Page 11: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/11.jpg)
Elegimos la opción “animated video”
• Buscar objeto y arrastrarlo al escenario.
• Ajustar el objeto a nuestras necesidades.
![Page 12: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/12.jpg)
¿Cómo ajustar el objeto a nuestras necesidades?
• Seleccionamos el objeto y en la barra derecha nos aparecen las herramientas
• Desde las líneas de selección del objeto también podemos cambiar tamaño y girar.
![Page 13: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/13.jpg)
Desde nuestro ordenador
También podemos :
• Importar imágenes y audio desde nuestro ordenador.
• Grabar voz
![Page 14: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/14.jpg)
¿Cómo ajustar el tiempo?
• Se puede ajustar el tiempo de un objeto, porque cada objeto que se coloca en el escenario, una línea correspondiente aparece en la línea de tiempo. No se puede ajustar el tiempo y la animación del objeto:
• Arrastrar la “barra gris” de la izquierda o la derecha para cambiar su aparición y desaparición
• Arrastrar los bordes de las barras grises hacia el interior o hacia el exterior para hacer que la duración apariencia más corto o más largo
![Page 15: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/15.jpg)
• Delante del nombre del objeto, se ve una pequeña flecha (1) Hacer click en la flecha para abrir las opciones de animación (2)del objeto. Hacer click en “choose animation" para abrir el menú de animación.
![Page 16: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/16.jpg)
Animaciones… para que cada uno explore
Aparece y rebota Aparece rápido, rebota y
desaparece Aparece alejado, rebota , se acerca y se queda
Dibuja la animación Desaparece de izquierda a
derecha
Aparece y se queda Aparece y desaparece
gradualmente Aparece volando y se queda Desaparece gradualmente
volando Una mano arrastra el objeto al escenario Una mano saca el objeto del
escenario Una mano abierta coloca el objeto en el escenario Una mano abierta retira el objeto en el escenarioUna palma desde la izquierda coloca el objeto
Una palma desde la derecha coloca el objeto Aparece de izquierda a
derecha
Aparece y se mueve
![Page 17: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/17.jpg)
•Seleccionar una animación y ajustar su tiempo arrastrando los “extremos” del borde hacia la izquierda o la derecha.
![Page 18: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/18.jpg)
Agregar un objeto de texto
• Hacer click en el icono "T" y arrastrar al escenario. Hasta el lugar que deseamos colocar el texto. Introducir el texto y ajustar las propiedades del texto (fuente, tamaño, color) en el panel Propiedades. Podemos controlar el momento y la animación de este objeto de texto en la línea de tiempo de la misma forma que para otros objetos.
![Page 19: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/19.jpg)
… más herramientas
![Page 20: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/20.jpg)
¿Cómo compartir y exportar nuestra animación?
• Vamos a nuestra página en Moovly y al pulsar sobre nuestro proyecto nos aparece una ventana emergente que nos permitirá :
-Details
-Edit
-Eliminar
![Page 21: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/21.jpg)
Details : nos permite visualizar nuestro video, descargarlo a nuestro equipo desde la opción “download”y se nos notificará por e-mail cuando el vídeo está listo para su descarga. También podemos invitar vía mail a diferentes personas para compartirlo desde “Share”.
Edit: continuar editando el proyecto.
![Page 22: Tutorial Moovly](https://reader036.vdocuments.site/reader036/viewer/2022081417/557ee308d8b42a57098b4f8c/html5/thumbnails/22.jpg)
Diseño y presentación: Prof. Daniela Virgili @danimusiquera