Setup en photoshop:

Separar partes del cuerpo por capas en photoshop. Nombrarlas de forma ordenada.

Left y Right: según la perspectiva del personaje, no la nuestra, para que no sea confuso si el personaje se da la vuelta.

imagen.png

imagen.png

Con ctrl + r activar reglas y arrastrar desde arriba a la izquierda para elegir la posición del root.

File > Scripts > Browse…

Seleccionar PhotoshopToSpine.jsx

(Link para descargar el script:https://github.com/EsotericSoftware/spine-scripts)

Seleccionar opciones deseadas en la ventana emergente > Ok

imagen.png

imagen.png

imagen.png

Setup en Spine:

Nuevo proyecto > Click en Spine > Importar datos…

Abrimos la carpeta del archivo y seleccionamos el .json, debe estar en la misma carpeta donde está guardado el archivo de photoshop.

Navegación en Spine:

imagen.png

imagen.png

imagen.png

Mallas:

Seleccionar la región (cuadrado azul) de cada parte del cuerpo > Seleccionar “Malla” > Editar Malla > Nuevo > Dibujar el Outline de la forma > Crear.

Si necesito más geometría en cierta zona (se suele necesitar en dobleces o puntos de flexión), la añado con Crear.

Si quiero sólo ver esa parte del cuerpo selecciono Aislar. Así con todas las partes.

imagen.png

imagen.png

Huesos:

Al tener las mallas con todas las partes, ahora toca crear los huesos. Importante mantener los valores de los huesos en 0’s y 1’s para no tener problemas posteriormente en animación.

imagen.png

Crear nuevo hueso llamado master en posiciones 0,0,0. Seleccionar todas las partes del cuerpo y meterlas dentro. Así evitamos mover el root al querer animar o cambiar de posición todo el personaje.

imagen.png

imagen.png

imagen.png

Crear cada hueso, asegurarse de tener buen parenting y nombrarlos de manera ordenada. Se puede cambiar el color para mayor claridad.

IK:

Introducción a IK/FK:

(https://www.animum3d.com/blog/ik-fk-rigging/)

Seleccionar la parte de arriba y abajo de la pierna > Nuevo > IK Handle/Restricción CI >

imagen.png

imagen.png

imagen.png

Seleccionar el ankle para crear el IK. Nombrarlo correctamente.

imagen.png

imagen.png