Animando con bones

Posteado el 18. Nov, 2010 por tuto in Flash

En este tutorial te enseñaremos como utilizar la herramienta bones que viene desde el flash CS4

Esto es lo que aprenderás

PASO 1
Abrimos Adobe Flash CS5 y creamos un nuevo documento ActionScript 3.0.

PASO 2
Vamos al botón Propiedades y Editamos el tamaño del documento y colocamos los valores de 500 x 500 píxeles.

PASO 3
Ahora vamos a Adobe Illustrator y abrimos el documento que contiene la secuencia de la persona con la raqueta el cual trabajamos en un tutorial anterior, seleccionamos la primera secuencia y presionamos el comando Ctrl + C para copiar.

PASO 4
Vamos a Flash y con el comando Ctrl + V para pegar, pegamos la imagen del trazo.

PASO 5
Ahora vamos a la Línea de tiempo y presionamos el botón Nueva capa.

PASO 6
Desde Illustrator copiamos la imagen de la segunda imagen de la secuencia.

PASO 7
Copiamos cada una de las imágenes en una capa distinta para obtener algo parecido a lo que se ve en la imagen.

PASO 8
Ocultamos todas las capas excepto la primer; haciendo clic sobre el punto que se encuentra debajo del ojito.

PASO 9
Seleccionamos la raqueta y damos clic derecho sobre el y vamos a la opción “convertir en símbolo”

PASO 10
En la ventana le colocamos el nombre de raqueta1 y seleccionamos la opción Clip de Película.

PASO 11
Convertimos cada elemento de nuestro muñeco en un Clip de película.

PASO 12
Ahora seleccionamos la herramienta Hueso.

PASO 13
Vamos a hacer un clic sobre las caderas de nuestro dibujo.

PASO 14
Ahora vamos a arrastrar y sin soltar vamos a hacer que le herramienta se desplace hacia arriba sobre la cintura de nuestro muñeco.

PASO 15
Seguimos anclando la espalda y la cabeza de nuestro muñeco.

PASO 16
Anclamos todas las partes del cuerpo para obtener algo parecido a lo que se ve en la imagen.

PASO 17
En este punto la capa que contenía a nuestro muñeco debió de haber quedado vacía y se creo una capa nueva llamada Esqueleto que contiene a nuestro muñeco articulado.

PASO 18
Eliminamos la capa vacía y hacemos visible la capa del muñeco 2.

PASO 19
En la línea de tiempo nos posicionamos en el frame 5 y presionamos la tecla F6 con esto le agregamos movimiento a nuestro muñeco.

PASO 20
Hacemos lo mismo en la capa del muñeco 2

PASO 21
Con la herramienta de selección vamos a mover las partes del cuerpo del muñeco para que quede en una posición muy parecida al muñeco siguiente.

PASO 22
Si repetimos los pasos anteriores con todos los muñecos, al final nos debería quedar un efecto como el que se ve en la imagen.