Animación básica en Flash

download Animación básica en Flash

If you can't read please download the document

description

Esta es una pequeña guía para desarrollar pequeñas animaciones en Adobe Flash.

Transcript of Animación básica en Flash

  • 1. Diseo de animaciones frame a frame, de forma y de movimiento

2. Pantalla inicial Al Abrir Adobe Flash CS3, escogemos Flash File(ActionScript 3) en la primera pantalla 3. Interfaz Despes de haber seleccionado la opcin indicada, nos encontramos con la interfaz bsica de flash 4. Guardar el archivo Ahora procedemos a guardar el nuevo documento de Flash, Lo guardamos con el nombre de Animacin1, dentro de una carpeta llamade de igual forma. Cabe anotar que este nombre es una sugerencia, no es de obligatoriedad dar el nombre igual. 5. 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. 6. 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. 7. 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. 8. 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. 9. 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 10. Animacin de movimiento 2 Ahora insertamos un frame clave en el frame 20 de la capa Movimiento y cambiamos la estrella de lugar. 11. 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. 12. Animacin frame a frame 1 Para realizar la animacin frame a frame, insertamos una nueva capa y le damos de nombre Frame. En el primer frame colocamos un texto solo con la letra P. 13. Animacin frame a frame 2 Luego, a distancias que se estime, insertamos frames claves y vamos agragando letras al texto, hasta completar PROGRAMACIN MULTIMEDIA 14. Ejecutamos Finalmente ejecutamos la aplicacin dando Ctrl+Enter 15. GRACIAS