像素画AA手工锯齿

像素画是由像素方块组成，不可避免的会产生许多缺口。像素画家使用中间颜色来过渡，就可以在视觉上产生抗锯齿效果。

下图左边版本没有AA，右边版本增加AA。加AA的版本会更圆滑。

AA手工锯齿原理

为了说明AA原理，我们来看下面的线条（像素阶梯为2，1，2，1，2，1…），图片左上角为黑色到白色到渐变颜色。

我们使用中间色3，替换阶梯2中与阶梯1对角连接的像素，并且在阶梯1与阶梯2对角连接的地方增加1个中间色3的像素。

这样就给线条（像素阶梯为2，1，2，1，2，1…）增加了AA手工抗锯齿。

一般AA只添加1个中间色即可，当然也可以继续添加。不过AA加太多，会使像素画变得不清晰，新手请谨慎添加AA。

中间色可以目测也可以计算颜色值得出，中间色是统称，即两个颜色之间的过渡颜色。

下图中第二行左1颜色RGB值为0，0，225；右1颜色RGB值为255，0，0；那么中间色RGB值为122，0，122。

由于抗锯齿发生在2个像素方块之间，因此只要有2个颜色，就可以通过计算得出AA中间色的色值。

可以使用AA辅助线帮助你理解AA原理。

1、新建一个网格画布，，然后在画布上画一根红线

2、从上到下：观察绿格子和左右两边的网格

第1个绿格子：红线完全在中间的网格，填充100%黑色；

第2个绿格子：红线在1、2中有一部分，绿格子和左边的格子填充50%黑色；

第3个绿格子：红线主要在中间的网格，绿格子填充75%黑色，左边的格子填充25%黑色。

AA就是通过将颜色值拆分来实现小于1像素的视觉效果。

1像素线条颜色越淡，则在视觉上感觉越细。

AA注意事项

把潜在在白色背景上添加了AA的角色放到蓝色背景，就会出现很多不和谐的杂点。因此在给角色添加AA时，应该添加在角色内部。

完。