[Anti-Alaising][SA Pixel Tutorial]
作者:Grath [www.spriteart.com] 译者:狂人=Madman=
译者狂人说:其实到现在我还不知道“Anti-Alaising”这个词的本意是什么,为什么这样叫。当然了,就是个名字,理解就可以了。有高人请指教!
AA背后的一般理论就是这个。为了让一个对象边缘平滑,你一般在很短的距离做一种颜色到另一种颜色的过渡。如果用一两个像素来完成这个技巧不如用八到十个,这或许叫“过渡”或者其他什么东西,呵呵。这个练习,我们让一个简单的圆变平滑。最终,利用这个圆弄一个月球场景出来。
我们先来画个圆。如果你掌握了我之前所写的“基本线条”的那一章,画一个圆是很容易的,呵呵。
不论你的圆画的多么的精确,它看起来依旧“像素感”很强,放大到300%也一样。我们的任务是让它变得看起来“平滑”。我们在圆的锯齿状边缘一圈圈放置“亮一些”的像素。
第一步很简单,让我们从一个没有边线的单色圆迈出我们的第一步。
开始,我们将拾取我们的第一种颜色,比原色稍微亮一点。我们用这种亮一点的颜色“盖(cap)”上圆周的锯齿边缘。当一种颜色转换到另一种颜色的时候,仅用“盖”那些像素点做细微的平滑,这是所谓的“像素缓冲(Pixel Buffer)”。一个需要注意的重要事情是我们不能把所有的边缘都进行描绘,应该保留一些区域让原本的深蓝色直接接触我们未知的背景颜色。这些区域在哪里?很明显,不包括那些圆的“平边缘(flat edges)”,例子中亮蓝色的地方就是了,它像是创造一种投射整个圆周边边线的感觉,但是这样令图象看起来过分“软” 了,这种制作出的过度的蓬松效果叫“pillow shading”,这是一个用来形容图象看起来很轻很蓬松的术语。
使用一点儿亮色替换圆和背景相接的粉色(亮紫色)所标注的那些像素点。这就是“像素缓冲(Pixel Buffer)”。需要着重注意的是,我们仅仅处理粉色(亮紫色)所标注的那些区域,而亮蓝色的边线我们不处理,所以我们并不是处理圆的整个边线。
我们下一步来放置另一色,比原先的亮一些,再次处理左侧的圆周。用两块阴影通常比全周的颜色过渡意义要大。除非你的对象自己是发光源,那样的话就必须更多的应用到“AA”技巧。可是,不经意间,这种作用在圆上的“AA”手法让圆变成了有点圆角矩形的感觉。有两种办法可以消除这种感觉。第一种办法是在圆的中心做“抖动”。或者你可以给圆周“平”的地方描边,让它看起来稍微圆一些。可以看下面的例子。
你可以看到圆边缘亮的部位并不能和背景很好的融合,这是为了让你更明显的看到效果而故意造成的。实际应用中当然是要趋向于背景的颜色。不经意间我们给我们的圆制造了一种柔和的光环效果。现在你知道这种技巧应用到许多明暗环境的基础中。好好的练习。让我们把这种技术应用到实际之中,把我们的圆变成月亮吧!
使用同样的浅色,再一次处理圆和背景相接的边线处的像素。由于圆看起来有些不圆了,我们在圆的边线“平”的地方添加一层线条。注意这不是圆周。
前面的例子我们讲解了如何把一个深色的圆融合到浅色的背景之中去。现在我们反过来,把原来例子中的颜色反过来,把一个比较亮的圆融合到深色的背景中去。在这里,我们面对着一个浅蓝色的圆在深蓝色的天空背景之中。我们的“AA”缓冲从浅蓝色淡入到略带紫色的深色之中。我比较喜欢这种夜色下的星空背景。
继续,我们用“AA”处理圆的内部明暗让月亮的边缘处明暗相融合。这时候你可以在月亮的浅色的区域用一点亮的缓冲色来创造一种月球坑洼不平的效果。
应用我们前面所学的技巧,现在“AA”处理这个圆,让浅色的圆能够融合到深色的背景之中。
接下来,我们用一些亮色来细画月球的右侧。要确保月球的颜色变化不那么突兀。同时,你还要用一点暗色来处理月球暗面的起伏。确保当暗色区域和亮色区域相接的时候中间有缓冲颜色的像素存在让过渡平滑。
添加新的亮色调到月球的一侧来表现月球被照亮的一边,同时添加一些暗色来表现月球的起伏。这些颜色之间的处理都要用到“AA”。
最后,不仅仅是这些,我们添加一些星星的效果。你能看到应用“AA”技巧让单一的一个点融合到背景之中,并且我们不用圆形的图案了,我们用星形。如果你提高这些星星的饱和度和亮度,把它们应用到其他地方,那就是一种念咒语时闪动星星的效果(精灵的粉鳞--pixie dust)了。
接下来我们要指出一点。如果你前面使用了另一种深色的缓冲色来使月亮融合到背景之中,你的月亮可能将会失去焦点并且看起来模模糊糊。我习惯叫这种情况为“AA临界点”,换句话说,就是达到了最大化的平滑过渡的情况。如果你尝试在月球的周围添加另一种缓冲色,只会让它在这点上变得模糊。把当前的深的缓冲色去掉它看起来可能就有点锯齿……
现在我们添加一些十字形状的星星。只在他们的X轴和Y轴上做过渡,这样会弄出闪光的效果。注意这些星星不要比月亮还要亮哦。这种情况下,月球达到了“AA临界点”。任何更远的混合将会让你的月球看起来变的模糊或者是“pillow shading”。
关键词: 像素艺术 画图 月球 过渡 背景 教程
- 固定链接: http://www.madcn.com/madcg/jc_sa_pixel_tutorial_anti_alaising.php
- 原文链接: http://www.spriteart.com/tutorials/01_AA.html
- 相关链接: AA(抗锯齿)精髓[imick翻译] Jason LaPorte
- 相关链接: [MadCN像素辞典]