用微信扫码二维码

分享至好友和朋友圈

作者：PixelLogic

教你画像素画编译出品

1、像素移位是什么？

像素就像一杯一杯的水。我们可以将一些水倒入下一杯，水均匀的分布在

2个像素杯里，但整体仍然是1像素杯水。这是次级像素的像素移位原理。

像素杯中的水量=颜色的明度。将像素向前移动1/2 像素，就会使下一个像素杯子变的更暗或更亮。

制作次级像素动画时，色相和明度会同时转移到下一个像素杯。

像上面例子中那样的单个像素移位很少发生。实际案例中，像素总是被其他形状，轮廓或背景所包围。经常遇到的情况如下图。

也不是每1个像素都需要移位。有时也可以正常移动整个像素！移动画布上的每1个像素，可能会产生条纹像素。某些细节可以保持不变，因为动画的流畅性和可读性优先级更高。

观察下面索尼克的研究，有一些像素没有做移位处理。

2、像素移位使用案例

像素移位是次级像素的基本原理。以下是一些案例，帮助你理解这种技术。

如果不用像素水杯来理解像素移位，可以将次级像素看作有色液体混合在1个杯子，比如牛奶+咖啡！

1杯牛奶+咖啡可以用不同的方式来装满，因此1杯中的牛奶可能比另一杯中的牛奶更多。次级像素并不总是1/2像素。

强烈建议重新使用现有的颜色来表示次级像素。不需要使用数学公式去计算，只要介于2种颜色之间即可。

使用次级像素就可以变现更加细腻的像素移动效果。如上图，不使用次级像素移位，从起始帧starting frame到结束帧ending frame，只有2帧。加上像素移位后，就可以额外增加3帧。

当线条或形状移位时，会留下一些AA。有时看起来像是前一帧留下的残影！切记不要在轮廓线上留下任何浅色AA，这样会使线条变粗，导致前后帧不一致。

待续

本账号系网易新闻-网易号“各有态度”签约账号

特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.