[半透明（抖动）][SA Pixel Tutorial]——狂人秀吧！——个人像素艺术像素画教程像素图教程站点

[半透明（抖动）][SA Pixel Tutorial] 作者：Raven [www.spriteart.com] 译者：狂人=Madman=

译者狂人说：SpriteArt的这一系列教程非常的全面，涉及到像素艺术的方方面面。如果不仔细研究的话，确实有些可惜。狂人的英语水平可以说非常的低，但能够翻译自己的所爱，终究是快乐的。还是多亏了《金山词霸》啊！值得庆幸的是，英文原文写的相当的流畅易懂。不过，偶尔会出现一些有趣的地方，譬如 2=to/too ，呵呵。一时间还真有些摸不着头脑。如果你有一定英语水平的话，还是推荐你阅读原文。总之，这是狂人第一次尝试翻译文章，肯定有不足之处，还望大家指教。

同学们好。今天我们共同来学习一种非常简单的透明法，它可以在低性能设备下工作，从技法上替代alpha透明。

在很久以前，alpha混合的概念是前所未闻的。开发者们提出了一种方法，可以将一些精灵或可视覆盖层变成半透明，使藏在其背后的对象隐约的显现出来。当然，可能这种方法不是必须的，但是它肯定是个不错的诀窍。

我们一般都设置某一色不显示在屏幕上，而定义其为透明色。在图像上进行透明色的抖动就是一种允许某些东西变成半透明的天然的解决办法。

我们在这个教程中所要探究的东西是很严密的。事先说明，如果想要在较小的图像/精灵上使用这种技法，将不会有好的效果，小画布中任何一个像素都是很重要的。

Djin-na 义务担当了我们示范的模特。他天生就是像空气一样的缥缈，他是个并不实体存在的风精灵。他是半透明的。我们并没有alpha通道来设置透明啊。我们该如何用不能超过256色的 .gif文件模仿出这种半透明效果呢？

认识一下我们的测试模特，Djin-na。

开始吧，我们用简单的图案做一块抖动图。用什么色彩来做都可以，只要做半透明之前，此色没有在原始图片中使用即可。要是这个做完了，就可以覆盖在目标图片之上。

这里提供了两种不同的图案，是“1/2”抖动图案和“1/4”图案。这简单的说明了色彩出现在抖动图案中的频率。（关于抖动的更多信息，请点这里看st0ven的相关教程）然后，我们将它覆盖在精灵之上。

这里我们使用两种不同的抖动图案分别来覆盖在 Djin-na 之上，一种是“1/2”抖动图案，另一种是“1/4”图案。

当你把这个图案覆盖在你的图像上之后，将抖动图案的色彩（这个例子中就是亮黄色）替换为你在原始图像上所使用的背景色。

原始图像可见度水平和抖动图案中“透明像素”的频率成反比。“1/2”频率抖动图案看起来比较适用于大部分案例。

将抖动图案的色彩（这个例子中就是亮黄色）替换为你在原始图像上所使用的背景色。这就是最终结果。

测试可见度，把 st0ven 放置在缥缈的 Djin-na 之后。你可以清楚的看到“1/2”图案比“1/4”频率抖动图案为背后的图像提供更多的透明度。如果你使用比“1/2”频率更高频率的图案，你会发现你会得到图像/精灵更清晰的“透过”效果。

这就是我们的抖动透明教程的结尾了。我很高兴你保持了这么长时间的注意力给我。请同样支持我的其他教程。