Introducción a la animación con Hype Record

• Mayo 2, 2024

Hype tiene una característica muy agradable para el animador principiante, llamada la función Grabar. Para usar esta función, simplemente haga clic en el gran botón rojo Grabar. Eso es lo que haremos en este tutorial.

Como hemos aprendido, para crear una animación, solo necesitamos un cuadro de inicio y parada. Por ejemplo, para disminuir el tamaño de un rectángulo mientras se mueve por la pantalla, le diríamos a Hype en qué cuadro iniciar la animación y en qué cuadro detener. Debido a que estamos trabajando con animación basada en la línea de tiempo, podemos hablar con Hype usando fotogramas clave en la línea de tiempo. Y, lo adivinó, colocaremos estos fotogramas clave en esos dos fotogramas especiales de inicio y detención.

Cuando Hype ve un fotograma clave, toma nota de las propiedades de un objeto, como un rectángulo, en la pantalla. Solo algunas de las propiedades que Hype tomará nota son Opacidad, Origen a la izquierda, Origen a la derecha, Altura del tamaño y Ancho del tamaño. Estas propiedades corresponden a las propiedades de estilo CSS en un documento HTML5. Hype almacena los valores de estas propiedades junto con la posición o marco correspondiente en la línea de tiempo.

Nuestro primer paso para crear esta animación de muestra es decirle a Hype qué tamaño debe hacer el rectángulo y dónde colocarlo en la pantalla al comienzo y al final de la animación. Podemos hacer todo esto con el botón Grabar.

1. Haga clic en Archivo - Nuevo para comenzar un nuevo documento en Hype, utilizando la configuración predeterminada.
   
   Agreguemos el rectángulo a la pantalla.
   
   
2. Haga clic en el icono Elementos en la barra de herramientas y elija Rectángulo. Hype colocará un nuevo rectángulo en el centro de la pantalla.
   
   Coloquemos el rectángulo donde queremos que esté para el comienzo de la animación. Mantendremos el tamaño predeterminado, por lo que todo lo que tenemos que hacer es mover el rectángulo.
   
   
3. Arrastre el rectángulo al borde izquierdo de la pantalla.
   
   
4. Echa un vistazo al Inspector de métricas. El rectángulo está ahora a 7 píxeles del borde izquierdo y 149 píxeles del borde superior. Además, tiene 102 x 102 píxeles.
   
   

Ahora, queremos que el rectángulo se mueva al borde derecho y reduzca un 50%. Además, queremos que esto suceda en solo 30 cuadros. Digamos a Hype esta información a través de la función Grabar en el próximo tutorial.

Seguir

Instrucciones De Vídeo: GoPro: Introducing HERO8 Black — Beyond Next Level (Mayo 2024).