sábado, 22 de febrero de 2014

Como hacer el famoso fotograma de transicion en Flash (Tutorial de animacion)

Para los que no saben lo que es el fotograma de transicion y para que se usa, lo explicare brevemente, ya que este post esta dedicado al que mas o menos sabe de animacion.
El fotograma de transicion se usa en la animacion para evitar tener que hacer la interpolacion, y asi abaratar costos. Generalmente en las escenas de accion se utiliza mucho este truco, que consiste en dibujar la imagen con una posicion "A" o dibujo clave, luego dibujar el ultimo dibujo clave, y en el medio se hacen lineas o se dibujar con un desenfoque para dar ese efecto de movimiento rapido.
Este efecto fue muy famoso en caricaturas, y anime's.
Bien comencemos, yo decidi dibujar una especie de "personaje" asi bien precario, total es para explicar.

Como ven, en una capa dibuje el cuerpo y cabeza.

Cree otra capa y le dibuje los brazos, los cuales en ellos hare la animacion del fotograma de transicion.
Ahora cree un fotograma y agregue un fotograma clave en la capa en el cual estan dibujado los brazos, active el "Papel cebolla" u "Onion Skin" (para las versiones de flash en ingles) que esta marcado en rojo en la imagen y para asi poder ver lo que esta dibujado en el fotograma anterior.
Y ahora en este fotograma vacio procedemos a dibujar lo siguiente:
Si lo se, se ve horrible (jajaja), pero esas lineas tan desprolija daran el efecto de movimiento rapido. Hay que tener en cuanta que se dibuja esas lineas entre la posicion de inicio del brazo y la posicion donde termina la accion del brazo.

Y ahora procedo a agregar un nuevo fotograma vacio presionando F7 para dibujar la fase final del movimiento de los brazos.Quedara asi:
Luego decidi agregarle color para mejorar un poco la vision...
Y el resultado es asi:
Tambien tenemos como opcion para darle un efecto mas interesante es ir al fotograma de transicion que creamos seleccionamos ese fotograma y convertimos en un simbolo, presionando F8 asi:
Nos vamos abajo, en propiedades y elegimos la parte de filtros, o filters.



y agregamos Blur para dar el efecto de movimiento, podes desactivar el candadito que aparece en la imagen para poder disponer bien del Blur y poder darle un direccion de desenfoque asi:

Y el resultado de la animacion con un fotograma de transicion desenfocado quedara asi:



Espero que les haya podido servir de algo este tutorial.

1 comentario:

  1. buenisimo..aunque sigue siendo chino para mi..jaja pero creo que a los que estan dedicándose a este tipo de animación les viene muy bien las explicaciones del caso..felicitaciones!

    ResponderEliminar