Cel shading en Unreal Engine 5: guía de render estilizado

El cel shading en Unreal Engine 5 no es un filtro de color que se aplica al final: es una decisión sobre cómo entra la luz en la escena y dónde se corta el degradado. Cuando el render se lee como dibujo es porque la iluminación dejó de ser continua.

Por qué un render estilizado se lee como dibujo (y no es un filtro de color)

En un render fotorrealista la luz cae de forma gradual, con un rango enorme de valores entre lo iluminado y la sombra. El cel shading, o toon shading, es render no fotorrealista (NPR) y hace lo contrario: cuantiza esos valores en unos pocos tonos discretos. Decidir cuántos niveles permites es el primer paso: dos bandas dan el look de cómic clásico, tres o cuatro añaden un tono medio con volumen.

Cels, tinta y contorno: de dónde viene el nombre

El nombre viene de los cels, las hojas de celuloide pintadas a mano en la animación tradicional. En 3D se popularizó con Jet Set Radio (1999), The Wind Waker (2002) y Okami (2006), donde el estilo también era legibilidad.

Los tres caminos de Unreal Engine 5 de un vistazo

Hay tres sitios donde tocar: el material (la luz se cuantiza donde se calcula), el post-proceso (se re-cuantiza en pantalla) y, desde la 5.8, un modelo toon en Substrate.

Camino 1: el material estilizado (se toca donde se calcula la luz)

Es la vía más directa: interceptas la iluminación dentro del material, igual que en un árbol de nodos de Blender.

Rampas y bandas de difusa: cuantizar el resultado del BSDF para el look toon

En vez de dejar que la difusa haga un degradado, tomas su respuesta y la pasas por una rampa que salta de un nivel al siguiente: una curva escalonada sobre el vector de luz o una textura de rampa. El especular va aparte, con su propia banda.

Modelo Unlit: control total del color y lo que se pierde

Un material Unlit entrega el color sin que el motor lo ilumine: cómodo para fondos, pero renuncias a sombras propias, reflejos y luz de escena. Para un personaje que deba integrarse en un escenario iluminado, repasa antes la iluminación en Unreal Engine 5.

Camino 2: el cel shading en Unreal Engine 5 como material de post-proceso

Aquí no tocas la iluminación: el motor renderiza la escena y tú re-cuantizas la pantalla completa al final. El efecto ve toda la luz real, sombras incluidas, pero cuesta en cada fotograma; para aplicarlo solo a un personaje se usa la profundidad personalizada como máscara.

Dominio "Post Process" y por qué la única salida es el color emisivo

Necesitan el dominio Post Process y solo deben usar el color emisivo como salida. Epic es explícito: se reservan para efectos de pantalla completa, porque el grafo de post-proceso hace parte de la iluminación y suele crear render targets intermedios.

Mezclables: dónde se inserta el pase y en qué orden

El material se asigna en la sección Blendables del Post Process Volume y su ubicación decide qué recibe. Before Tonemapping trabaja con HDR y color de escena, y arregla problemas de TAA y de lecturas del GBuffer; After Tonemapping trabaja tras el mapeo tonal, en LDR, y es la preferida por rendimiento. Además, los parámetros por defecto deben dejar el pase sin efecto para que entrar al volumen no dé un salto.

Leer la pantalla con SceneTexture y el truco del tamaño inverso

El nodo SceneTexture da acceso a lo ya renderizado. Su salida Size devuelve las dimensiones de la textura: dividiendo 1 entre ese tamaño obtienes el tamaño de un píxel en UV, y con él recorres vecinos para detectar bordes.

El contorno: la firma del cel shading

Sin línea negra, el look se lee como un color plano más. Hay dos formas de generarlo.

Hull invertido: dibujar las caras de atrás y engordarlas por normal

La técnica clásica invierte el descarte de caras traseras y las dibuja en negro, un poco más grandes que el objeto: se dilata la silueta desplazando los vértices a lo largo de sus normales. El Z-buffer compone sin problemas porque esas caras quedan detrás.

Detección de bordes con profundidad y normales

La otra familia renderiza color, profundidad y normales de mundo a tres texturas; un filtro tipo Sobel sobre las dos últimas genera la textura de bordes. Es más flexible y más caro, y con hull invertido el grosor cambia con el ángulo y la distancia: para línea uniforme el desplazamiento debe ir en espacio de pantalla.

Posterización y pixelado: el primo retro del cel shading

Bajar la cantidad de colores es la misma operación aplicada a toda la imagen, y combina con la estética de baja resolución: esta guía de la estética retro de PS1 cubre el tramado.

Cuántos niveles de color aguanta una imagen antes de romperse

Depende del contraste. Con muchos niveles apenas se nota; con muy pocos aparecen escalones en las zonas suaves y las transparencias se ensucian. La prueba rápida es mover una luz: si los escalones cambian de sitio, faltan niveles.

Materiales pintados a mano y pictóricos

El último ladrillo del estilo no está en el shader, está en la textura. Un shading plano sobre una textura plana se ve vacío; el mismo shading con pinceladas encima se lee como ilustración.

El trazo pintado: cómo se texturiza un asset estilizado

Se pinta el asset como una lámina: marcas de pincel visibles, variación de saturación y un valor base más alto de lo habitual. En Substance Painter, la técnica de anchor points ahorra tiempo al encadenar capas.

Material procedural vs textura pintada: cuándo cada uno

El procedural gana cuando el objeto se repite, y lo cubre la lógica del material procedural. La textura pintada gana cuando el objeto es único y el trazo vende el estilo; si vienes de PBR, repasa el texturizado PBR. En movimiento el trazo fijo se nota, y ahí entran los shaders que generan la pincelada en pantalla.

Lo nuevo en Unreal Engine 5.8: Substrate Toon Shading (experimental)

La 5.8 trae un modelo de sombreado no fotorrealista dentro de Substrate, el sistema que reemplaza los shading models y blend modes fijos por un marco modular: es la primera vez que el look toon viene de serie.

Toon BSDF y Toon Profile: rampas de difusa y especular con tramado

Expone un Toon BSDF y un asset Toon Profile, con rampas con tramado para la difusa y el especular, de modo que las transiciones sean suaves sin volver al degradado. Según las notas de la 5.8 soporta todos los tipos de luz, sky lights y Lumen incluidos, y añade hatching en la extinción del autosombreado y especular anisotrópico.

Qué significa "experimental" (UE 5.8)

Significa eso: es experimental en la 5.8 y la documentación de Substrate lo marca como Beta, aconsejando aprenderlo pero publicar con cautela; además se apoya en el modo Substrate Blendable GBuffer, considerado legacy. Léelo como una pista de hacia dónde va el motor, no como un flujo estable.

El mismo look fuera de Unreal: Blender y Arnold

El mecanismo es el mismo en cualquier motor: interceptar la iluminación y cuantizarla.

Blender: Shader to RGB + rampa de color (y Freestyle para las líneas)

El nodo Shader to RGB existe para render no fotorrealista: aplica efectos sobre la salida de los BSDF, y su ejemplo típico es una rampa de color sobre una difusa. Su coste es que rompe el pipeline PBR: cualquier BSDF aguas arriba queda invisible para reflejos en espacio de pantalla y subsurface scattering. Las líneas las pone Freestyle, y el detalle está en este artículo sobre toon shading en Blender.

Arnold en Maya: el shader toon y sus reflejos estilizados

Arnold tiene shader toon, con reflejos estilizados en lugar de físicos. Su documentación no estaba disponible para verificar detalles, así que solo lo situamos: para el flujo de materiales tienes esta guía de render con Arnold, y la comparación entre Eevee y Cycles ayuda a ver cuándo manda el motor y cuándo el look.

Conclusión: elige un camino y sé consistente

El error más común es mezclar caminos sin criterio: un personaje con material estilizado sobre un entorno con post-proceso da dos looks distintos en el mismo plano.

Checklist antes de mandar el look a producción

Comprueba que el sombreado tiene las bandas que querías, que el contorno mantiene el grosor al alejarte, que el efecto no se come las transparencias y que el coste se midió con el juego corriendo.

Los videos curados para empezar hoy

Para el cel shader de post-proceso, este tutorial de Pitchfork Academy parte la iluminación en dos bandas. Para el look pictórico, la serie de cuatro partes de Kher: Parte 1, Parte 2, Parte 3 y Parte 4. Y para el primo retro, este de Pixel Perfect resuelve pixelación y posterización. Puedes seguir en el canal de Pitchfork Academy o en el de Kher, y explorar la categoría de Unreal Engine.