Motion tween - Universidad Iberoamericana

Curso de Flash 8
Profesor: D.G. Luis Javier García Roiz
luis.roiz@gmail.com
Universidad Iberoamericana
Lección 1 Motion Tween
• Descripción
Flash es una herramienta líder en el mercado de animación, programación y contenidos
dinámicos en Internet. Desarrollada por la empresa Macromedia, y después por Adobe, Flash
es una aplicación muy versátil para generar animación vectorial en línea y en video, además
de ser una herramienta útil para desarrollo debido al manejo de lenguaje de programación
ActionScript, basado en JavaScript.
•Interfaz
La interfaz de Flash 8 utiliza una alegoría con un cortometraje de cine. En esta, el espacio
de trabajo se denomina escenario, los actores de la “película” se encuentran en una biblioteca,
y se puede dividir las acciones en escenas.
Interfaz básica:
1.- Herramientas de trabajo
2.- Escenario
3.- Línea de tiempo
4.- Ventana de Propiedades
5.- Ventanas específicas: Color, Conductas, Escenas, Biblioteca, etc.
1
3
5
2
4
•Herramientas de trabajo
Selección
Subselección
Transformación
Modificación de gradientes
Línea
Lazo
Pluma
Tipografía
Elipse
Rectángulo> Polystar
Lápiz
Pincel
Tintero
Cubeta
Gotero
Goma
Vista
Herramienta Mano
Acercamiento
Colores
Delineado
Relleno
Opciones
•Animación
Para crear una animación, tenemos que comprender el concepto de Keyframe, o
Fotograma Clave. En la animación tradicional, el animador principal define los movimientos
clave en alguna secuencia, y los animadores secundarios completan los cuadros necesarios para
terminar el tiempo de la secuencia (Figura 1 y 2).
Figura 1
Keyframe 2
Keyframe 1
Figura 2
In beween
Keyframe 1
Keyframe 2
•Animación de Movimiento
Existen dos tipo de animación en Flash: Animación de Movimiento y Animación de Forma.
En la primera se necesitan definir los Keyframes iniciales y consecuentes del tipo de animación
que se quiere hacer:
1. Primero se crea el Keyframe inicial dibujando un círculo con la herramienta Elipse. Este círculo
no tiene delineado.
2. Siguiente, se inserta un Keyframe secundario en el cuadro número 12 de la línea de
tiempo. Hay dos maneras de hacer esto, la pirmera es dando clic con en el botón derecho del
ratón e indicar la opción Insert Keyframe, la otra es en el menú de Insert, indicar la opción
Insert>Timeline>Keyframe. La primera opción es más rapida.
Flash ejecuta sus animaciones a 12 cuadros por segundo, entonces nuestra animación será
de 1 segundo. Este Keyframe duplicará la posición original del primer Keyframe.
3. Al insertar el Keyframe en el cuadro 12 de la línea de tiempo, tenemos que modificar la
posición del objeto, para definir un Keyframe inicial y un Keyframe secudario. Este cambio de
posición puede ser de cualquier tipo: arriba-abajo, chico-grande, etc, dependiendo del tipo de
movimiento que queremos hacer.
4. La siguiente instrucción será indicar al Keyframe inicial que ejecute el Motion Tween. Flash
completará todos los cuadros necesarios para dar la impresión de movimiento. Es importante
que esta orden se haga en el cuadro de la línea de tiempo en donde se va a empezar la
animación. El botón derecho del ratón nos permite acceder rápidamente a esta orden.
5. Listo. Flash deberá de completar los cuadros subsiguientes, y dibujará los Keyframes
intermedios. Esto se indica con una flecha negra en la línea de tiempo. En Flash 8 no es
necesario convertir los objetos a Símbolos, como se tenía que hacer en versiones anteriores.
Esto hace más eficiente el proceso. Flash 8 automáticamente generará en la Library (Biblioteca),
los símbolos correspondientes a la animación. Estos símbolos tienen los nombres de Tween 1 y
Tween 2, y así sucesivamente.