Diseo de animaciones frame a frame, de forma y de movimiento

Pantalla inicial

Al Abrir Adobe Flash CS3, escogemos Flash File(ActionScript 3) en la primera pantalla

Interfaz

Despes de haber seleccionado la opcin indicada, nos encontramos con la interfaz bsica de flash

Guardar el archivo

Ahora procedemos aaguardar el nuevo documento de Flash, Lo Ahora procedemos guardar el nuevo documento de Flash, Lo guardamos con el nombre de Animacin1, dentro de una carpeta guardamos con el nombre de Animacin1, dentro de una carpeta llamade de igual forma. llamade de igual forma. Cabe anotar que este nombre es una sugerencia, no es de Cabe anotar que este nombre es una sugerencia, no es de obligatoriedad dar el nombre igual. obligatoriedad dar el nombre igual.

Capas y fondo

Siempre es recomendable darle nombres al as capas, dependiendo de que va a contener. Esto se logra dando doble click sobre el nombre por defecto de la capa y colocando el nuevo nombre. Despes de haber dado un nombre a la capa, creamos un fondo parecido al que se puede ver a continuacin.

Animacin de formas 1

Para iniciar la animacin de forma, creamos una nueva capa llamada Forma y bloqueamos la capa Fondo. Luego, dibujamos un circulo en dicha capa al cual le cambiamos el relleno.

Animacin de formas 2

Ahora creamos un frame clave y un frame en el frame 20 de las capas Forma y Fondo respectivamente. Para lograr esto, damos click en el frame 20 de la capa Fondo y presionamos F5 y lo mismo para la capa Forma pero con F6. Borramos el crculo de la capa Forma y dibujamos un cuadrado.

Animacin de formas 3
Para hacer la animacin, damos click en primer frame de la capa forma, y en las propiedades del frame, de la opcin Tween(Animacin) escogemos Shape(forma).

Si hemos hecho todo correctamente, tendrmos algo parecido a la imgen anterior.

Animacin de movimiento 1

Para crear la animacin de movimiento, insertamos una nueva capa, a la cual llamaremos Movimiento; en ella, insertamos una estrella y la agrupamos, ya que si no est agrupada no se podr realizar la animacin

Animacin de movimiento 2

Ahora insertamos un frame clave en el frame 20 de la capa Ahora insertamos un frame clave en el frame 20 de la capa Movimiento yycambiamos la estrella de lugar. Movimiento cambiamos la estrella de lugar.

Animacin de movimiento 3
Para hacer la animacin, damos click en primer frame de la capa Moviemiento, y en las propiedades del frame, de la opcin Tween(Animacin) escogemos Motion(Movimiento).

Si hemos hecho todo correctamente, tendrmos algo parecido a la imgen anterior.

Animacin frame a frame 1

Para realizar la animacin frame aaframe, insertamos una nueva capa Para realizar la animacin frame frame, insertamos una nueva capa yyle damos de nombre Frame. le damos de nombre Frame. En el primer frame colocamos un texto solo con la letra P. En el primer frame colocamos un texto solo con la letra P.

Animacin frame a frame 2

Luego, aa distancias que se Luego, distancias que se estime, estime, insertamos insertamos frames frames claves yyvamos agragando letras claves vamos agragando letras al texto, hasta completar al texto, hasta completar PROGRAMACIN MULTIMEDIA PROGRAMACIN MULTIMEDIA

Ejecutamos

Finalmente ejecutamos la aplicacin dando Ctrl+Enter Finalmente ejecutamos la aplicacin dando Ctrl+Enter

G G