Posted in 抗锯齿AA

像素画学院:手工抗锯齿AA

题图摘要:某个大佬在Kickstarter众筹成功,制作了一套像素画教程 ……关键词:像素画教程,手工抗锯齿,AA网上有很多关于抗锯齿像素画教程,告诉你如何做到这一点(将中间色像素放置在对角线的边缘),但很少有人解释能解释清楚。手工抗锯齿的要点:与几何形状和分辨率有关。 为什么会出现锯齿?这是因为当分辨率变小,有效空间内的像素不足以描述原来的形状,导致信息丢失,就产生了锯齿感。 下面的图片中给出了窗户的矢量图和像素图的对比效果。随着计算机性能的提升,抗锯齿其实是算法标配的功能,但是由于算法自带的抗锯齿太强了,会自动产生无数的颜色,所以像素画想要获得较好的效果,又保持较少的颜色数量,就需要画家本人进行手工抗锯齿。 有趣的是,AA是一种会使像素画变模糊的技术。AA用的越多,像素画就会变得越模糊。 这是可以理解的。它是在像素画还不是一种风格而只是事物本来样子的时候开发出来的。 抗锯齿是向更逼真、更流畅、高清视觉效果迈进的一步。但今天像素画只是一种风格,你可以使用AA也可以不使用。

Continue Reading... 像素画学院:手工抗锯齿AA
Posted in 抗锯齿AA

像素画抗锯齿基础教程

像素画抗锯齿基础教程什么是抗锯齿1像素AA你的显示器屏幕是由一堆方块构成的,当你试图制作一条线或曲线时,实际上是用这些方块构建的。有时线条看起来不够平滑,这时抗锯齿可以帮助平滑边缘,使其看起来更自然。 何时使用抗锯齿修复锯齿线条(如果你不知道什么是锯齿线条,可以查看的”三个像素画常见错误”)用于处理某些角度或线条柔化轮廓线,可以让轮廓线看起来更粗或更细重要提示:如果你在一件作品中使用抗锯齿,要保持整个作品的一致性抗锯齿效果对比让我来快速展示一下使用和不使用抗锯齿的区别。 左边是有抗锯齿的,右边没有。抗锯齿效果对比注意我没有改变任何颜色,只是移除了右边的所有抗锯齿。 你可以看到角色肩膀的边缘如何被平滑处理,而另一边看起来很平坦,缺少细节感。通常情况下我会用1-2个颜色来画AA。 AA常见错误有两个AA常见错误需要避免:带状效果带状效果(Banding): 像素只是跟随轮廓线而不做任何缩短或变化看起来像是融化在一起这种效果应该避免。过度使用过度使用: 你可以添加很多抗锯齿但经验越少,难度就越大。 建议新手开始时只使用1-2种颜色进行抗锯齿如何思考和应用抗锯齿image如果我们看这条粉色线,它展示了这些小方框。粉色线展示了我们应该如何思考这条黑线。 它应该是一条直线,但因为我们受像素方块限制,就需要使用抗锯齿,模拟实际想要的线条。关于抗锯齿,少即是多。 千万不要过度使用。游戏角色的抗锯齿应用游戏角色的抗锯齿与普通像素画不同:背景考虑背景考虑:游戏角色会遇到各种不同颜色的背景。…

Continue Reading... 像素画抗锯齿基础教程