Rutas de movimiento de Flash CS6

• Abril 27, 2024

En el ultimo flash^R Tutorial CS6, creamos una animación simple Motion Tween que movía un objeto a lo largo de una línea recta. Ahora, modificaremos la animación para mover el objeto a lo largo de una línea curva.

Ya discutimos el pequeño cambio en el intervalo de interpolación para Motion Tween, pero no echamos un vistazo al escenario. Como puede ver, tenemos una línea recta verde punteada que se extiende desde la posición inicial a la izquierda hasta la posición final a la derecha de la animación. Esto se llama Ruta de movimiento de la animación.

Al trabajar con Motion Tweens, es fácil modificar este Motion Path. Hagamos un intento.

1. Con la herramienta Selección, coloque el cursor al lado de la línea verde y en el centro de la ruta.
   
   Verá que el cursor cambia a una flecha con una pequeña línea curva.
   
   
2. Hagamos que el camino se curve hacia arriba. Haga clic en el centro del camino y arrastre hacia arriba hasta que la línea se curve.
   
   
3. Mueva el cursor de reproducción a través de la línea de tiempo y verá que el cuadrado se mueve a lo largo del camino curvo.
   
   Ahora es un buen momento para probar nuestra animación.
   
   
4. Desde la barra de menú, haga clic en Control - Probar película - En Flash Professional.
   
   Esto abrirá nuestra animación en Flash Player. Deberías ver que el cuadrado se mueve a lo largo del camino curvo. La animación se repetirá (se reproducirá continuamente) porque no le hemos dicho que se detenga al final. Cierre Flash Player y regrese al espacio de trabajo.
   
   En este punto, el cuadrado se mueve a lo largo del camino curvo pero el cuadrado no gira. Se mantiene nivelado con la parte inferior del escenario a lo largo de la animación. Podemos agregar un poco de interés a la animación girando el cuadrado a medida que se mueve a lo largo del camino.
   
   Queremos que el cuadrado esté nivelado con la parte inferior del escenario cuando comience la animación y gire gradualmente a lo largo del camino. Entonces necesitamos cambiar la posición final de la animación.
   
   
5. Seleccione el Marco 50 y luego elija la herramienta Transformación libre en el panel Herramientas.
   
   Verá una línea negra con ocho puntos de control alrededor del cuadrado.
   
   
6. Desde la barra de menú, haga clic en Modificar - Transformar - Escalar y rotar.
   
   
7. En el cuadro de diálogo Escalar y rotar, establezca el valor Rotar en 120 grados y haga clic en Aceptar.
   
   
8. Mueva el cabezal de reproducción lentamente a lo largo de la línea de tiempo y verá que el cuadrado gira a lo largo del camino.
   
   

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: GUÍA DE MOVIMIENTO EN FLASH CS6 (Abril 2024).