Cómo crear una animacion cambiando el tamaño de un objeto, utilizando Adobe Flash

Con este sencillo tutorial y Adobe Flash CS3 (tambien valido para versiones cercanas), en 10 pasos crearas una animacion en la que un objeto cambie de tamaño y color fluidamente. La mejor forma de comprobar el resultado es seguir los siguientes pasos

Pasos

1. Crear un nuevo documento archivo actionscript (2.0 o 3.0)
   
2. En la pestaña inferior propiedades, seleccionar el boton tamaño para para ajustarlo a la animacion ademas de la velocidad deseada para esta. Yo he utilizado 500px x 300px y 12fps
   
3. Crear un nuevo simblo pulsando Crtl+F8 y seleccionar clip de pelicula
   
4. Siguiendo las proporciones del tamaño que hemos dado al formulario dibujaremos un objeto o texto (no con herramienta de texto ya que queda mas personal y ademas se complica el procedimiento). Yo he dibujado: ojo! en color naranja
   
5. En la linea de tiempo seleccionar el fotograma nº12 e insertar fotograma clave, realiza la misma operacion en el nº36. Con esto creamos 3 estados, el inicial, uno intermedio y el final en el que volvera al estado inicial
   
6. Modificaremos el estado intermedio seleccionando encima del fotograma nº12, directamente se selecciona todo lo que hemos dibujado antes, ahora solo debemos modificar el tamaño pulsando la tecla Q y arrastrandounos de los extremos. Tambien le cambiaremos el color a rojo desde la pestaña inferior propiedades y seleccionando el color rojo .
   
7. Una vez tenemos los tres estados, debemos seleccionar en la linea de tiempo todos los fotogramas desde el 1 al 36 para seguidamente con el boton derecho pulsar en crear interpolacion de forma
   
8. Ya hemos creado una animacion con un texto que cambia de color y tamaño en 1segundo y vuelve a su estado inicial en 2 segundos una vez tras otra. Para que nos aparezca en nuestro documento de flash, arrastraremos nuestra pelicula desde la biblioteca (abajo a la derecha)hacia escena1 o ventana inicial
   
9. Para crear un archivo que podamos agregar a nuestra pagina web *.swf deberemos pulsar Ctrl+Mayus+F12 o configuracion de publicacion, en la pestaña formatos seleccionar Flash *.swf y por último pulsar publicar
   
10. Esta animacion la podras agregar a cualquier pagina web, documento de flash o adobe air
    

Consejos

• Utilizando la imaginacion puedes crear estados intermedios para hacer mas visible tu animacion
  
• Calcula donde creas los fotogramas clave teniendo en cuenta los fps
  
• Puedes ajustar los fps para agilizar la navegacion o mejorar el detalle
  
• Informacion obtenida de flashtutorial.org
  
• Descarga de mas tutoriales del mismo estilo en como.creararte.org
  

Posted in: