卡通渲染(英语:Toon Shading)是一种非真实感绘制(NPR),旨在使电脑生成的图像呈现出手绘般的效果。为了使图像可以与漫画或者卡通达到形似的效果,专业人员通常使用卡通渲染着色器进行处理。卡通渲染是在大约21世纪初期,作为计算机图形学的副产物出现的新技术,并且主要应用于电子游戏中;然而,它可以呈现出如手绘动画一样简洁明了的效果。

上图是对在丁丁历险记月球探险中的太空服使用了基础卡通渲染着色器和边缘探测后的效果对比,左为塑料质感渲染,右为卡通渲染。

卡通渲染又称赛璐珞渲染Cel-shading),Cel一词来自常用于传统动画的材料赛璐珞[1][2]

渲染过程

卡通渲染过程从一个普通的3D模型开始。与常规渲染不同的是,卡通渲染的光照效果是经过去真实感处理的。常规光源(明暗间有平滑过渡)的取值被逐一像素计算并投射到一小片独立的明暗区域上,以产生卡通式的单调色彩。

生成“黑线勾边”效果和轮廓线条可以用多种方法。常用方法之一是先渲染出比物体略大的黑色的边线,之后关闭背面探测英语Back-face_culling(Backface culling,用于剔除物件背面不需渲染部分的功能),将朝后的面被用黑色绘制出来。为了扩大轮廓,这些背面会多次以线框模型绘制,且每次都有微小的改变。另一种方法是,背面先以固实方式渲染,并且其顶点均由顶点着色器沿着其顶点法线进行转译。在绘制边线后,重启背面探测来绘制物体的明暗和附属材质。最后,由于场景中的背面比正面所处位置更深远,图像会由深度缓冲组合。最终我们看到的就是,物件拥有黑色的勾边以及内部的轮廓线条。普遍的观点认为,这种用在动画和游戏上使用的“勾边”效果就是卡通渲染,但是实际上,卡通渲染指的是这种渲染方式,而无关是否拥有勾边效果。

下图是使用卡通渲染处理后的犹他茶壶

Thumb

  1. 用粗线条绘制背侧
  2. 用基础材质绘制物件
  3. 渲染

第2、3步可以通过复数材质处理结合为一步(参考材质贴图)。

还有一种勾边方法使用了平面图像处理技术。首先,场景被卡通渲染至屏幕大小的颜色纹理:

Thumb

然后,场景的深度和空间表面法线信息被渲染至屏幕大小的颜色纹理:

Thumb

Thumb

之后对法线和深度纹理使用查找边缘滤镜(例如索贝尔算子),可以生成边缘纹理。位于边缘的像素纹理为黑色,其他的为白色:

Thumb

最后,边缘纹理和颜色纹理结合起来,生成最终渲染图:

Thumb

图库

应用

卡通渲染在互动媒体方面首次亮相于2000年发表在Sega Dreamcast上的游戏《Jet Set Radio》,此外,在2002年发表的《萨尔达传说 风之律动》亦是本技术应用的范例。如今,相当数量的游戏都应用了卡通渲染技术,包括一些限制级的游戏,例如《英雄不再》。

电子游戏

商业广告

北美洲

  • Fruity Pebbles英语Fruity Pebbles Bowling for Fruity Pebbles (2000 promotional ad)
  • Mr. Clean英语Mr. Clean (2002 ad's)
  • McDonald's (Sesame Street 2005 sponsorship ad on PBS Kids英语PBS Kids)
  • Neopets Virtual Prize Code (Betty Crocker Canada英语Betty Crocker Fruit-Flavored Snacks 2006 promotional ad on YTV)
  • AREVA英语AREVA (2006 promotional ad)
  • HSBC HSBCdirect.com (2007 promotional ad)
  • BP Connect英语BP A Little Better (2007 ad's)
  • Boogie英语Boogie (video game) (2008 promotional ad)
  • Scion xD英语Scion xD Little Deviants (2008 ad's)
  • Lunchables英语Lunchables Pizza & Chicken Dunks with The Lunchables Brigade (2008 ad's)
  • Dodge Journey英语Dodge Journey (2009 ad's)
  • Pillow Pets英语Pillow Pets Brush Pets (2013 promotional ad)
  • Nick Jr. ID's by Steve Speer
  • Commit Mint Lozenges ad's
  • Hewlett Packard ad's
  • Pampers Kandoo (Flushable Toilet Wipes, Foaming Handsoap, Foaming Shampoo & Body Wash ad's)
  • Luvs英语Luvs (Bear Hug Stretch & Heavy Doody Blowout Protection ad's)
  • Lego Exo-Force英语Lego Exo-Force
  • Bratz Kidz英语Bratz Kidz
  • Skechers (KEWL Breeze, Z-Strap, Caligear, Bird 33 & Elastika)
  • McCain's Zwak Punch
  • Sola/Nero/Vena/Olera/Zonte Sparkling Wine
  • Toyo Tires英语Toyo Tire & Rubber Company Versado LX All-Season Touring Tires (OK Tire promotional ad)

欧洲

  • Télétoon法语Télétoon+ ID's & ad's (Smart Planet)
  • Piwi法语Piwi+ ID's & ad's (Happy Planet)
  • L'Oréal Couleur Expert ad's

亚洲

电视

日本电视

海外电视

电影

日本电影

海外电影

参见

参考文献

外部链接

Wikiwand in your browser!

Seamless Wikipedia browsing. On steroids.

Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.

Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.