Cel shading

From Infogalactic: the planetary knowledge core
(Redirected from Cel-shading)
Jump to: navigation, search


A representation of a space suit from The Adventures of Tintin comic Explorers on the Moon with a basic cel-shader (also known as a toon shader) and border detection.

Cel shading (often misspelled as 'cell shading')[1] or toon shading is a type of non-photorealistic rendering designed to make 3-D computer graphics appear to be flat by using less shading color instead of a shade gradient or tints and shades. Cel-shading is often used to mimic the style of a comic book or cartoon. It is somewhat recent, appearing from around the beginning of the twenty-first century. The name comes from cels (short for celluloid), the clear sheets of acetate which are painted on for use in traditional 2D animation.[2]

Process

The cel-shading process starts with a typical 3D model. Where cel-shading differs from conventional rendering is in its non-photorealistic illumination model. Conventional (smooth) lighting values are calculated for each pixel and then quantized to a small number of discrete shades to create the characteristic flat look – where the shadows and highlights appear more like blocks of color rather than mixed in a smooth way.

Black "ink" outlines and contour lines can be created using a variety of methods. One popular method is to first render a black outline, slightly larger than the object itself. Backface culling is inverted and the back-facing triangles are drawn in black. To dilate the silhouette, these back faces may be drawn in wireframe multiple times with slight changes in translation. Alternatively, back-faces may be rendered solid-filled, with their vertices translated along their vertex normals in a vertex shader. After drawing the outline, back-face culling is set back to normal to draw the shading and optional textures of the object. Finally, the image is composited via Z-buffering, as the back-faces always lie deeper in the scene than the front-faces. The result is that the object is drawn with a black outline and interior contour lines. The term "cel-shading" is popularly used to refer to the application of this "ink" outlining process in animation and games, although originally the term referred to the shading technique regardless of whether the outline was applied.[3]

The Utah teapot rendered using cel-shading:

The Utah Teapot rendered using cel-shading.

  1. The back faces are drawn with thick lines
  2. The object is drawn with a basic texture
  3. Shading

Steps 2 and 3 can be combined using multi-texturing (see texture mapping).

Another outlining technique is to use 2D image-processing. First, the scene is rendered (with cel-shading) to a screen-sized color texture:

Cel shading no outlines.png

Then, the scene's depth and world-space surface normal information are rendered to screen-sized textures:

Cel shading depth.png

Cel shading normals.png

A Sobel filter or similar edge-detection filter is applied to the normal/depth textures to generate an edge texture. Texels on detected edges are black, while all other texels are white:

Cel shading edge detection.png

Finally, the edge texture and the color texture are composited to produce the final rendered image:

Cel shading composite final image.png

Cel shading in video games

<templatestyles src="Module:Hatnote/styles.css"></templatestyles>

For a more comprehensive list, see List of cel-shaded video games.

Cel shading became synonymous in interactive media with Jet Set Radio in 2000 for the Sega Dreamcast but it has been applied in numerous other games over the years, including more mature titles such as Cel Damage, No More Heroes and Grand Theft Auto: Chinatown Wars. Other notable examples include Borderlands 2, The Legend of Zelda: The Wind Waker, Viewtiful Joe, Ni No Kuni, Escape Dead Island, and Ultimate Spider-Man (video game).

Gallery
Two isosurfaces of the probability density of a particle in a box, rendered with cel shading. 

List of cel-shaded media

Video games

<templatestyles src="Module:Hatnote/styles.css"></templatestyles>

Main article: List of cel-shaded video games

Some prominent games featuring cel shading are Jet Set Radio for the Sega Dreamcast and The Legend Of Zelda: The Wind Waker for the Nintendo GameCube. Cutscenes in Mirror's Edge use a mixture of drawn characters and 3D toon shaded models, with the latter used mostly in vehicles and such.

Commercials

<templatestyles src="Div col/styles.css"/>

Television

See also

References

  1. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  2. ↑ Lua error in package.lua at line 80: module 'strict' not found.
  3. ↑ Lua error in package.lua at line 80: module 'strict' not found.

External links

Retrieved from "https://infogalactic.com/w/index.php?title=Cel_shading&oldid=1306833"