En marcha con Hype lynda.com

• Abril 26, 2024

En este video curso de capacitación de lynda.com titulado Arriba y corriendo con bombo, el instructor Jake Stroh, cubre los conceptos básicos de Hype. Cuando haya terminado este curso de 1 hora y 37 minutos, tendrá la base para crear animaciones simples en Hype.

Stroh comienza con un recorrido rápido por la interfaz de usuario de Hype, desde la barra de herramientas hasta la línea de tiempo. Luego muestra cómo crear su primera animación, que consiste en mover un rectángulo a la pantalla con un desvanecimiento en efecto, utilizando la función Grabar. Le guía a través del proceso de establecer los valores de propiedad de posición y opacidad para los fotogramas clave iniciales y finales.

Sobre la base de ese simple ejemplo, Stroh luego analiza qué tipos de imágenes se pueden animar en Hype y cómo importarlas a través del menú Elementos. La imagen de muestra importada es un avión y muestra cómo crear una ruta de animación para que el avión vuele por la pantalla y cómo convertirla en una ruta de movimiento. Termina el segundo ejemplo agregando texto a la escena, peinando el texto y creando un desvanecimiento en efecto.

En la siguiente sección, Stroh comienza una discusión en profundidad de cómo el animador crea las animaciones html5 y css3 utilizando la función Timeline, Keyframes y Record. Cubre varios ejemplos de aplicación de fotogramas clave a propiedades de elementos. También analiza cómo usar algunos de los controles en la línea de tiempo para hacer ajustes precisos a su animación.

El siguiente tema es la flexibilización y cómo utilizar seis tipos de flexibilización para agregar física del mundo real a su animación. El ejemplo que discute es cómo lograr una animación de pelota que rebota combinando varios efectos de relajación. En los siguientes ejemplos, Stroh muestra cómo crear animación de transformación y cómo usar la herramienta Capo para refinar la animación de una secuencia de elementos en la línea de tiempo. También analiza cómo reutilizar animaciones en la misma escena y cómo evitar la limitación de que Hype no tiene una herramienta de punto de anclaje para la animación de rotación. Finalmente, analiza el uso de enmascaramiento, recorte y filtros CSS en sus animaciones.

La siguiente sección presenta la interactividad. Stroh comienza con una discusión sobre los tipos de botones integrados y cómo agregar acciones a sus etapas. A continuación, explica cómo agregar acciones a las imágenes para que funcionen como botones en la pantalla. Rápidamente pasa a controlar animaciones con múltiples líneas de tiempo y cómo agregar botones a la línea de tiempo principal para controlar líneas de tiempo adicionales. También demuestra cómo crear una línea de tiempo en bucle.

Para crear animaciones más complejas, Stroh analiza cómo trabajar con líneas de tiempo relativas y encadenamiento de acciones. En los siguientes ejemplos, muestra cómo trabajar con archivos de audio y controlar la reproducción con acciones de botón. También demuestra las diferencias entre el uso de múltiples líneas de tiempo y solo la línea de tiempo principal para controlar una presentación de diapositivas interactiva de la galería de imágenes.

A continuación, el ejemplo del proyecto es una galería de productos. Stroh analiza los pros y los contras de dos opciones, múltiples líneas de tiempo o escenas, para construir esto en Hype.

Ahora está listo para poner su proyecto en la web. Stroh muestra cómo exportar e incrustar su proyecto Hype y las diversas opciones para un sitio web independiente o agregar el proyecto a un sitio web existente.

Este no es un curso de aprendizaje en profundidad para Hype. Sin embargo, este curso le dará una idea de los tipos de animación que se pueden crear con el software Hype. Si está familiarizado con los clips de película en Adobe^R Destello^R, apreciará la discusión de Stroh sobre las líneas de tiempo de anidamiento, las líneas de tiempo relativas y el encadenamiento de acciones.

//www.lynda.com/Hype-tutorials/Up-Running-Hype/135360-2.html

Divulgación: no recibí compensación financiera por este artículo. Las opiniones son completamente mías basadas en mi experiencia.

Instrucciones De Vídeo: ¡NO PUEDO MÁS! ¡Estas fotos de CRISIS EN TIERRAS INFINITAS son demasiado buenas! (Abril 2024).