{"id":83065,"date":"2026-04-04T23:28:28","date_gmt":"2026-04-05T04:28:28","guid":{"rendered":"https:\/\/niixer.com\/?p=83065"},"modified":"2026-04-20T20:56:47","modified_gmt":"2026-04-21T01:56:47","slug":"escenario-urbano-y-batalla-de-baile-animacion-no-lineal-en-blender","status":"publish","type":"post","link":"https:\/\/niixer.com\/index.php\/2026\/04\/04\/escenario-urbano-y-batalla-de-baile-animacion-no-lineal-en-blender\/","title":{"rendered":"Escenario urbano y batalla de baile: Animaci\u00f3n no lineal en Blender"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n

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

Creditos<\/h2>\n\n\n\n

Autor<\/strong>: Laura Vanessa Guti\u00e9rrez Guzm\u00e1n<\/a><\/p>\n\n\n\n

Editor: <\/strong>Ingeniero Carlos Iv\u00e1n Pinz\u00f3n Romero<\/a><\/h4>\n\n\n\n

C\u00f3digo: <\/strong>UCMV-9<\/a>

Universidad: <\/strong>Universidad central<\/a><\/h4>\n\n\n\n

1. Introducci\u00f3n<\/strong><\/h2>\n\n\n\n

En este proyecto de animaci\u00f3n 3D, he desarrollado un entorno urbano detallado para un baile callejero. El objetivo principal fue integrar personajes animados de fuentes externas y gestionar sus movimientos mediante t\u00e9cnicas avanzadas de animaci\u00f3n no lineal<\/strong> en Blender.<\/p>\n\n\n\n

\n\n\n\n

2. Herramientas y recursos utilizados<\/strong><\/h2>\n\n\n\n

Para lograr este resultado, utilic\u00e9 un ecosistema de herramientas digitales:<\/p>\n\n\n\n

    \n
  • Blender:<\/strong> Herramienta principal para el modelado, iluminaci\u00f3n, gesti\u00f3n de animaciones y renderizado final.<\/li>\n\n\n\n
  • Avaturn:<\/strong> Utilizado para la creaci\u00f3n del avatar principal personalizado.<\/li>\n\n\n\n
  • Sketchfab:<\/strong> Fuente de los modelos tridimensionales del entorno (basureros, tarimas y elementos urbanos).<\/li>\n\n\n\n
  • Mixamo:<\/strong> Plataforma para obtener los esqueletos (rigging) y las capturas de movimiento de danza.<\/li>\n\n\n\n
  • Pixabay:<\/strong> Repositorio de donde obtuve la pista de audio Hip Hop (libre de derechos).<\/li>\n<\/ul>\n\n\n\n
    \n\n\n\n

    3. Paso a paso<\/strong><\/h2>\n\n\n\n

    ADN Digital y Construcci\u00f3n del Mundo (World Building)<\/p>\n\n\n\n

    Esta fase es cr\u00edtica porque es donde pasamos de una idea abstracta a un entorno tridimensional funcional. Para este proyecto, no usamos un modelo gen\u00e9rico. El objetivo era la <\/strong>personalizaci\u00f3n extrema. Se utiliz\u00f3 la tecnolog\u00eda de reconstrucci\u00f3n de Avaturn para generar una malla (mesh<\/em>) basada en rasgos reales. Esto garantiza que la topolog\u00eda facial sea \u00fanica.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Configuraci\u00f3n de Exportaci\u00f3n:<\/strong> Al exportar en .glb<\/code>, nos aseguramos de que el modelo incluyera los mapas de texturas b\u00e1sicos (Albedo\/Diffuse) y una estructura de huesos inicial compatible con est\u00e1ndares modernos. Se utiliz\u00f3 el importador de glTF 2.0<\/em>. El primer paso t\u00e9cnico fue el “Scale Normalization”<\/strong>: ajustar la escala del avatar a metros reales (aprox. 1.70m) para que las leyes de f\u00edsica y luz de Blender funcionen correctamente.<\/p>\n\n\n\n

    Auto-Rigging:<\/strong> Subimos el modelo a Mixamo. El paso clave fue la alineaci\u00f3n de los LOD (Level of Detail)<\/strong> en las articulaciones. Se tuvo especial cuidado en las mu\u00f1ecas y rodillas para evitar el “efecto de estiramiento de goma” (mesh tearing<\/em>) durante los pasos de baile.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Seleccionamos clips de Hip Hop. El detalle t\u00e9cnico:<\/strong> Descargamos la animaci\u00f3n principal con piel (With Skin<\/em>) para que sirviera de base, y las siguientes solo como datos de animaci\u00f3n (Without Skin<\/em> \/ .fbx<\/code>). Esto evita que el archivo de Blender pese gigabytes innecesarios y mantiene la escena fluida (High Performance).<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Modelado procedural y geometr\u00eda: El muro de ladrillos, para darle un car\u00e1cter \u00fanico al callej\u00f3n, decid\u00ed no depender \u00fanicamente de texturas planas, sino modelar f\u00edsicamente parte de la estructura.<\/p>\n\n\n\n

    Creaci\u00f3n de la Malla:<\/strong> Se parti\u00f3 de un objeto Cube<\/em> escalado a las dimensiones est\u00e1ndar de un ladrillo. Utilic\u00e9 el modificador Array<\/strong> para generar las filas y columnas, permitiendo una alineaci\u00f3n matem\u00e1tica perfecta.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

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

    Para no sobrecargar la memoria de video (VRAM) durante los 4 minutos de cinem\u00e1tica, los ladrillos que est\u00e1n fuera del foco de la c\u00e1mara se simplificaron, manteniendo el nivel de detalle m\u00e1ximo solo en la zona donde la bailarina realiza sus movimientos principales.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Creaci\u00f3n de la Superficie Base:<\/strong> Se insert\u00f3 un objeto de tipo Plane<\/strong> (Plano) desde el men\u00fa de Add > Mesh<\/em>. Para cubrir el \u00e1rea de la batalla de baile y el movimiento de c\u00e1mara de 4 minutos, el plano se escal\u00f3 en los ejes X e Y, asegurando que los bordes quedaran fuera del frustum de la c\u00e1mara para no romper la ilusi\u00f3n de profundidad.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Mapeo de Imagen (Image as Planes):<\/strong> En lugar de usar un material gen\u00e9rico, utilic\u00e9 la t\u00e9cnica de Import Images as Planes<\/strong> para traer una textura de asfalto urbano desgastado. Esto permiti\u00f3 que la imagen mantuviera su relaci\u00f3n de aspecto original y que Blender generara autom\u00e1ticamente un nodo de material con la informaci\u00f3n de color de la fotograf\u00eda<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Para lograr que el escenario dejara de ser un plano vac\u00edo y se convirtiera en un callej\u00f3n urbano con historia, utilic\u00e9 la integraci\u00f3n directa de Sketchfab<\/strong>.<\/p>\n\n\n\n

    Se dise\u00f1\u00f3 la base del callej\u00f3n utilizando un Plano<\/strong> escalado con una textura de asfalto urbano, configurando nodos de Roughness<\/em> para capturar los reflejos de las luces ne\u00f3n.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    B\u00fasqueda y Selecci\u00f3n T\u00e9cnica:<\/strong> * Utilic\u00e9 el buscador de Sketchfab para localizar objetos que reforzaran la est\u00e9tica de “batalla callejera”: contenedores de basura, cajas industriales, un barril met\u00e1lico y una radio antigua (boombox<\/em>).<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Muchos objetos de Sketchfab vienen en escalas aleatorias. Utilic\u00e9 la herramienta de escalado (S<\/code>) tomando como referencia el tama\u00f1o de mi avatar de Avaturn<\/strong> para que la radio no pareciera m\u00e1s grande que una persona, manteniendo la proporci\u00f3n \u00e1urea de la escena.<\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    Una vez que el entorno estuvo listo, el reto t\u00e9cnico fue integrar m\u00faltiples secuencias de movimiento en un solo flujo de 4 minutos.<\/p>\n\n\n\n

    Para evitar que el archivo de Blender colapsara por exceso de geometr\u00eda, aplicamos una estrategia de optimizaci\u00f3n:<\/p>\n\n\n\n

      \n
    • Importaci\u00f3n de la base:<\/strong> Se import\u00f3 el primer archivo FBX con la malla completa (With Skin<\/em>) para establecer la jerarqu\u00eda de huesos (Armature<\/strong>).<\/li>\n\n\n\n
    • Extracci\u00f3n de datos:<\/strong> Las siguientes acciones (pasos de Hip Hop, giros y movimientos de victoria) se importaron sin piel (Without Skin<\/em>). Esto permiti\u00f3 que Blender solo leyera los datos de rotaci\u00f3n y traslaci\u00f3n de los huesos, los cuales “anclamos” a nuestro avatar de Avaturn<\/strong> mediante la transferencia de datos de animaci\u00f3n.<\/li>\n<\/ul>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      Este fue el cerebro de la operaci\u00f3n. En lugar de usar una l\u00ednea de tiempo tradicional, convertimos cada animaci\u00f3n en bloques modulares:<\/p>\n\n\n\n

        \n
      • Push Down:<\/strong> Cada clip de Mixamo que aparec\u00eda en la parte superior del editor se “empuj\u00f3” hacia abajo (acci\u00f3n Push Down<\/em>) para convertirlo en una Action Strip<\/strong> (tira naranja).<\/li>\n\n\n\n
      • Organizaci\u00f3n por Pistas:<\/strong> Creamos pistas paralelas para organizar la secuencia de baile, permiti\u00e9ndonos mover, duplicar y reordenar los pasos de la batalla como si estuvi\u00e9ramos editando clips de video.<\/li>\n<\/ul>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \"\"<\/figure>\n\n\n\n

        Utilizamos la funci\u00f3n de Split (tecla Y)<\/strong> para dividir las tiras naranjas justo en el momento en que el personaje terminaba un paso de baile. Esto nos permiti\u00f3 eliminar los cuadros de “congelaci\u00f3n” que Mixamo a\u00f1ade al final de sus archivos.<\/p>\n\n\n\n

        Ajuste de Action Clip:<\/strong> En el panel de propiedades (tecla N), ajustamos los valores de Start<\/em> y End<\/em> dentro de la secci\u00f3n Action Clip<\/strong> para que la animaci\u00f3n comenzara exactamente en el cuadro de movimiento y no en la pose est\u00e1tica inicial.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n
        \"\"<\/figure>\n\n\n\n
        \"\"<\/figure>\n\n\n\n

        Una vez definida la coreograf\u00eda principal, el proyecto evolucion\u00f3 hacia una producci\u00f3n coral, integrando m\u00faltiples elementos que reforzaron la narrativa urbana.<\/p>\n\n\n\n

        Importaci\u00f3n de Avatares Pre-animados:<\/strong> Importamos otros personajes (mu\u00f1ecos\/avatares) directamente desde la librer\u00eda de Mixamo<\/strong>. A diferencia del principal, estos ya tra\u00edan sus propias acciones horneadas (baked<\/em>) de baile y animaci\u00f3n ambiental.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n

        provechamos que estos modelos ya ten\u00edan movimientos de “baile” o “reacci\u00f3n” integrados. En el NLA Editor<\/strong>, sincronizamos estas tiras de acci\u00f3n para que el grupo secundario reaccionara al ritmo de la m\u00fasica, creando una atm\u00f3sfera de “corro” o audiencia activa.<\/p>\n\n\n\n

        \"\"<\/figure>\n\n\n\n

        El audio fue el motor de la animaci\u00f3n. No fue solo poner una canci\u00f3n, sino realizar un montaje sonoro:<\/p>\n\n\n\n

          \n
        • Importaci\u00f3n de Audio:<\/strong> Utilizamos el Video Sequencer<\/strong> para cargar el track “Party – Party Music”<\/em> de The_Mountain<\/strong> (Pixabay).<\/li>\n\n\n\n
        • Sincronizaci\u00f3n de C\u00e1mara y Acci\u00f3n:<\/strong> Alineamos los keyframes<\/em> del movimiento de c\u00e1mara y los cortes de las tiras de animaci\u00f3n con los beats<\/em> de la m\u00fasica. Esto hizo que cada giro del avatar coincidiera con el ritmo, elevando el impacto visual de los 4 minutos de video.<\/li>\n<\/ul>\n\n\n\n
          \"\"<\/figure>\n\n\n\n

          La luz se trabaj\u00f3 para que los personajes de Mixamo y el escenario modelado se fundieran en una sola est\u00e9tica:<\/p>\n\n\n\n

            \n
          • Focos de Contraste:<\/strong> Implementamos luces de tipo Point<\/strong> y Area<\/strong> con colores cian y fucsia<\/strong>.<\/li>\n\n\n\n
          • Efecto de Ne\u00f3n:<\/strong> Posicionamos las luces de forma que los reflejos golpearan tanto el asfalto modelado como la textura del barril y los botes de basura, logrando que los colores vibrantes del grafiti se proyectaran sutilmente sobre la piel de los avatares.<\/li>\n<\/ul>\n\n\n\n
            \"\"<\/figure>\n\n\n\n
            \"\"<\/figure>\n\n\n\n
            \"\"<\/figure>\n\n\n\n

            Ajuste de Lente:<\/strong> Utilizamos una c\u00e1mara con una distancia focal de 35mm<\/strong> para obtener un \u00e1ngulo de visi\u00f3n natural, similar al del ojo humano, que permitiera ver tanto el detalle del avatar como la amplitud del callej\u00f3n con los grafitis.<\/p>\n\n\n\n

            Profundidad de Campo (DoF):<\/strong> Activamos el Depth of Field<\/em> y seleccionamos el avatar de Avaturn<\/strong> como objeto de enfoque. Esto gener\u00f3 un desenfoque sutil en el fondo (bokeh), haciendo que los personajes resaltaran y el video no se viera “plano”.<\/p>\n\n\n\n

            \"\"<\/figure>\n\n\n\n

            Dado que ya ten\u00edamos la iluminaci\u00f3n de ne\u00f3n y los materiales configurados, utilizamos la t\u00e9cnica de Render Playblast<\/strong> para generar el video final de forma eficiente:<\/p>\n\n\n\n

              \n
            1. Encuadre:<\/strong> Presionamos Numpad 0<\/code> para asegurar que lo que ve\u00edamos en pantalla era exactamente lo que la c\u00e1mara grabar\u00eda.<\/li>\n\n\n\n
            2. Limpieza Visual:<\/strong> Para que el video saliera impecable, desactivamos los Overlays<\/strong> (apagando el icono de los dos c\u00edrculos), eliminando del visor los huesos de Mixamo, las l\u00edneas de relaci\u00f3n y las rejillas.<\/li>\n\n\n\n
            3. Captura en Tiempo Real:<\/strong> Fuimos al men\u00fa View > Render Playblast Animation<\/strong>. Blender proces\u00f3 cuadro por cuadro a 60 FPS<\/li>\n<\/ol>\n\n\n\n
              \"\"<\/figure>\n\n\n\n
              \"\"<\/figure>\n\n\n\n

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

              Video<\/strong><\/p>\n\n\n\n

              \n