inicio / blog / gráficos
Publicado: 24 de enero de 2026 9 min de lectura gráficos
Iluminación estilizada: más allá del cel shading

Iluminación estilizada: más allá del cel shading

Las sombras en bandas son el primer paso que todos conocen. El carácter real está en la luz de contorno y en cómo se elige el color de sombra.

El bandeado no basta

Cuando se habla de toon shader, lo primero que viene a la mente es redondear la intensidad de luz en unos pocos escalones. Por sí solo eso da un aspecto barato; la escena parece de baja calidad, no de dibujos animados.

Lo que marca la diferencia es a qué colores caen esos escalones. Si empujas la sombra hacia el complementario de la luz en lugar de hacia el negro, la escena pasa de golpe a parecer dirigida artísticamente.

La luz de contorno salva la silueta

En escenas estilizadas los objetos tienden a perderse en el fondo porque hay poco detalle de sombreado. Por eso la luz de contorno no es decoración, es una herramienta funcional.

Si escalas la fuerza del rim según la distancia de cámara, los objetos lejanos dejan de brillar en exceso. Un multiplicador pequeño hace una gran diferencia.

Mide el coste

La suposición de que los shaders estilizados son baratos es falsa. Un rim multicapa, contornos y cálculo de sombra propio pueden salir más caros que PBR.

Mido cada variante en RenderDoc y escribo el coste de GPU en la documentación. Cuando el equipo de arte ve el presupuesto, toma mejores decisiones.

ToonLit.hlsl
half3 ToonShade(half3 albedo, half3 N, half3 L, half3 lightColor) { half ndl = dot(N, L) * 0.5h + 0.5h; half band = floor(ndl * _Steps) / _Steps; half rim = pow(1.0h - saturate(dot(N, _ViewDir)), _RimPower); return albedo * lightColor * band + _RimColor * rim; }
hlslToonLit.hlsl

La coherencia lo es todo

Todos los materiales de la escena deben compartir el mismo modelo de iluminación. Un solo objeto PBR rompe la coherencia de una escena estilizada.

Por eso escribo una función de iluminación compartida a la que llaman todos los shaders. El modelo cambia una vez y toda la escena cambia con él.

← Todas las entradas