Stefan VaskevichHerramientas usadas en este artículo
Probablemente ya viste que la IA puede convertir una imagen en un personaje 3D. Es impresionante — pero honestamente, ¿de qué sirve un solo objeto estático? Así no funcionan las cosas en los juegos. En un juego no tienes un personaje; tienes un personaje más un guardarropa — sombreros, lentes, atuendos, zapatos que puedes cambiar a tu antojo.
Así que esta es la idea: voy a mostrarte que es igual de fácil construir todo un personaje personalizable con su propio armario de assets, y luego integrarlo en una aplicación web donde cualquiera pueda vestirlo. Este es el flujo de trabajo completo, de principio a fin — conceptualización, generación del modelo 3D, texturizado con IA, ensamblaje, rigging, un breve desvío por Unreal Engine y, finalmente, una aplicación web jugable construida con un agente de programación con IA. Hice todo en aproximadamente un día, y terminó siendo francamente divertido.
Mira el proceso completo de creación
Todo el proceso, de principio a fin, en YouTube.
Abrir en YouTube1. Planifica el guardarropa antes de generar cualquier cosa
La tentación es lanzarse directamente a generar modelos. No lo hagas. La calidad de un personaje personalizable depende de su lista de assets, así que empiezo en una pizarra y primero cierro la lista. Mi temática fue un repaso irónico de los últimos cinco años tan intensos de la cultura de internet, lo que hizo que los assets se eligieran solos: cierta gorra roja, un Apple Vision Pro, un fidget spinner, un vape, el inevitable vaso de Starbucks, una mascarilla N95, un gorro de Supreme, un par de sudaderas con memes y demás.
Organizo todo en las categorías que mostrará la aplicación final — Hat, Eyewear, Face wear, Costume, Skin, Boots, Animation — y marco cada idea con rojo una vez que está confirmada. Este tablero es la especificación: me dice exactamente cuántas mallas necesito generar y cómo se agruparán después.
2. Genera el personaje base con Tripo Smart Mesh
Con la lista cerrada, llevo el concepto a Tripo y genero con Smart Mesh. Para un aspecto limpio y estilizado como este es la mejor opción — y el truco infravalorado es que puedes elegir la cantidad de polígonos por asset, subiendo el detalle solo donde importa. Para la cabeza elegí un ajuste de 7, lo que por sí solo dio un resultado casi perfecto.
3. El truco del cambio de cabeza en Blender
Ambas partes van a Blender. Le corto la cabeza al cuerpo y uno en su lugar la cabeza mejorada que generé por separado. Unir dos mallas de forma limpia es mucho más fácil de lo que parece:
Haz bridge entre los dos edge loops
Selecciona el loop inferior de la cabeza y el loop superior del cuello, haz clic derecho y usa Loop Tools → Bridge. Eso une ambas aberturas en un solo clic. Agrega un par de segmentos adicionales en el cuello para lograr una transición más suave.
Corrige el sombreado y luego suaviza a mano
De vuelta en Object Mode, recalcula el sombreado, luego pasa a Sculpt Mode y usa el pincel Smooth sobre la costura y Elastic Deform para ajustar ligeramente la forma general. Esto te da una enorme cantidad de control con muy poco esfuerzo — justo donde quieres invertir tu tiempo cuando la IA ya se encargó de la parte difícil de construir la malla.
4. Texturiza en Tripo, repara en Modddif
Como la malla está limpia, hago un despliegue UV rápido en Blender — solo unas cuantas costuras para mantener la textura intacta (el add-on gratuito UV Packer lo hace todavía mejor). Luego regreso a Tripo: mantengo las UV originales, subo exactamente la misma imagen con la que empecé y presiono Generate Texture. El resultado es excelente tal como sale; agrego PBR en la configuración del material y sigo adelante.
Algunos assets vienen con texto distorsionado — el box logo de “Supreme” no quedó del todo bien, y la parte trasera del vaso de Starbucks estaba completamente distorsionada. Eso no es ningún problema. Entro a Modddif (una herramienta gratuita), pinto sobre el área dañada, genero una corrección y la proyecto de nuevo con el texto correcto. El mismo método repara cualquier textura en muy poco tiempo.
5. Ensambla el guardarropa en Blender
Ahora la parte divertida. Cada asset vuelve a Blender y coloco cada uno sobre el cuerpo en Sculpt Mode, usando el mismo pequeño conjunto de herramientas — mover, escalar, rotar y los pinceles Elastic Deform y Smooth para hacer que las prendas caigan y se superpongan bien. Los objetos para sostener en la mano (un café, un vape) se manejan de forma ligeramente diferente, pero por lo demás el flujo de trabajo es idéntico para sombreros, lentes, prendas superiores y zapatos. En total, ensamblar y alinear todo el guardarropa me tomó alrededor de 30 minutos.
6. Haz el rig una sola vez con AccuRig
Exporto a FBX y lo llevo a AccuRig. Dos consejos de exportación que te ahorrarán muchos dolores de cabeza: no necesitas exportar copias de los objetos que el personaje sostiene en la mano (cambia los materiales y haz el rig de uno solo más adelante), y no necesitas unir los objetos — expórtalos por separado y mantenlos así para poder reasignar los materiales sin problemas después.
Coloca los marcadores y calibra
AccuRig te guía para colocar unos cuantos marcadores de articulaciones. Pepe tiene cuatro dedos, así que elige el rig de mano de cuatro dedos — no te saltes ese paso. Presiona calibrar y el resultado es bueno. Los puntos problemáticos habituales son las axilas y las proporciones no estándar; para personajes estilizados hay una opción de pose offset que ayuda con eso.
Consigue un par de animaciones gratuitas
AccuRig es gratuito e incluye animaciones gratis. Exporto dos: un idle simple y un idle donde sostiene algo — porque el personaje tiene un estado en el que está sosteniendo un café o un vape.
- Los accesorios rígidos (Vision Pro, sombreros, lentes) deben seguir únicamente al hueso de la cabeza. En lugar de pintar, bloquea el hueso de la cabeza en Vertex Groups y luego elimina todos los grupos desbloqueados — así dejas el 100% del peso asignado al hueso de la cabeza en un solo movimiento.
- Separa las piernas del cuerpo en su propio objeto para poder ocultar lo que cubra una prenda. En los juegos no renderizas el cuerpo debajo de los pantalones — muestra las piernas o los pantalones, nunca ambos, y evitas el clipping.
7. Desvío opcional: llévalo a Unreal Engine
Exactamente el mismo personaje puede ir directo a un motor de videojuegos. El único cambio es elegir el esqueleto de Unreal Engine 5 al exportar desde AccuRig. Lleva el personaje y todos sus assets a UE5, haz retarget de las animaciones a la plantilla de blueprint Third Person predeterminada y crea un blueprint simple para intercambiar objetos. A partir de ahí, lo que hagas a continuación dependerá de la lógica de tu juego.
8. Construye la aplicación web con Claude Code + Google Stitch
Esta es la parte con la que más me divertí. Exporto los assets preparados y con rig en formato GLB, le doy a cada objeto un nombre coherente en Blender y luego dejo que un agente de programación con IA construya el configurador. El contexto clave que le doy al agente: todos los assets ya están en una sola armature con los nombres correctos, así que solo necesita mostrarlos y ocultarlos.
Manejo Claude Code con dos paquetes de skills — las Designer Skills de la comunidad y las Google Stitch Skills — además del MCP de Stitch, en una carpeta de proyecto nueva:
# In an empty project folder, add the skills to Claude Code:
npx -y skills@latest add julianoczkowski/designer-skills -y -a claude-code
npx -y skills@latest add google-labs-code/stitch-skills -y -a claude-code
# Then connect the Stitch MCP (stitch.withgoogle.com -> Settings -> Setup MCP),
# and restart Claude so the new skills + MCP load.A partir de ahí, el pipeline de diseño a app es una secuencia de skills:
/grill-me → a brief
Empieza con /grill-me, aclara desde el principio que quieres centrarte en el diseño (para que no se pierda debatiendo opciones del stack) y deja que te interrogue. De ahí surge un brief de diseño. /design-brief convierte eso en documentación de diseño real. En mi caso, quería una UI simple para elegir assets — y en algún momento me di cuenta de que estábamos midiendo el estilo, es decir, el drip. Ese se convirtió en el nombre: Some Serious Drip, con medidor de drip incluido.
/stitch design system → /stitch-loop
Usa /enhance-prompt para pulir el prompt de Stitch, establece una base con /stitch manage-design-system y luego ejecuta /stitch-loop — la skill principal — para diseñar cada pantalla (computadora + celular). Incluso puedes explorar varios sistemas de diseño diferentes aquí.
/design-tokens → plan → build
Genera variables reales a partir del diseño con /design-tokens y luego construye con /frontend-design. Mi mejor consejo general para Claude Code: planifica primero. Ejecuta /brief-to-tasks para dividir el desarrollo en una lista de tareas clara antes de la implementación — esto hace que el resultado sea mucho más estable. Luego mira cómo trabaja y revisa.
/design-review → fixes
Por último, /design-review hace que el agente evalúe su propio trabajo con respecto al brief, el documento de diseño y las pantallas conceptuales de Stitch, y luego corrija los problemas que encuentre. Unas pocas comprobaciones manuales en distintos tamaños de pantalla y listo.
9. El resultado: Some Serious Drip
Después de un rato, salió la app. Eliges un preset — touch grass, btc gold, chrome, wet slime —, le das estilo al personaje y el medidor de drip recalcula su Drip, Chaos, Cringe y Aura al instante. Puedes cambiar skins que reemplazan todo el cuerpo, quitarle prendas (“¿para qué necesitamos pantalones?”) y exportar una tarjeta para compartir — la mía salió como “The Quiet Flex”. Luego compártela con un amigo. ¿No está genial?
La demo de esta guía ya está disponible en TOP 3D AI. Viste a la rana, genera un atuendo al azar y exporta tu propia tarjeta.
Abrir Some Serious DripLo que realmente obtienes
Ese es todo el pipeline: del concepto a un personaje personalizable con rig y a una app web en vivo, en un solo día, usando IA para el trabajo pesado y tu propio gusto para la parte que importa. Constantemente aparecen nuevas herramientas para armar personajes como este — y cada vez que lo hacen, van directo a la Arena para que puedas compararlas antes de decidirte.
