像素画抗锯齿基础教程

像素画抗锯齿基础教程


什么是抗锯齿

1像素AA


你的显示器屏幕是由一堆方块构成的,当你试图制作一条线或曲线时,实际上是用这些方块构建的。

有时线条看起来不够平滑,这时抗锯齿可以帮助平滑边缘,使其看起来更自然。


何时使用抗锯齿

  1. 修复锯齿线条(如果你不知道什么是锯齿线条,可以查看的"三个像素画常见错误")
  2. 用于处理某些角度或线条
  3. 柔化轮廓线,可以让轮廓线看起来更粗或更细
  4. 重要提示:如果你在一件作品中使用抗锯齿,要保持整个作品的一致性


抗锯齿效果对比

让我来快速展示一下使用和不使用抗锯齿的区别。

左边是有抗锯齿的,右边没有。

抗锯齿效果对比


注意我没有改变任何颜色,只是移除了右边的所有抗锯齿。

你可以看到角色肩膀的边缘如何被平滑处理,而另一边看起来很平坦,缺少细节感。

通常情况下我会用1-2个颜色来画AA。

AA常见错误

有两个AA常见错误需要避免:


带状效果



  1. 带状效果(Banding):


    • 像素只是跟随轮廓线而不做任何缩短或变化
    • 看起来像是融化在一起
    • 这种效果应该避免。


过度使用



  1. 过度使用:


    • 你可以添加很多抗锯齿
    • 但经验越少,难度就越大。


    • 建议新手开始时只使用1-2种颜色进行抗锯齿

如何思考和应用抗锯齿

image

如果我们看这条粉色线,它展示了这些小方框。粉色线展示了我们应该如何思考这条黑线。

它应该是一条直线,但因为我们受像素方块限制,就需要使用抗锯齿,模拟实际想要的线条。


关于抗锯齿,少即是多。千万不要过度使用。

游戏角色的抗锯齿应用

游戏角色的抗锯齿与普通像素画不同:

背景考虑

  1. 背景考虑:


    • 游戏角色会遇到各种不同颜色的背景。
    • 如果在精灵外部使用抗锯齿,可能会在不同背景下看起来很奇怪。

    • 建议在中性背景(如灰色)上制作角色,
    • 要在明暗背景上都测试效果。


  2. 动画考虑:


    • 需要考虑角色可能需要动画。
    • 使用抗锯齿的部分也需要动画。
    • 对新手来说可能会使动画制作过程更加困难。



线条的抗锯齿应用

抗锯齿也可以应用于线条


抗锯齿也可以应用于线条:

  • 可以制作渐变效果
  • 模拟画笔的粗细变化
  • 由于像素不能小于一个单位,这是一种缩小效果的方法


在像素艺术中,一切都是幻觉,你要让每个像素传达尽可能多的信息。

Author: pixel32