otacon
Forero
Registrado: 06 Jul 2005
Mensajes: 186
Ubicación: C://Via Lactea/Tierra/España/La Rioja/...
|
 Publicado: Vie Ago 05, 2005 6:28 pm Título del mensaje: [CURSO FLASH]Cap.3: Animacion |
 |
|
CURSO DE FLASH:
Introducción_
- Ahora vamos a trabajar un poco con la funcion mas utilizada en el flash, la animacion. Se han utilizado mas horas en animacion que en interactividad, y a veces las dos se juntan. Vamos a ver las interpolaciones que nos ofrece flash; nos ofrece la posibilidad de hacer una interpolacion de movimiento (moviendo el objeto de un punto inicial de un frame a el punto final de otro frame) y una interpolacion de forma (cambiando la forma del objeto de un punto incial de un frame al punto final en otro frame). Estas interpolaciones
son muy faciles de realizar, aunque a primera vista no lo parezca. Son una de las cosas mas utiles de Flash, estas interpolaciones se utilizan en la mayoria de las animaciones. Si hay algo que no sepas hacer y no este indicado en una imagen, mira los capitulos anteriores.
Suerte.
Aprenderas a_
][ Crear animaciones con interpolaciones.
][ Editar un Boton.
][ Usar varios fotogramas clave.
Archivos_
- Aqui les dejo el archivo .swf de la animacion y el .fla para que puedan verlo.
][ Archivo .SWF
][ Archivo .FLA
Instrucciones_
][ Primero vamos a añadir los frames que creamos necesarios para realizar la transfrmacion y el movimiento. Al tener menos frames, obviamente, la transformacion/moviemiento se tiene que realizar mas rapido.
Tambien tenemos que colocar un Fotograma Clave. Este va a ser el frame en el que debemos colocar el final de la animacion. El primer frame va cambiando hasta frenarse en el Fotograma Clave, en el que utilizaremos la funcion stop para parar la reproduccion. Añadiremos unos botones al principio y al final (en el frame en que utilizamos la funcion stop), para poder movernos en la animacion. (Ponemos el stop en el primero y en el ultimo frame, pero al finalizar el trabajo, asi lo podemos presializar con Enter mientras trabajamos).
][ Ahora vamos a aplicar a los fotogramas la propiedad de interpolacion. Vamos a utilzar la de forma, ya que incluye la de movimiento (si cambiamos la forma de algo y la movemos al mismo tiempo, estamos utilizando las dos interpolaciones realmente aunque usemos la de forma). Para hacer esto, basta con seleccionar el frame (en este caso, cualquiera de los de la primera parte y el fotograma clave, ya que el fotograma clave divide el conjunto de frames en dos) y en la zona de propiedades, cambiar el campo de animar para que marque forma.
][ Ahora vamos a dibujar lo que vamos a transformar en el primer frame, y el resultado que queremos, en el fotograma clave del final.
][ Si todo lo hicimos correctamente y no tuvimos problemas al dibujar, la animacion ya tendira que estar lista. Yo le voy a añadir dos botones para hacerla interactiva. En el capitulo 1 vimos como ponerlos. La linea de tiempo la deje asi, como pueden ver añadi un Fotograma Clave al principio y coloque la accion stop ahi, debido que a veces renderiza la imagen desde el segundo frame y queda mal. Tambien en el .fla añadi una mascara, sacala para que no te moleste al analizar la animacion. Lo mas correcto hubiera sido crear el fondo y guardarlo en la biblioteca como simbolo, ya que si guardaramos el personaje como simbolo, este no se transformaria. Por ultimo, edite un boton para ponerle un texto arriba. Solo clickee dos veces sobre este y dependiendo si este estaba en reposo, sobre o presionado, cambie el texto.
][ Bueno, ya va el tercer tuto en 4 dias. Espero que les sea util este capitulo, ya que podemos empezar a dibujar, mezclar capas, usar botones y hacer transformaciones. Ya son las 8:20, me voy a dormir un poquito, ya que termine este capitulo...Suerte.
Otacon.
_________________
|
|
