Motion Tweens en Flash CS6
En este tutorial, aprenderemos cómo crear un Motion Tween en FlashR CS6. Puede recordar que creamos una animación en un tutorial anterior que movió un círculo a través del escenario. En esa lección, creamos una animación Tween clásica. El Tween clásico es el tipo original de animación para Flash.

Ahora veremos un nuevo tipo de animación de interpolación. Esta vez, crearemos una animación Motion Tween que moverá un cuadrado a través del escenario. A primera vista, estas dos animaciones pueden parecer idénticas. Pero a medida que avancemos en las lecciones futuras, verá por qué Motion Tween es la opción de animación de interpolación favorita. Es muy flexible y puede usarse para crear animaciones bastante complejas.

  1. Abra Flash CS6 y elija ActionScript 3.0 en la columna Crear nuevo de la pantalla de bienvenida.

    Verá que tenemos una etapa en blanco y una capa en la línea de tiempo.

  2. Haga doble clic en el nombre de la capa y cambie el nombre de la Capa 1 a "Cuadrado".

  3. Establece el color del Trazo en nulo.

  4. Haga clic en el cuadro Color de relleno y elija cualquier color del Selector de color.

  5. Con la herramienta Rectángulo, dibuja un cuadrado en el escenario.

    En este punto, el cuadrado es una forma básica. Para confirmar esto, echemos un vistazo a la información en el panel Propiedades.

  6. Con la herramienta Selección, seleccione el cuadrado en el escenario.

    En el panel Propiedades, vemos que este objeto es una Forma. También podemos ver la posición, el tamaño y el color del objeto.

    El primer paso para crear una interpolación de movimiento es convertir la forma en un símbolo. Discutiremos los Símbolos Flash en profundidad en un tutorial futuro.

  7. Seleccione el cuadrado en el escenario y en la barra de menú, haga clic en Modificar - Convertir en símbolo.

  8. En el cuadro de diálogo Convertir en símbolo, nombre el símbolo "Cuadrado" y establezca el Tipo en Clip de película. Luego, establezca el Punto de registro en el centro haciendo clic en el cuadro central pequeño en el grupo de cuadros pequeños. Haga clic en Aceptar.

    Verá que aparece una delgada línea azul alrededor del cuadrado, lo que indica que el objeto ahora es un Símbolo.

  9. Haga clic derecho en el fotograma 50 de la línea de tiempo y elija Insertar fotograma para extender los fotogramas de la línea de tiempo 50.

  10. Haga clic derecho en cualquier cuadro en la línea de tiempo y elija Crear interpolación de movimiento.

    Verá que Flash ha cambiado todos los cuadros de un color diferente. Estos se llaman Tween Span of the Motion Tween.

    Mueva la cabeza lectora a lo largo de la línea de tiempo hasta el cuadro 1. Como en el último tutorial, el objeto no se mueve. Esto se debe a que aún no hemos agregado un segundo fotograma clave para indicar la posición final de la animación.

  11. Haga clic derecho en el Marco 50 y elija Insertar fotograma clave - Todo en el menú.

  12. Mientras todavía está en el Cuadro 50, haga clic en el cuadrado y arrástrelo al otro lado del escenario para decirle a Flash que esta será la posición final para la Interpolación de movimiento.

Ahora, cuando mueves el Playhead, el cuadrado se mueve gradualmente por el escenario.

Pero con Motion Tweens podemos modificar fácilmente la animación para que el cuadrado se mueva a lo largo de una línea curva en lugar de hacerlo en línea recta.

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.


Instrucciones De Vídeo: Flash CS6 Motion Tween (Marzo 2024).