Cel shading 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. 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. There are similar techniques that can make an image look like a sketch, an oil painting or an ink painting. It appeared around the beginning of the twenty-first century. The name comes from ''cels'' (short for celluloid), clear sheets of acetate which were painted on for use in traditional 2D animation.

Basic 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 as blocks of color rather than being smoothly mixed in a gradient.


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. The Utah teapot rendered using cel shading: # The back faces are drawn with thick lines # The object faces are drawn using a single color # Shading is applied Steps 2 and 3 can be combined using multitexturing (part of texture mapping).

Edge-detection method

In video games

Starting in the 2000s, ''cel shading'' became synonymous in interactive media with the style of the Dreamcast game ''Jet Set Radio'', though Jet Set Radio wasn't the first video game to use this technique; it merely popularized it. The first documented video game to ever use cel shading technique extensively was ''Fear Effect'', which released in the same year as Jet Set Radio, but several months before it, Jet Set Radio being a June release and Fear Effect being a February release. This rendering technique has been applied in numerous other games over the years, including such notable titles as ''Guilty Gear Xrd'', ''Astral Chain'', ''Killer7'', ''Cel Damage'', ''The House of the Dead III'', ''No More Heroes'', ''Grand Theft Auto: Chinatown Wars'', ''Auto Modellista'', ''The Legend of Zelda: The Wind Waker'', ''Viewtiful Joe'', ''Ni No Kuni'', ''Escape Dead Island,'' ''The Legend of Zelda: Breath of the Wild'', ''The Wolf Among Us'', ''Ōkami'', ''Ultimate Spider-Man'', ''Punch-Out!!'', ''One Piece Mansion'', ''Breath of Fire: Dragon Quarter'', ''Dragon Quest VIII'', ''MadWorld'', and ''Ollie King''.

Lists of cel-shaded media

Video games

Some prominent games featuring cel shading include * ''Auto Modellista'' (Sony PlayStation 2) * ''Jet Set Radio'' (Sega Dreamcast) * ''Ultimate Spider-Man'' (PlayStation 2) * ''Sly Cooper and the Thievius Raccoonus'' (PlayStation 2) * ''The Legend of Zelda: The Wind Waker'' (Nintendo GameCube and Wii U) * ''The Legend of Zelda: Breath of the Wild'' (Wii U and Nintendo Switch) * ''Harvest Moon: Magical Melody'' (Nintendo GameCube and Wii) * ''XIII'' (PlayStation 2 and Windows) * the ''Katamari'' series * 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. * ''Guilty Gear Xrd'' (including its "Revelator" and "Rev 2" updates) uses this rendering technique to great extent, to create the "anime show" look and feel while maintaining all of its models and objects in complete 3D at the same time. * ''Dragon Ball FighterZ'' game uses exactly the same approach to rendering as Guilty Gear Xrd. * ''Team Fortress 2''


* 2000 ''Télétoon'' Télétoon Advance * 2003 ''Piwi'' Les Vacances de Piwi * 2008 ''Scion xD'' Little Deviants * 2009 ''Dodge Journey'' * ''Boogie'' * BP Connect 2007 ads * ''AREVA'' * Nick Jr. ID's by Steve Speer * ''Commit'' mint lozenges * ''HSBC'' HSBCdirect.com * ''Hewlett Packard xw8400 Workstation'' Titans of iron * ''Mr. Clean'' * ''Pampers Kandoo'' Flushable Toilet Wipes, Foaming Handsoap * ''Post Cereals'' Fruity Pebbles cereal (Bowling for Fruity Pebbles ad) * ''Lego Exo-Force'' * ''L'Oréal'' Couleur Expert * ''Lunchables Pizza'' (Atlantis Paradise Island promotion ad) * ''McCain's Zwak Punch'' * ''Neopets'' virtual prize code (Canadian Betty Crocker fruit-flavored snacks promotional ad) * ''Oscar Mayer Lunchables'' Chicken Dunks (airhead mysteries ad) * 2020 ''Rybelsus'' * ''Sola''/''Nero''/''Vena''/''Olera''/''Zonte'' sparkling wine * ''Toyo Tires'' Versado LX all-season touring tires (OK Tire promotional ad)


* ''Appleseed'', a 2004 Japanese animated film. * ''Mutafukaz: Operation Blackhead'', a 2017 crime short film that became the basis for the comic book for the same name produced by Run. * ''A Scanner Darkly'', a 2006 film based on Philip K. Dick novel. * ''The Adventures of Rocky and Bullwinkle'' (2000) * ''Tom & Jerry'', a 2021 live-action/computer-animated slapstick comedy film based on the characters of the same name created by William Hanna and Joseph Barbera.

See also

*List of cel-shaded video games *2.5D *Gooch shading


External links

IGN: ''Jet Set Radio'' review
Retrieved August 4, 2005.
GameDev.net – Cel-Shading
Retrieved August 5, 2005. (Wayback Machine copy)
sunandblackcat.com – Cel-Shading
Retrieved August 7, 2014.
tv tropes about cel-shading
Retrieved December 2, 2014 {{Animation Category:Animation techniques Category:Computer animation Category:Shading Category:Video game graphics