Una de las herramientas más novedosas de Flash CS4 es, sin duda, la herramienta de huesos o “bones” que permite animar personajes de una forma mucho más sencilla a como se venia haciendo hasta ahora. Este tipo de prestación no es nuevo en el entorno del software de animación 2D, aplicaciones como Anime Studio o Toon Boom estudio ya la tenían, pero el hecho de poder contar con ella directamente en Flash y sin necesidad de tener que cambiar de aplicación cuando estás desarrollando un proyecto ya justifica, casi por si solo, la actualización del programa.
Existen dos métodos principales de utilizar la herramienta huesos. En este minitutorial voy a intentar explicaros como funcionan cada una de ellos. Lo primero de todo, no obstante, es crear un fichero nuevo para Action Script 3.0, ya que la funcionalidad de huesos solamente está disponible para Flash Player 10 o superiores y si se escoge un fichero nuevo para Action Script 2.0 sencillamente esta herramienta no funcionará.
El primer método consiste en crear un símbolo de clip de película por cada hueso que se quiera insertar en la película. De esta manera al dibujar el personaje hemos de distribuir las partes del cuerpo en diferentes “piezas” y convertirlas en clip de película.
Una buena idea es crear el dibujo en Illustrator. En el siguiente ejemplo podéis ver un personaje creado en Illustrator y a la derecha el despiece de las diferentes partes.

Fig. 1
En Illustrator podemos dibujar las diferentes piezas y convertirlas en clip de película, para ello seleccionamos cada una de las piezas (si la pieza está compuesta por más de un trazado es aconsejable que los agrupemos previamente) y la arrastramos hasta la paleta de símbolos. Al realizar esta operación aparecerá un cuadro de diálogo. En este cuadro le diremos a Illustrator que convierta el símbolo en un clip de película.

Fig.2
Paleta de símbolos con las piezas covertidas a clip de película.
Luego ya podemos guardar los cambios del documento en Illustrator e importarlo directamente en Flash (no es necesario exportar en ningún formato alternativo). Al importar el documento en Flash aparecerá un cuadro de diálogo como el siguiente donde podremos observar como efectivamente las piezas son reconocidas como clips de película.

Fig3.
El siguiente paso es crear tanto esqueletos como estructuras queramos animar. En este caso crearemos un esqueleto para el cuerpo que unirá el tronco con la pierna y la cabeza, otro para el brazo que toca la guitarra y otro para la pierna interior. La guitarra no necesita huesos.
Para crear el esqueleto se selecciona la herramienta de huesos , se hace clic en el símbolo que será el hueso principal (en este caso la pelvis) y se arrastra el ratón hasta el siguiente hueso. Se repite la operación hasta cubrir toda la cadena de jerarquía, en este caso pelvis, tronco y cabeza.

Fig4.
Se hace clic de nuevo en el hueso de la pelvis y se arrastra el ratón hacia el muslo para crear una nueva cadena de jerarquía. Se completa la cadena con un hueso para la pierna y otro para el pie. De esta forma la pelvis es el hueso principal de la estructura.

Fig.5
Se vuelve a repetir el proceso con el brazo, en este caso arrastrando desde el brazo al antebrazo y de ahí a la mano.

Fig.6
En la pierna interior se crea un nuevo esqueleto arrastrando del muslo a la pierna y luego al pie. Esta pierna no es necesario que esté vinculada a la pelvis pues en la animación solo tendrá un movimiento auxiliar.
En la línea de tiempo se observa cómo han aparecido tres pistas nuevas correspondientes a los tres esqueletos creados.

Fig.7
Ahora con la herramienta de la flecha negra es posible manipular cualquier hueso desde cualquier punto de la línea de tiempo. Podemos añadir más fotogramas a las capas de los esqueletos. Después podemos avanzar el cabezal de reproducción a un nuevo fotograma y al realizar un movimiento con los huesos se creará automáticamente un fotograma clave.

Fig. 8
Si nos desplazamos en la línea de tiempo y seguimos cambiado las poses se crearán nuevos fotograma clave y Flash calculará inmediatamente la animación entre un fotograma clave y otro. También es posible copiar poses de una zona de la línea de tiempo a otra haciendo clic con el botón derecho (Control+clic en Macintosh) en un fotograma clave y escogiendo la opción “copiar pose” del menú contextual.

Fig.9
Luego basta desplazarse hasta otro punto de la línea de tiempo escoger la opción “pegar pose” del mismo menú contextual para tener esa misma pose en otro punto de la animación.
Para evitar que las piezas roten o se muevan más allá de las posiciones que le serían propias, es posible restringir el movimiento y la rotación de un hueso haciendo clic en él y activando la restricción de rotación a los grados introducidos en el panel de propiedades.

Fig.10
El otro método consiste en aplicar el esqueleto directamente a un gráfico dibujado en Flash, sin convertir a símbolo.
En este caso he dibujado un hombrecillo de pastel de jengibre. Es importante que el gráfico esté creado directamente con las herramientas de dibujo, sin agrupar y sin convertir en símbolo, ya que de lo contario este método no funcionaría.

Fig.11
También es importante que el color perimetral de la figura sea el mismo, ya que es este color el que utiliza Flash para identificar la continuidad de una figura gráfica. Por la parte interior de la figura se pueden introducir más colores siempre y cuando no lleguen al borde de la silueta.
A continuación se selecciona la herramienta de huesos, se hace clic sobre la figura y se empieza a arrastrar para crear el esqueleto. Una vez más debe seguir la estructura lógica comenzando por la pelvis y el tronco y continuando por las extremidades.

Fig. 12
A partir de este momento se pueden manipular los huesos desde cualquier fotograma de la línea de tiempo, al hacerlo el gráfico se deformará para adaptarse a la forma del esqueleto.

Fig. 13
Cuando se trata de un esqueleto vinculado a un gráfico es posible utilizar la herramienta de vinculación que permite editar que puntos del gráfico son afectados o no por el esqueleto para controlar al máximo la deformación de la figura.

Fig. 14
Por supuesto se pueden crear clips de películas con esqueletos en su interior para crear mayor número de efectos.

Fig. 15
Aquí podéis ver un ejemplo de las animaciones resultantes.
Vid.1



ene 12, 2009 @ 14:05:53
Muy bueno, muchas gracias!!
Lo cierto es que es un puntazo para flash cs4 la inclusion de esta herramienta, hace la vida muuucho mas facil y comoda. A mi personalmente no me gusta estar trabajando con muchas aplicaciones a la vez, como mas comodo dos a lo sumo, dos pantallitas y una app en cada una es la manera mas productiva de trabajar.
Saludos y gracias nuevamente.
Galaxia Creativa » Links interesantes: recursos para el creativo.
ene 14, 2009 @ 10:41:39
mar 11, 2009 @ 13:23:55
Fantástico Toni.
Esta ferramenta é fenomenal.
Abraço de Porto, Portugal.
jul 23, 2009 @ 05:16:13
Definitivamente esta herramienta es buena, comenzaré a probarla,pues aun comienzo con CS4 y ya me gusta.
Saludos desde México DF.
Md
estudiante flash…
sep 25, 2009 @ 02:07:35
al pelo. Muchas gracias muy clara tu explicacion.
Flash es la verga
sep 26, 2009 @ 16:54:11
hola a todos, ami me gusta mucho la herramienta hueso ^^
bueno les mando saludos =P
nov 11, 2009 @ 06:14:56
Existe una opción para que al exportar la pelicula el esqueleto lo manipule el usuario pero no sé como se activa, alguién tiene una idea???? gracias…
nov 12, 2009 @ 12:10:23
Sí. si seleccionas el esqueleto en la línea de tiempo y te vas al panel de propiedades, dentro del apartado de “OPCIONES” escoge “Tiempo de ejecución” en el desplegable “Tipo”.
ene 14, 2010 @ 11:14:27
Hola, Esta herramienta esta muy buena! Se puede descargar la herramienta huesos para macromedia flash 8?? Gracias
ene 15, 2010 @ 09:36:06
No. Para utilizar esta herramienta necesitas Flash CS4.
sep 24, 2010 @ 19:45:31
Si, hay esta opcion … :
http://translate.googleusercontent.com/translate_c?hl=es&sl=en&u=http://trickorscript.com/tricksandscripts.html&prev=/search%3Fq%3Dplugins%2Bmacromedia%2Bflash%2B8%26start%3D20%26hl%3Des%26sa%3DN%26prmd%3Div&rurl=translate.google.es&twu=1&usg=ALkJrhj15bJpa7hJEg8B5Af5lMKw3YdW9w
Pero seguire buscando aver si hay la manera de conseguir algo parecido for FREE!!
Un saludaco.
ene 28, 2010 @ 01:06:46
Mae mil gracias… Necesitaba exactamente esto. Yo armaba las partes en photoshop y las animaba en “ANIME STUDIO” por que me gusta como este programa manipula los huesos sobre las imagenes y renderizaba en pngs, todo bien. Pero a la hora de ir a flash, abrir la secuencia de imagenes en “movie clip” se hacia algo pesado para lo que nesecitaba, porque llevaba muchas imagenes… para que sea menos pesado tengo que animarlo en flash. BINGO! Pura vida por el tiempo que te tomaste para hacer el tutorial. Me a servido montones.
feb 14, 2010 @ 01:40:27
HOLA MUY BUENO TU TUTORIAL PERO TENGO UNA DUDA, AL USAR LA HERRAMIENTA DEL HUESO EN UN OBJETO ABIERTO, SE CIERRA AUTOMATICAMENTE, POR QUE SUCEDE ESO? ESPERO ME PUEDAS AYUDAR YA QUE NADIE ME HA RESPONDIDO..MUCHAS GRACIAS!
feb 15, 2010 @ 12:26:36
La herramienta hueso, cinado se utiliza con gráficos, ha de ser siempre sobre formas cerradas. Y además si hay otros colores dentro de la forma cerrada estos no pueden tocar la periferia del objeto, pues Flash lo consideraría un objeto diferente.
mar 25, 2010 @ 13:20:43
Estoy empezando a conocer esta herramienta, y de momento la encuentro buena para hacer movimientos mecánicos, más bien aplicables a máquinas, pero para hacer una animación más realista con figura humana la veo un poco limitada, y bastante confusa o complicada, sobretodo en la recolocación de las uniones.
Si hay una manera de hacer que las uniones de brazo y antebrazo no se noten, bienvenida será la información!!
Gracias y saludos!
abr 29, 2010 @ 14:11:17
buen tuturial te dejas entender muy bien, mi pregunta es ¿en el tiempo de animacion se puede cambiar uno de los clips de pelicula despues de haber insertado los huesos y haber animado, para seguir animando? porque despues de haber animado trate de cambiar la mano por otro clip de pelicula lo borre y aecto a las demas poses,
pongo en alfa y afecta a los demas. te agradesco de antemano tu respuesta.
ATTE Eli.
Phaaroos » Utilización de la herramienta “huesos” en Flash
may 03, 2011 @ 00:17:10
nov 20, 2011 @ 17:14:36
hola que tal. te hago una consulta cuando quiero convertir un objeto en símbolo se me cierra flash me dice dejo de funcionar y se cierra, sabrás porque sucederá eso?? muchas gracias…
nov 21, 2011 @ 09:07:07
Hola Cecilia.
Pues lo cierto es que no me ha pasado nunca y no tengo ni idea de que puede estar ocurriendo. Te sugiero que consultes la base de conocimiento que encontrarás en http://www.adobe.com/es/support/flash/
mar 06, 2012 @ 03:55:01
cómo lo exportaste??
mar 11, 2012 @ 02:35:07
excelente
mar 11, 2012 @ 02:38:06
pero tu mensionaste que se pueden crear clips de películas con esqueletos en su interior…¿como se hacen?
mar 12, 2012 @ 11:55:17
Sencillamente creas un clip de pelicula en blanco y dentro de ese clip de película comienzas a construir toda la estructura de huesos.
jul 30, 2012 @ 18:54:14
Muchas gracias me vino al pelo para aprender
nov 25, 2012 @ 19:13:45
bien