Você está na página 1de 9

2009

Curso de Flash Departamento De Informática


Animación De Movimiento De Formas Vectoriales

Para el caso en la que se quiere que la forma vectorial se traslade de un lugar a otro por el Escenario, te tengo
el siguiente ejemplo.

• Crear un documento de Propiedades ctrl. + J dimensionases de la película 500 * 150 píxeles de ancho
y alto, usar como Color de fondo #0099CC y velocidad de fotogramas 15 fps.
• Fotograma = Frame

• Primero dibujar el Óvalo O en el Fotograma número 1, de Propiedades Color de borde #000000 y


Color de relleno #FFFFFF, las dimensiones son 100.0 * 100.0 píxeles de ancho y alto. Colocar la forma
vectorial dibujada en Coordenadas X: –100.0 y Y: 25.0.

• Después insertar un Fotograma clave F6 en el frame número 30.

Ing. MSc John Harold Bonilla B. johnbonilla.es.tl johnbonilla.blogspot.com


john_bonilla@cun.edu.co
2009
Curso de Flash Departamento De Informática

• Seleccionar la forma vectorial del Fotograma número 30 y moverla a Coordenadas X: 00.0 y Y: 00.0.

• Después simplemente seleccionar en la línea de tiempo un Fotograma entre el número 1 y el


Fotograma número 29 y hacer clic con el botón derecho del ratón, en el menú emergente seleccionar la
opción de Crear interpolación de movimiento. Presionar ctrl. + Enter y ver es como se mueve el
Óvalo.

• Hacer una tercera variante de interpolación de movimiento en donde forma vectorial cambia
gradualmente de color y al mismo tiempo se mueve. Aquí partiremos de la animación anterior.
Seleccionar la forma vectorial del fotograma 30, en el panel de Propiedades seleccionar la opción de

Ing. MSc John Harold Bonilla B. johnbonilla.es.tl johnbonilla.blogspot.com


john_bonilla@cun.edu.co
2009
Curso de Flash Departamento De Informática
Color Tinta y cambiar el color #FFFF00. presionar ctrl. + Enter y ver el cambio que a sufrido la
animación.

Edición de Formas Vectoriales para la Animación.

Con frecuencia es necesario modificar las formas vectoriales y así obtener animaciones diferentes que salgan de
los clásicos óvalos y rectángulo, y de esta forma imprimirle a cada una de las animaciones un toque muy
personal.

• A continuación te mostrare como hacer una estrella como las que usan los Nijas a partir de dibujar una
Estrella de 5 picos. Trabajar en un documento de Propiedades ctrl. + J, dimensiones de la película 200 *
200 píxeles de ancho y alto, Color de fondo #FFFFFF y velocidad de fotogramas 12 fps.

• Primero dibujar la Estrella de 5 picos con la herramienta PolyStar este ejercicio ya fue practicado. Las
propiedades de la estrella son: Color de borde #000000, Color de relleno #006633, dimensiones 185.0
* 175.0 píxeles colocar la estrella en coordenadas X: 7.5 y Y: 12.5.

Ing. MSc John Harold Bonilla B. johnbonilla.es.tl johnbonilla.blogspot.com


john_bonilla@cun.edu.co
2009
Curso de Flash Departamento De Informática

• Luego tomar uno a uno cada extremo de los lados de la estrella (cuando se toma alguno de los extremos
el cursor aparecerá con una pequeña línea inclinada, cuando se toma algún extremo de que forme un
ángulo en el cursor aparecerá una línea que forma una ángulo de 90 grados), inclinar estos lados un poco
hasta obtener la forma más apropiada.

• Cuando tengas bien definidas las curvas de la estrella, puedes hacer una animación de cambio de color.
Insertar un fotograma clave F6 en el fotograma número 20.

Ing. MSc John Harold Bonilla B. johnbonilla.es.tl johnbonilla.blogspot.com


john_bonilla@cun.edu.co
2009
Curso de Flash Departamento De Informática

• Seleccionar un fotograma entre el número 1 el fotograma número 19, hacer clic con el botón derecho
del ratón y en el menú emergente optar por la opción de Crear interpolación de movimiento.

• En el Panel de Propiedades queda establecida automáticamente la animación de movimiento, ahora


hacer que la estrella cambie de color. Seleccionar la estrella del fotograma número 1 y en la opción de
Color: Tinta cambiar el color a #FFFF00. Presionar ctrl. + Enter y de esta forma queda establecida una
nueva animación.

Ing. MSc John Harold Bonilla B. johnbonilla.es.tl johnbonilla.blogspot.com


john_bonilla@cun.edu.co
2009
Curso de Flash Departamento De Informática

• Dibujar una cabeza caricaturesca. Este ejercicio te servirá de mucho ya que involucra varios elementos
tales como invocar las herramientas por medio del teclado, rellenar con colores sólidos, dibujar círculos
y líneas etc. Trabajar este ejercicio en un documento de Propiedades ctrl. + J. dimensiones 300 * 300
píxeles, Color de fondo #FFFFFF y velocidad de fotogramas 12 fps.

Edición De Los Parámetros De Movimiento

Las formas vectoriales que involucran movimiento pueden animarse de diferente forma después de haberse
creado la Interpolación de movimiento: la primera animación que se puede hacer, es que la forma vectorial
gire en sentido de las agujas del reloj (Horario) y la segunda opción es que la forma vectorial gire en sentido
opuesto a las agujas del reloj (Antihorario).

• En el siguiente ejemplo se trabajara sobre una Interpolación de movimiento de un óvalo y hacer que
esta forma vectorial gire en sentido de las agujas del reloj.
• Crear un documento de propiedades ctrl. J, dimensiones 250 * 250 píxeles, color de fondo #FFFFFF y
velocidad de fotogramas 12 fps.

Ing. MSc John Harold Bonilla B. johnbonilla.es.tl johnbonilla.blogspot.com


john_bonilla@cun.edu.co
2009
Curso de Flash Departamento De Informática

• Lo primero que tienes que hacer, es dibujar alguna forma por ejemplo un Óvalo (O). y crear una
Interpolación de movimiento desde el fotograma número 1 hasta el fotograma número 20, así quedara
insertada una animación de movimiento.
• En al capitulo anterior esta destallada la técnica para insertar una Interpolación de movimiento.

• Luego de que se haya creado la animación seleccionar algún fotograma entre el 1 y el 19.
• En el panel de Propiedades seleccionar la opción de Girar:Horario. También puedes manipular el
número de giros en la casilla de veces (Número de rotaciones) que de la forma vectorial a lo largo de la
animación, el número de vueltas va desde 1 giro hasta 65535 giros.

Ing. MSc John Harold Bonilla B. johnbonilla.es.tl johnbonilla.blogspot.com


john_bonilla@cun.edu.co
2009
Curso de Flash Departamento De Informática

• Practicar la animación de Interpolación de movimiento, en la que se involucra que la rotación sea en


sentido Antihorario, con un Número de rotaciones de 3 y una línea de tiempo de 35 fotogramas.

Ing. MSc John Harold Bonilla B. johnbonilla.es.tl johnbonilla.blogspot.com


john_bonilla@cun.edu.co
2009
Curso de Flash Departamento De Informática

Ing. MSc John Harold Bonilla B. johnbonilla.es.tl johnbonilla.blogspot.com


john_bonilla@cun.edu.co