![b36bfd672e329cd704d17a43f05a0431.gif](https://i-blog.csdnimg.cn/blog_migrate/2a0d8b35b9acf1b137623ecbbeb118b0.gif)
1、曲线次级像素
![e33a8933af6b7e33a13a828333326282.gif](https://i-blog.csdnimg.cn/blog_migrate/87c055d643edb874ab134e7cac98ac1b.gif)
这是阿拉丁投掷苹果动画的第7帧和第8帧。第7帧过渡到具有次级像素的第8帧。将AA同时沿垂直和水平方向移动,就可以实现45度方向的动画。在视觉上就实现了手臂弯曲的效果。
![12c86240ea177b95cef5f5c1e285ec01.png](https://i-blog.csdnimg.cn/blog_migrate/475f9a847bdc5940dc1883e8912aadc9.jpeg)
![8449c0fc1dfdd9b982b33d3c68ab8bdf.gif](https://i-blog.csdnimg.cn/blog_migrate/8435e0ec99e7a6a4181e7339197e4a46.gif)
上面角色的头发动画一共有6帧,是一个完整的圆周运动。但是我们都知道像素画都是方块,方块只能垂直或水平移动。
![0ba691c555097ac02cae99f1d8630f29.png](https://i-blog.csdnimg.cn/blog_migrate/8e4f96f1acf92f7deb096f855a7b7e0b.jpeg)
![b916fc36a18300b446688cc874f66b81.gif](https://i-blog.csdnimg.cn/blog_migrate/162d668b9b83f054cf5e95af22e1c778.gif)
2、强烈的次级像素位移
![ba0f6623eae9e5daba3f18d0e40ab803.gif](https://i-blog.csdnimg.cn/blog_migrate/2018d4b5d02a4619fae58fb7b887ea1a.gif)
通过研究3D渲染的角色,可以更好地理解高级次级像素。3D渲染角色的像素都是计算机自动生成的。
![c08c24c53af8357049d2427203b6901f.gif](https://i-blog.csdnimg.cn/blog_migrate/3ca985dcc72db0a661aa6f352ec75751.gif)
某些2D角色的待机动画,看起来非常复杂,几乎不能手工进行次级像素化。但是他们仍然值得学习。
![db06a66307ff238ad51b8fd91475f1d5.gif](https://i-blog.csdnimg.cn/blog_migrate/df6b96cd7961cffc7b2f83cbe6465a9d.gif)
![4b679f8f9acdddd126fb7664228f5e5e.png](https://i-blog.csdnimg.cn/blog_migrate/5e2cfd6f28d0524dd4bb6286e227d74e.jpeg)
找出动画开始和停止的关键帧。剩余的中间帧就是次级像素应用的舞台。
![1f44ee1cbc6c61f7ee189c6016ed4ceb.gif](https://i-blog.csdnimg.cn/blog_migrate/03dc3e6cb2e9715993a798d075c801c6.gif)
![a94768f80d0d3773eabc7dba4d85b00d.png](https://i-blog.csdnimg.cn/blog_migrate/afc15220e96f617f152cc2221f48dbcc.jpeg)
![b59c3814e62c8e4268674d64fada5476.png](https://i-blog.csdnimg.cn/blog_migrate/6203e488c4b7163de12c17a34802c048.jpeg)
3、次级像素微移
![f7de308214832f657dd214e30f17c308.gif](https://i-blog.csdnimg.cn/blog_migrate/9c2105fe1a79b068cbf3ae233284ae42.gif)
次级像素微移,所有的运动都发生在角色内部。这种效果只是移动的像素颜色。
最精细的次级像素对振动效果非常有用,例如:
![abef04466a3e72afff1748939cb20e11.gif](https://i-blog.csdnimg.cn/blog_migrate/055183a9be8bb3a36563527997f0a19a.gif)
![a4c681e9da1845bf6a299514f3e2a992.gif](https://i-blog.csdnimg.cn/blog_migrate/5c6d991a387f961efc1cb8f186ed0920.gif)
当颜色很少的时候,无法使用AA(次级像素)。相反,在角色内部也可以移动像素,原理与移动次级像素相同。
![5ced7ee25f7d967801e3ae331e3aff5d.gif](https://i-blog.csdnimg.cn/blog_migrate/5fb05e388ddea34b1aec7cc34176021a.gif)
移动像素之外,也可以使用AA,但请使用角色中已有的颜色。除非绝对必要,否则不要增加新颜色。
待续