Cel shading explained

Cel shading or toon shading is a type of non-photorealistic rendering designed to make 3D computer graphics appear to be flat by using less shading color instead of a shade gradient or tints and shades. A cel shader is often used to mimic the style of a comic book or cartoon and/or give the render a characteristic paper-like texture.[1] There are similar techniques that can make an image look like a sketch, an oil painting or an ink painting. The name comes from cels (short for celluloid), clear sheets of acetate which are painted on for use in traditional 2D animation.[2]

Basic process

The cel-shading process starts with a typical 3D model. Where cel-shading differs from conventional rendering is in its non-photorealistic shading algorithm. 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 as blocks of color rather than being smoothly mixed in a gradient.

Outlines

Wireframe method

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. Back-face 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 flat shading technique regardless of whether the outline was applied.[3]

The Utah teapot rendered using cel shading:

  1. The back faces are drawn with thick lines
  2. The object faces are drawn using a single color
  3. Shading is applied

Steps 2 and 3 can be combined using multitexturing (part of texture mapping).

Edge-detection method

In video games

See main article: List of cel-shaded video games.

The Sega Dreamcast title Jet Set Radio, which was revealed at the 1999 Tokyo Game Show, drew media attention for its cel-shaded style.[4] [5] It used cel-shading for its characters and its vibrant visual style has had a lasting influence on the use of cel-shading in video games. Since the early 2000s, many notable video games have made use of this style, such as (2002) and Ōkami (2006).

Cel shading, in contrast to other visual styles such as photorealism, is often used to lend a more artistic or fantastical element to a video game's environment. In developing Ōkami, director Hideki Kamiya described his vision for the game's graphics: "I wanted to create a game with the natural beauty of the Japanese countryside... to make a world that was glistening and beautiful."[6] Producer Atsushi Inaba recalls in a 2004 interview that Clover Studios had "abandoned the realistic style" for Ōkami as they became inspired by traditional Japanese art.

Game studios might choose a style such as cel shading in their development for reasons beyond artistic vision. Cel shaded graphics are usually simple in visual information, which can be useful in some applications. In the case of The Legend of Zelda: The Wind Waker, developer Satoru Takizawa states that using this style allowed to "represent the mechanisms and objects for puzzles [in ''The Wind Waker''] in a more easy-to-understand way."[7] Takizawa also argues that photorealistic graphics, in contrast, would have "had the adverse effect of making information difficult to represent game-wise."

Lists of cel-shaded media

Film

Television

Video games

See main article: articles and List of cel-shaded video games.

See also

External links

Notes and References

  1. Web site: Stylized Rendering Post Processing. docs.unrealengine.com. en-US. 2019-09-13.
  2. Web site: Jennifer . Hachigian . Celshader.com FAQ . August 2, 2005 . February 23, 2022 . https://web.archive.org/web/20220223055516/http://www.celshader.com/FAQ.html . dead .
  3. Book: The Cel Shading Technique. Luque. Raul. December 2012. PDF. December 2, 2014.
  4. News: IGNDC Interviews The Creators of Jet Grind Radio . 12 August 2021 . . 26 May 2000.
  5. Web site: TGS: Sega Shows Jet Grind Radio . https://web.archive.org/web/20140718194202/http://www.gamespot.com/articles/tgs-sega-shows-jet-set-radio/1100-2461289/. . September 19, 1999 . July 18, 2014 . August 12, 2009 . live.
  6. Web site: Okami – 2004 Developer Interviews. 2021-06-01. shmuplations.com.
  7. Web site: Iwata Asks: The Legend of Zelda: The Wind Waker HD . 2021-06-01. iwataasks.nintendo.com.
  8. Web site: A Critical Human on Twitter .
  9. Web site: The Jungle Book (re-issue) (1990) . Box Office Mojo . 1990-09-04 . 2013-02-08 . 2018-11-30 . https://web.archive.org/web/20181130131312/https://www.boxofficemojo.com/movies/?id=junglebook90.htm . live .
  10. News: Disney and NHL Hope Young Fans Will Be Drawn to Hockey Via Animated Series. The Los Angeles Times. April 10, 1996. September 4, 2010. Steven. Lowery. https://web.archive.org/web/20160507173336/http://articles.latimes.com/1996-04-10/news/ls-56973_1_mighty-ducks. May 7, 2016. live.
  11. News: Anaheim, Ducks Are Drawn Into Disney Cartoon. The Los Angeles Times. 1996-08-07. 2010-09-04. Benjamin. Epstein. https://web.archive.org/web/20121102061033/http://articles.latimes.com/1996-08-07/entertainment/ca-34677_1_mighty-ducks. 2012-11-02. live.
  12. Book: Perlmutter . David . The Encyclopedia of American Animated Television Shows . 2018 . Rowman & Littlefield . 978-1538103739 . 392.
  13. Web site: Seibold . Witney . July 8, 2022 . How Futurama Found The Right Balance Of Comedy And Sci-Fi . live . https://web.archive.org/web/20230202104503/https://www.slashfilm.com/921772/how-futurama-found-the-right-balance-of-comedy-and-sci-fi/ . February 2, 2023 . February 2, 2023 . /Film.
  14. Web site: Why Some People Are Bothered By Marvel's What If Animation Style. Tadeo, Jericho. Screen Rant. August 10, 2021. August 29, 2021. August 11, 2021. https://web.archive.org/web/20210811043405/https://screenrant.com/marvel-what-if-animation-style-cel-shading-controversy-explained/.