Did anyone ask for an FX breakdown of how I did the Comic Book Cel Shading for JETRUNNER? No? WELL HERE IT IS ANYWAY. Here's a quick after and before. In this thread you'll find a breakdown of everything I've done. Please like and share so more people can see and learn from it! - ThreadSky

olivermbn.bsky.social • 113 days ago

Did anyone ask for an FX breakdown of how I did the Comic Book Cel Shading for JETRUNNER?

No? WELL HERE IT IS ANYWAY.

Here's a quick after and before. In this thread you'll find a breakdown of everything I've done.

Please like and share so more people can see and learn from it!

1 / 2

Comments

olivermbn.bsky.social•113 days ago

Before we start: This isn't one cel shader. It's MANY shaders.

One thing that annoys me in stylized games is when everything is stylized in the exact same way.

All my favorite animations mixes styles like crazy. Just look at all the art styles in this single frame. Having many shaders was a goal.

olivermbn.bsky.social•113 days ago

the shading has two main components, the fall back post process and the shells.

A post process styles the world, but some things are exempt and shaded in a different way. The exceptions use a spin on Inverted Hull Outlines, using a translucent shell that adds outlines and post process lighting.

olivermbn.bsky.social•113 days ago

The shells are used for anything that is supposed to look like it's drawn on top of the background, like chars, weapons, enemies.

The shell are an extruded bubble that uses depth test to find out where to draw outlines, and where to post process the lighting of the actor. Every shell can be custom.

olivermbn.bsky.social•113 days ago

The gun is a great showcase of the progression of the technique as I developed the shell shaders. They sample the render to extract the lighting data and draw its own lighting/shadows for the comic look. It also draws Normal/Depth delta based outlines onto the gun to make it pop.

olivermbn.bsky.social•113 days ago

For characters I use the same base shell shader, but I also fickle with the characters own shaders to give the shell different info to work with. Most notably the hair, where I had to re-implement anisotropy to create stylized hair highlights that the comic shading would catch.

olivermbn.bsky.social•113 days ago

At last, the environment. It's a camera post process that uses custom depth to ignore things like characters and weapons that use different shading.

The environment PP is also the simplest. It smooth steps the light values and halftones the gradient, adds hatching in AO, and some color correction.

Comments

Posting Rules

Reply