Cel shading

Last updated
A representation of a spacesuit from The Adventures of Tintin comic Explorers on the Moon with a basic cel shader (also known as a toon shader) and border detection Toon-shader.jpg
A representation of a spacesuit from The Adventures of Tintin comic Explorers on the Moon with a basic cel shader (also known as a toon shader) and border detection
graphics complex of a seashell with toon shading modeled in Mathematica 13.1 Toon Shading applied to seashell graphics complex in Mathematica.svg
graphics complex of a seashell with toon shading modeled in Mathematica 13.1

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. [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 were painted on for use in traditional 2D animation. [2]

Contents

Basic process

Cel-shaded rendering of two isosurfaces of the probability density of a particle in a box Particle in a box cel shaded.png
Cel-shaded rendering of two isosurfaces of the probability density of a particle in a box

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:

Celshading teapot large.png

  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

2D image processing outlining technique
Cel shading no outlines.png
First, the scene is rendered with cel shading to a screen-sized color texture.
Cel shading depth.png
Then depth-information of the scene is rendered to a screen-sized texture.
Cel shading normals.png
World-space surface normals are rendered as a screen-sized texture.
Cel shading edge detection.png
Finally, a Sobel filter or similar edge-detection filter is applied to the normal and depth textures to generate an edge texture. Texels on detected edges are black, while all other texels are white.
Cel shading composite final image.png
Finally, the edge texture and the color texture are composited to produce the final rendered image.

In 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 The Legend of Zelda: The Wind Waker (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. [6]

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." [7]

Lists of cel-shaded media

Film

Television

Video games

See also

Related Research Articles

<span class="mw-page-title-main">Animation</span> Method of creating moving pictures

Animation is a filmmaking technique by which still images are manipulated to create moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets (cels) to be photographed and exhibited on film. Animation has been recognized as an artistic medium, specifically within the entertainment industry. Many animations are computer animations made with computer-generated imagery (CGI). Stop motion animation, in particular claymation, has continued to exist alongside these other forms.

<span class="mw-page-title-main">Nelvana</span> Canadian animation studio

Nelvana Limited is a Canadian animation studio and entertainment company owned by Corus Entertainment. Founded in July 1971 by Michael Hirsh, Patrick Loubert, and Clive A. Smith, it was named after Nelvana of the Northern Lights, the first Canadian national superhero, who was created by Adrian Dingle. The company's production logo is a polar bear looking at Polaris, the North Star.

While the history of animation began much earlier, this article is concerned with the development of the medium after the emergence of celluloid film in 1888, as produced for theatrical screenings, television and (non-interactive) home entertainment.

<span class="mw-page-title-main">Spümcø</span> American animation studio

Spümcø, Inc. was an American animation studio that was active from 1989 to 2005 and based in Los Angeles, California. The studio was best known for working on the first two seasons of The Ren & Stimpy Show for Nickelodeon and for various commercials. The studio won several awards, including an Annie Award for Best Animated Short Subject for the music video of the song "I Miss You" by Björk.

<span class="mw-page-title-main">Traditional animation</span> Animation technique in which frames are hand-drawn

Traditional animation is an animation technique in which each frame is drawn by hand. The technique was the dominant form of animation in cinema until the end of the 20th century, when there was a shift to computer animation in the industry, specifically 3D computer animation.

<span class="mw-page-title-main">Avi Arad</span> Israeli-American film producer (born 1948)

Avi Arad is an Israeli-American film producer who became the CEO of the company Toy Biz in the 1990s and soon afterward became the chief creative officer of Marvel Entertainment, and the chairman, CEO, and founder of Marvel Studios. Since then, he has produced a wide array of live-action, animated, and television comic book adaptations including Spider-Man: Into the Spider-Verse, the 2018 Academy Award winner for Best Animated Feature.

The history of Canadian animation involves a considerable element of the realities of a country neighbouring the United States and both competitiveness and co-operation across the border.

A cel, short for celluloid, is a transparent sheet on which objects are drawn or painted for traditional, hand-drawn animation. Actual celluloid was used during the first half of the 20th century, but since it was flammable and dimensionally unstable it was largely replaced by cellulose acetate. With the advent of computer-assisted animation production, the use of cels has been all but abandoned in major productions. Disney studios stopped using cels in 1990 when Computer Animation Production System (CAPS) replaced this element in their animation process, and in the next decade and a half, the other major animation studios phased cels out as well.

<span class="mw-page-title-main">Non-photorealistic rendering</span> Style of rendering

Non-photorealistic rendering (NPR) is an area of computer graphics that focuses on enabling a wide variety of expressive styles for digital art, in contrast to traditional computer graphics, which focuses on photorealism. NPR is inspired by other artistic modes such as painting, drawing, technical illustration, and animated cartoons. NPR has appeared in movies and video games in the form of cel-shaded animation as well as in scientific visualization, architectural illustration and experimental animation.

<i>The Care Bears Adventure in Wonderland</i> 1987 film

The Care Bears Adventure in Wonderland is a 1987 animated musical fantasy film and the third theatrically released film in the Care Bears franchise. It was released in the United States and Canada on August 7, 1987, by Cineplex Odeon Films, and is based on Lewis Carroll's Alice stories. The fourth feature film made at Toronto's Nelvana studio, it was directed by staff member Raymond Jafelice and produced by the firm's founders. It starred the voices of Keith Knight, Bob Dermer, Jim Henshaw, Tracey Moore and Elizabeth Hanna. In the film, the Care Bears must rescue the Princess of Wonderland from the Evil Wizard and his assistants, Dim and Dumb. After the White Rabbit shows them her photo, the Bears and Cousins search around the Earth for her before enlisting an unlikely replacement, an ordinary girl named Alice, to save her true look-alike. Venturing into Wonderland, the group encounters a host of strange characters, among them a rapping Cheshire Cat and the Jabberwocky.

Patrick Loubert is one of the founders of the Canadian animation studio, Nelvana Limited, along with Clive A. Smith and Michael Hirsh. He has produced, and executive-produced, much of the company's most memorable fare.

Spider-Man: The New Animated Series, or simply Spider-Man, is an animated superhero television series based on the Marvel Comics character Spider-Man and produced by Sony Pictures Television. Initially intended to serve as a continuation of Sam Raimi's film Spider-Man (2002), as well as a loose adaptation of the Ultimate Spider-Man comic books by Brian Michael Bendis, the show was made using computer generated imagery (CGI) rendered in cel shading. It ran for only one season of 13 episodes, premiering on July 11, 2003, and was broadcast on cable channels MTV in the U.S. and YTV in Canada.

<span class="mw-page-title-main">Production logo</span> Distinguishing logo mark used for movie production

A production logo, vanity card, vanity plate, or vanity logo is a logo used by movie studios and television production companies to brand what they produce and to determine the production company and the distributor of a television show or film. Production logos are usually seen at the beginning of a theatrical movie or video game, and/or at the end of a television program or TV movie. Many production logos have become famous over the years, such as the 20th Century Studios's monument and searchlights and MGM's Leo the Lion. Unlike logos for other media, production logos can take advantage of motion and synchronized sound, and almost always do.

Wang Film Productions Co., Ltd. is one of the oldest and most prolific Taiwanese-American animation studios since 1978. The company, based in Xindian, Taipei and Los Angeles, California, has done traditional hand-drawn 2D animation/ink and paint for various TV shows and films for studios across North America, Europe and Asia-Pacific.

<span class="mw-page-title-main">3D rendering</span> Process of converting 3D scenes into 2D images

3D rendering is the 3D computer graphics process of converting 3D models into 2D images on a computer. 3D renders may include photorealistic effects or non-photorealistic styles.

Polygon Pictures, Inc. is a Japanese 3DCG animation studio.

Asaph Fipke is a Canadian producer, writer, and director and the creator of the animated series Storm Hawks, which is made by the animation studio he co-founded, Nerd Corps Entertainment, cooperation with Cartoon Network and YTV. He is also the creator of both the animated series Slugterra and Rated A for Awesome which aired on Disney XD and Endangered Species, which was also produced by Nerd Corps Entertainment that aired on Teletoon as well as the executive producer in the sixth and seventh seasons of My Little Pony: Friendship Is Magic, which currently airs on Discovery Family and game show Airmageddon, which airs on CBBC.

<i>Silver Surfer</i> (TV series) American animated television series from 1998

Silver Surfer, also known as Silver Surfer: The Animated Series, is a 13-episode animated television series based on the Marvel Comics superhero Silver Surfer, created by Stan Lee and Jack Kirby. The series aired for one season on the Fox Kids Network in 1998.

<span class="mw-page-title-main">Nerd Corps Entertainment</span> Canadian animation studio

Nerd Corps Entertainment was a Canadian animation studio located in Vancouver, British Columbia. Founded by former Mainframe Entertainment producers Asaph Fipke and Chuck Johnson in 2002, it specialized in CGI animation, computer animation, and Flash animation.

<span class="mw-page-title-main">Gooch shading</span> Non-photorealistic rendering technique

Gooch shading is a non-photorealistic rendering technique for shading objects. It is also known as "cool to warm" shading, and is widely used in technical illustration.

References

  1. ↑ "Stylized Rendering Post Processing". docs.unrealengine.com. Retrieved 2019-09-13.
  2. ↑ Hachigian, Jennifer. "Celshader.com FAQ". Archived from the original on February 23, 2022. Retrieved August 2, 2005.
  3. ↑ Luque, Raul (December 2012). The Cel Shading Technique (PDF). Retrieved December 2, 2014.
  4. ↑ "IGNDC Interviews The Creators of Jet Grind Radio". IGN . 26 May 2000. Retrieved 12 August 2021.
  5. ↑ "TGS: Sega Shows Jet Grind Radio". GameSpot . September 19, 1999. Archived from the original on July 18, 2014. Retrieved August 12, 2009.
  6. 1 2 "Okami – 2004 Developer Interviews". shmuplations.com. Retrieved 2021-06-01.
  7. 1 2 "Iwata Asks: The Legend of Zelda: The Wind Waker HD". iwataasks.nintendo.com. Retrieved 2021-06-01.
  8. ↑ "A Critical Human on Twitter".
  9. ↑ Tadeo, Jericho (August 10, 2021). "Why Some People Are Bothered By Marvel's What If Animation Style". Screen Rant. Archived from the original on August 11, 2021. Retrieved August 29, 2021.
This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.