{"id":67859,"date":"2025-05-28T17:23:31","date_gmt":"2025-05-28T22:23:31","guid":{"rendered":"https:\/\/niixer.com\/?p=67859"},"modified":"2025-05-28T17:31:14","modified_gmt":"2025-05-28T22:31:14","slug":"animacion-en-blender-ninja-parkour","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2025\/05\/28\/animacion-en-blender-ninja-parkour\/","title":{"rendered":"Animaci\u00f3n en Blender Ninja Parkour"},"content":{"rendered":"\n

Blender es una suite de creaci\u00f3n 3D de c\u00f3digo abierto que incorpora un potente sistema de animaci\u00f3n basado en fotogramas clave (keyframes), curvas de animaci\u00f3n (F-curves) y un conjunto de editores especializados. A continuaci\u00f3n se muestra un paso a paso para la construcci\u00f3n de una animaci\u00f3n.<\/p>\n\n\n\n

Paso 1: Descargar personaje<\/strong> y animaciones.<\/strong><\/h3>\n\n\n\n

Para comenzar, vamos a Mixamo<\/a> para descargar nuestro personaje.<\/p>\n\n\n\n

\"\"
Imagen 1<\/figcaption><\/figure>\n\n\n\n

Ingresamos a la pesta\u00f1a \u201cCharacters\u201d y buscamos un personaje tipo ninja.<\/p>\n\n\n\n

\"\"
Imagen 2<\/figcaption><\/figure>\n\n\n\n

Lo descargamos con la primera animaci\u00f3n llamada \u201cIdle\u201d, que representa un estado de reposo<\/p>\n\n\n\n

\"\"
Imagen 3<\/figcaption><\/figure>\n\n\n\n

Y luego de descargarlo vamos a descargar las otras animaciones. Seleccionamos la que estemos buscando<\/p>\n\n\n\n

\"\"
Imagen 4<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Es importante, en cada descarga, seleccionar la opci\u00f3n \u201cWithout skin\u201d, para que solo se descargue el esqueleto de la animaci\u00f3n. Este paso es esencial para evitar conflictos al importar a Blender.<\/p>\n\n\n\n

\"\"
Imagen 5<\/figcaption><\/figure>\n\n\n\n

Paso 2: Importaci\u00f3n a Blender<\/strong><\/h3>\n\n\n\n

Importamos el personaje a Blender<\/a> en formato .fbx<\/a>. Esta ser\u00e1 nuestra vista inicial del personaje<\/p>\n\n\n\n

\"\"
Imagen 6<\/figcaption><\/figure>\n\n\n\n

Esta es la primera vista de nuestro personaje.<\/p>\n\n\n\n

\"\"
Imagen 7<\/figcaption><\/figure>\n\n\n\n

De igual forma, importamos las dem\u00e1s animaciones (solo los esqueletos). \u00a0<\/p>\n\n\n\n

\"\"
Imagen 8<\/figcaption><\/figure>\n\n\n\n

Luego, en el editor de acciones y la plantilla de tiempos, vamos a asignar al personaje en reposo (Idle) las animaciones con movimiento.<\/p>\n\n\n\n

\"\"
Imagen 9<\/figcaption><\/figure>\n\n\n\n

Paso 3: Unir animaciones.<\/strong><\/h3>\n\n\n\n

Cambiamos el nombre de cada animaci\u00f3n para identificarlas f\u00e1cilmente.<\/p>\n\n\n\n

\"\"
Imagen 10<\/figcaption><\/figure>\n\n\n\n

Seleccionamos de nuevo la armadura del personaje en reposo, elegimos en el panel la armadura correspondiente (ya renombrada).<\/p>\n\n\n\n

\"\"
Imagen 11<\/figcaption><\/figure>\n\n\n\n

En la opci\u00f3n de acci\u00f3n, seleccionamos \u201cPush Down\u201d para organizarla como una acci\u00f3n no lineal. Repetimos este paso para cada animaci\u00f3n.<\/p>\n\n\n\n

\"\"
Imagen 12<\/figcaption><\/figure>\n\n\n\n

En el editor de animaci\u00f3n no lineal (NLA), organizamos las acciones en secuencia.<\/p>\n\n\n\n

\"\"
Imagen 13<\/figcaption><\/figure>\n\n\n\n

En el panel de propiedades (tecla N), activamos la opci\u00f3n \u201cNada\u201d en extrapolaci\u00f3n para cada acci\u00f3n, asegurando as\u00ed una transici\u00f3n limpia.<\/p>\n\n\n\n

\"\"
Imagen 14<\/figcaption><\/figure>\n\n\n\n

Paso 4: Construcci\u00f3n escenario.<\/strong><\/h3>\n\n\n\n

En este ejemplo modelaremos un t\u00fanel iluminado. Para ello, a\u00f1ade una malla de cubo a la escena ( Shift + A \u2192 Mesh \u2192 Cube<\/code> ), que servir\u00e1 como base para esculpir las paredes del t\u00fanel.<\/p>\n\n\n\n

\"\"
Imagen 15<\/figcaption><\/figure>\n\n\n\n

Con el cubo seleccionado en Modo Objeto<\/strong>, pulsa S<\/code> \u2192 Y<\/code> \u2192 introduce un valor (por ejemplo 10<\/code>) y presiona Enter<\/code>. As\u00ed alargas el cubo a lo largo del eje Y hasta convertirlo en la base del t\u00fanel.<\/p>\n\n\n\n

\"\"
Imagen 16<\/figcaption><\/figure>\n\n\n\n

Cambia a Modo Edici\u00f3n<\/strong> (Tab<\/code>), activa el selector de caras<\/strong> (icono de un cuadrado) y haz clic en las caras frontales y traseras del cubo (las que ves en los extremos).<\/p>\n\n\n\n

\"\"
Imagen 17<\/figcaption><\/figure>\n\n\n\n

Teniendo presionada la tecla \u201cShfit\u201d seleccionamos las dos caras y borramos en la opci\u00f3n \u201cEliminar caras\u201d.<\/p>\n\n\n\n

\"\"
Imagen 18<\/figcaption><\/figure>\n\n\n\n

De esta manera tenemos un t\u00fanel vac\u00edo.<\/p>\n\n\n\n

\"\"
Imagen 19<\/figcaption><\/figure>\n\n\n\n

Cambia a Modo Edici\u00f3n<\/strong> (Tab<\/code>) y aseg\u00farate de que est\u00e9 activo el selector de aristas<\/strong> o elementos<\/strong>.<\/p>\n\n\n\n

Presiona Ctrl + R<\/code> para invocar el comando Loop Cut<\/strong>. Ver\u00e1s un pre-borde amarillo alrededor del cubo.<\/p>\n\n\n\n

Usa la rueda del rat\u00f3n o las flechas \u2191\/\u2193 para aumentar el n\u00famero de cortes a 4<\/strong>.<\/p>\n\n\n\n

Haz doble clic LMB para confirmar y fijar los cortes equidistantes a lo largo del cubo.<\/p>\n\n\n\n

\"\"
Imagen 20<\/figcaption><\/figure>\n\n\n\n

Ahora en la parte de abajo deseleccionamos el corte que acabamos de hacer.<\/p>\n\n\n\n

\"\"
Imagen 21<\/figcaption><\/figure>\n\n\n\n

Ahora con la el comando \u201cCTRL+B\u201d vamos a aumentar el grosor de los cortes.<\/p>\n\n\n\n

\"\"
Imagen 22<\/figcaption><\/figure>\n\n\n\n

En Modo Edici\u00f3n<\/strong>, aseg\u00farate de tener activado el selector de caras<\/strong>.<\/p>\n\n\n\n

Selecciona las caras internas creadas por los cortes previos (ver\u00e1s un contorno amarillo).<\/p>\n\n\n\n

Pulsa Alt + E<\/code> y elige \u201cExtruir caras individualmente\u201d<\/strong>.<\/p>\n\n\n\n

\"\"
Imagen 23<\/figcaption><\/figure>\n\n\n\n

El t\u00fanel ya toma forma, estas son las paredes internas extruidas seg\u00fan los cortes previos.<\/p>\n\n\n\n

\"\"
Imagen 24<\/figcaption><\/figure>\n\n\n\n

Ahora vamos a materiales y a\u00f1adimos un nuevo material para las luces, y damos clic en la opci\u00f3n asignar para que quede a la zona requerida.<\/p>\n\n\n\n

\"\"
Imagen 25<\/figcaption><\/figure>\n\n\n\n

Paso 5: Colores al escenario.<\/strong><\/h3>\n\n\n\n

Nos dirigimos a la parte de sombreado en la parte superior.<\/p>\n\n\n\n

\"\"
Imagen 26<\/figcaption><\/figure>\n\n\n\n

Seleccionamos el BSFT principal y lo eliminamos con la tecla X.<\/p>\n\n\n\n

\"\"
Imagen 27<\/figcaption><\/figure>\n\n\n\n

Con shift + A buscamos emisi\u00f3n y lo a\u00f1adimos, luego a\u00f1adimos color ramp para usar diferentes colores.<\/p>\n\n\n\n

\"\"
Imagen 28<\/figcaption><\/figure>\n\n\n\n

Para que tengamos un degrado en el color, a\u00f1adimos un gradient texture.<\/p>\n\n\n\n

\"\"
Imagen 29<\/figcaption><\/figure>\n\n\n\n

Con la opci\u00f3n CTRL+T a\u00f1adimos los otros dos nodos y en la rotaci\u00f3n Y ponemos 90\u00b0.<\/p>\n\n\n\n

\"\"
Imagen 30<\/figcaption><\/figure>\n\n\n\n

Recorriendo la rampa del color podremos ver el degradado.<\/p>\n\n\n\n

\"\"
Imagen 31<\/figcaption><\/figure>\n\n\n\n

Elegimos los colores de nuestra preferencia.<\/p>\n\n\n\n

\"\"
Imagen 32<\/figcaption><\/figure>\n\n\n\n

Ahora en el color base del cubo lo vamos a colocar en un color oscuro.<\/p>\n\n\n\n

\"\"
Imagen 33<\/figcaption><\/figure>\n\n\n\n

Esta seria la vista de nuestro t\u00fanel terminado.<\/p>\n\n\n\n

\"\"
Imagen 34<\/figcaption><\/figure>\n\n\n\n

Paso 6: Integraci\u00f3n de personaje y objetos<\/strong><\/h3>\n\n\n\n

Ponemos a nuestro personaje dentro del t\u00fanel.<\/p>\n\n\n\n

\"\"
Imagen 35<\/figcaption><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Vamos a colocar lo objetos o los obst\u00e1culos dentro de nuestro t\u00fanel.<\/p>\n\n\n\n

\"\"
Imagen 36<\/figcaption><\/figure>\n\n\n\n

Ve al men\u00fa Editar \u2192 Preferencias\u2026<\/strong> (Edit \u2192 Preferences<\/code>).<\/p>\n\n\n\n

En la ventana de preferencias, selecciona la pesta\u00f1a Complementos<\/strong>.<\/p>\n\n\n\n

Y aqu\u00ed en la b\u00fasqueda escribe \u201cNode Wrangler\u201d<\/strong>.<\/p>\n\n\n\n

Marca la casilla para habilitarlo.<\/p>\n\n\n\n

Cierra la ventana de preferencias; ahora podr\u00e1s usar las herramientas avanzadas de nodos en el Editor de sombreado.<\/p>\n\n\n\n

\"\"
Imagen 37<\/figcaption><\/figure>\n\n\n\n

Paso 7: Texturas<\/strong><\/h3>\n\n\n\n

Ahora ingresamos a la siguiente pagina Poly Haven<\/a>.<\/p>\n\n\n\n

\"\"
Imagen 38<\/figcaption><\/figure>\n\n\n\n

Descargamos el material.<\/p>\n\n\n\n

\"\"
Imagen 39<\/figcaption><\/figure>\n\n\n\n

En el editor de nodos con el comando \u201cCTRL+SHIFT+T\u201d, abre el selector de archivos, vamos a la carpeta que descargamos y buscamos la carpeta texturas, seleccionamos todas las im\u00e1genes que contiene y damos abrir.<\/p>\n\n\n\n

\"\"
Imagen 40<\/figcaption><\/figure>\n\n\n\n

Se configurar\u00e1 de manera autom\u00e1tica.<\/p>\n\n\n\n

\"\"
Imagen 41<\/figcaption><\/figure>\n\n\n\n

Repetimos el proceso para los dem\u00e1s objetos que utilicemos.<\/p>\n\n\n\n

\"\"
Imagen 42<\/figcaption><\/figure>\n\n\n\n

Paso 8: Luces y C\u00e1maras<\/strong><\/h3>\n\n\n\n

Vamos a a\u00f1adir una luz foco para que siga a nuestro personaje y le de luz durante toda la escena.<\/p>\n\n\n\n

\"\"
Imagen 43<\/figcaption><\/figure>\n\n\n\n

Acomodamos la luz para que apunte a nuestro personaje.<\/p>\n\n\n\n

\"\"
Imagen 44<\/figcaption><\/figure>\n\n\n\n

Seleccionamos el esqueleto de nuestro personaje con la luz de foto y la c\u00e1mara y con el comando CRTL+P seleccionamos la opci\u00f3n \u201cMantener Transformaci\u00f3n\u201d, esto para que se coordine todo con los movimientos del personaje.<\/p>\n\n\n\n

\"\"
Imagen 45<\/figcaption><\/figure>\n\n\n\n

En la barra de propiedades del foco le ponemos de potencia 100.<\/p>\n\n\n\n

\"\"
Imagen 46<\/figcaption><\/figure>\n\n\n\n

Se utilizar\u00e1n 2 c\u00e1maras para la animaci\u00f3n la primera la ubicamos en el inicio y aplicamos una clave en la parte izquierda en la barra de propiedades.<\/p>\n\n\n\n

\"\"
Imagen 47<\/figcaption><\/figure>\n\n\n\n

Vamos al momento final de la animaci\u00f3n y ponemos la clave final.<\/p>\n\n\n\n

\"\"
Imagen 48<\/figcaption><\/figure>\n\n\n\n

A\u00f1adimos la segunda c\u00e1mara (Shift+A).<\/p>\n\n\n\n

\"\"
Imagen 49<\/figcaption><\/figure>\n\n\n\n

La ubicamos donde queremos que inicie nuestra toma y rotamos 180\u00b0 para que quede mirando nuestro personaje.<\/p>\n\n\n\n

\"\"
Imagen 50<\/figcaption><\/figure>\n\n\n\n

A esta c\u00e1mara tambi\u00e9n le ponemos unas claves de donde a donde va a ir, en este caso para mi animaci\u00f3n quiero que sea la primera toma desde la parte derecha hasta el personaje.<\/p>\n\n\n\n

\"\"
Imagen 51<\/figcaption><\/figure>\n\n\n\n

Nos vamos al momento 50 en la l\u00ednea de tiempo y ponemos la clave final para que sepa que hasta ah\u00ed va a hacer su movimiento la c\u00e1mara.<\/p>\n\n\n\n

\"\"
Imagen 52<\/figcaption><\/figure>\n\n\n\n

Con G y Y la movemos hasta donde queremos que vaya la toma.<\/p>\n\n\n\n

\"\"
Imagen 53<\/figcaption><\/figure>\n\n\n\n

Seleccionando esta c\u00e1mara vamos al panel de propiedades y vamos a a\u00f1adir un rastreador para que siga a nuestro personaje.<\/p>\n\n\n\n

Con el cuenta gotas, del apuntar seleccionamos el esqueleto de nuestro personaje.<\/p>\n\n\n\n

\"\"
Imagen 54<\/figcaption><\/figure>\n\n\n\n

Paso 9: Orden de vista animaci\u00f3n.<\/strong><\/h3>\n\n\n\n

Ahora que ya tenemos nuestra c\u00e1mara configurada, vamos a ordenar en que orden se van a mostrar las c\u00e1maras. En la linea de tiempo vamos a marcador y a agregar un marcador.<\/p>\n\n\n\n

\"\"
Imagen 55<\/figcaption><\/figure>\n\n\n\n

Para mi caso quiero que sea la c\u00e1mara 2 sea la que inicie la animaci\u00f3n, por lo cual seleccionando esta c\u00e1mara vamos nuevamente a marcador y damos clic en la opci\u00f3n \u201cEnlazar c\u00e1mara a marcadores.<\/p>\n\n\n\n

\"\"
Imagen 56<\/figcaption><\/figure>\n\n\n\n

Hacemos el mismo proceso para la c\u00e1mara 1, la cual va a continuar o se va a unir en el momento 50 que es donde termina la c\u00e1mara 2. De esta manera primero se activar\u00e1 la c\u00e1mara 2 en la animaci\u00f3n y finalizar\u00e1 la c\u00e1mara 1.<\/p>\n\n\n\n

\"\"
Imagen 57<\/figcaption><\/figure>\n\n\n\n

Paso 10: Renderizar.<\/strong><\/h3>\n\n\n\n

En el panel de propiedades vamos a la opci\u00f3n salida, y aqu\u00ed seleccionamos el formato en el que queremos que se renderice nuestra animaci\u00f3n y a donde va a exportar.<\/p>\n\n\n\n

\"\"
Imagen 58<\/figcaption><\/figure>\n\n\n\n

Ahora vamos a la opci\u00f3n procesar o renderizar en la parte superior y esto procesar\u00e1 nuestra animaci\u00f3n.<\/p>\n\n\n\n

\"\"
Imagen 59<\/figcaption><\/figure>\n\n\n\n

Resultado final:<\/strong><\/h3>\n\n\n\n
\n