pixel-logic像素画教程:什么情况下需要使用AA

pixel32 编译  | 教你画像素画 出品前一篇:
手工抗锯齿技术什么情况下需要使用AA下面我会教你一些技巧,帮助你理解哪里需要添加AA。1、平滑曲线下面是一些平滑曲线的例子,多出现在一些大尺寸的角色中。

像素的阶梯越长,需要的AA也越长。

图1

图2

虽然位图不是像素画,但是它们在技术上也是由屏幕上的像素组成。

其技术术语是光栅图形或简单的英文:“像素网格上的图像”。让我们放大一个非常水平的曲线。

然后将其与对角线进行比较。

图3

概要

图4

2、45度线45度线是完美线条,只有某些特殊情况下才会使用AA。

下面这个NES游戏角色说明,颜色越少,AA的需求就越低。

图5

游戏精灵的颜色越多,对AA对需求也越高。

图6

曲线的中心可以暗也可以亮,需要根据不同的情况来决定。下面的凸出曲线是中间亮,两边暗。

选择性勾边可以满足所有的情况:1、深色勾边;2、白色背景;3、深色背景。

图7

图8

图9

图10

而凹陷曲线则是中间深,两边亮。

颜色的深浅可以改变45度线的重量和感觉。还是不太明白?

继续看例子。

图11

下面是上图中红框内的绘画步骤。

1、线稿

图12

2、轮廓线上色

图13

3、添加AA先AA两边的线,然后对中心45度线AA(一共4个像素)。提亮45度线边缘的2个像素。

图14

图15

图16

图17

较亮的像素向外扩张,较暗的像素向内收缩,正好对应曲线。

图18

图19

如果不对45度线进行AA,则无法表现圆滑的曲线。

图20

3、有锯齿的直线除了规则的直线和45度线,其他不规则直线都有锯齿感。使用下面的方法来添加AA。

在有锯齿感的直线上添加一条想象的直线,然后在感觉空档特别大的地方增加过渡颜色的像素。

图21

到这里是否OK?

当然可以,如果想要更平滑的线条,则继续添加AA。使用同样的直线,在空档相对较大的地方添加AA。

注意不要过度。最多不超过3个颜色。

图22

更多例子。

图23

下面是2个错误的例子。

图24

更多的AA例子

图25

图26

图27

4、表现线条的重量控制线条的颜色,可以使线条更厚重或更轻薄。

图28

上面人物的嘴巴只有1像素,但是依然有轻重感,颜色淡的就轻,颜色深则重。

在1像素线条的两端改变颜色的亮度,可以使线条融入白色背景中去,在视觉上就变得很轻很细。

图29

观察下面角色的脸,AA加的越多,线条就会越厚。

图30

同样1像素的线条,添加的AA不同,效果就不同。

图31

不论AA使用几种颜色,在视觉混合后效果是差不多的。

因此AA的颜色最好在3种以内。

图32

5、带状当两行像素长度一样放在一起时,看起来会很糟糕。

图33

图34

为什么带状的像素很糟?1、使线条看起来有锯齿感2、使线条变厚,使线条变模糊3、导致不好的明暗你可能会说,我没有发现问题啊?

这是因为你没有放大去观察。

图35

图36

如何避免带状像素?

1、去掉边缘的1-2个像素2、增加边缘的1-2个像素3、使用AA注意下面右边的图片中箭头指示的地方。

图37

完。

Author: PixelBear