Cartoon Shader Additional FX

Purpose of implementations

  • Simple transmittance FX for toony rendering.
  • mesh attribute based shade expression.
  • Bloom and tone-mapped for toony rendering look-development.

This character model from XRD game data not my own works.

左边是一般的Cartoon rendering。


虽然美术们认为Tone Mapping主要用于具有真实效果的渲染效果中,但是在最近制作的日本动画渲染技巧下,即使是2D,也往往会使用HDR的情况很多。根据这种趋势,使用Tone Mapping、Bloom和Exposure方法,会得到更有高级感的产物。

最近在日本动漫中甚至还出现了使用Reflection Mapping的情况。

Left is a typical Cartoon rendering.

The right side renders closer to the more recent Japanese animation tones the results are shown.

Most artists think that Tone Mapping is only used for realistic renderings, but even if you look at the recent Japanese animation rendering techniques, it is often 2D, but HDR is used. You can get a more luxurious result.In recent Japanese animations, reflection mapping may be used.

Light Transmitted scatter Shadow Color.

When the character is back-lit, the light is transmitted through the light direction and the depth value deliberately set.Light Transmitted scatter Shadow Color.


它被称为Light Space Outline,但仅仅使用贴图信息控制的话会缺乏空间感,因此追加实现。

From the direction the light comes in, the lighter outline becomes thicker and thinner toward the darker side.It’s called Light Space Outline, but it lacks the space to control texture information alone.

None light-space outline
light-space outline


Too flat cartoon shaders look a bit like an old technique, where N〮L and N〮V are transformed to capture information and finally modify the lighting model.Looking at the hair on the bright side, the volume was created, and the shadowed area was not too unobtrusive.

code block

This is a comparison of before and after.


Before and After

댓글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요: 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중