PixelLogic像素画教程次级像素原理:像素移位

作者:PixelLogic

教你画像素画编译出品

1、像素移位是什么?

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

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

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

 

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

 

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

 

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

 

观察下面索尼克的例子,有一些像素没有做移位处理。

2、像素移位使用案例

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

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

 

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

 

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

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

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

 

待续

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

教你画像素画介绍

每一个像素都有意义。像素画是独立游戏开发首选美术风格,深受小众玩家欢迎。像素画还被应用于装饰画,墙贴,家具、箱包、床品等文创产品设计。像素画也是设计和开发乐高玩具图纸的必备技术。像素画制作简单,上手容易,任何人都可以在短时间内学会。我们以不限于文字,图片,视频的方式免费教你画像素画。

 

Author: pixel32