像素画动画教程：超级马里奥

本教程是像素画动画教程系列第一篇，遵循从易到难的原则，新手也可以理解掌握，如果你发现哪一期教程看不懂，请搜索公众号查阅之前的教程。

FC超级马里奥

FC超级马里奥是被载入游戏史册的超级IP游戏，同时也是很多80后的童年回忆。现在有些人可能看不上FC版马里奥，但是对于想要学习像素画动画的像素画和游戏开发爱好者，一定不能错过。为什么？

1、FC版马里奥在机器性能严重受限的情况下，依然做出了出色的动画效果。

2、FC版马里奥图形和动画都极其简练，易于学习和模仿。

3、FC版马里奥使用的动画原则，直至今天依然有效。

1、颜色动画

颜色动画，按字面意思就是通过改变颜色制作出来的动画。像素画颜色没有半透明，因此比较简单。日本动画片中的角色颜色很少的原因就是为了节约成本，因为动画的每一帧都需要人手工画出来。现在有了计算机，效率大大提高。像素画本身对颜色的使用就极为克制，因此颜色动画大有用武之地。

FC超级马里奥里面有很多颜色动画的例子。

道具添加颜色动画之后，更加能够吸引玩家的目光。



颜色动画被用来表示马里奥吃到道具之后的反馈：1、吃到2个蘑菇变成厨师，可以发射子弹；2、吃到星星变成无敌状态。


2、拉伸/挤压动画

拉伸/挤压动画是物体拉伸挤压后产生的动画。物体拉伸/挤压的程度取决于物体的材质。比如下面这个弹簧动画，就是弹簧拉伸产生的，马里奥使用这个工具就可以跳的更高。


怪物被马里奥踩到后挤压动画，其实只有1帧，被踩到极限就是消失（空帧）。这个动画被用来暗示怪物的死亡。



3、旋转动画

旋转动画是物体旋转产生的动画，可以分为水平旋转和垂直旋转。要画出旋转动画需要3D思维，就是能在大脑中想像出物体每一个面在3D空间中的样子。如果没有3D思维，就需要借助模型或视频来作为参考资料。

马里奥金币水平旋转动画。水平旋转比较难，需要手工画出旋转的每一帧。这个金币动画被用来暗示马里奥撞击砖块后获得了金币。



马里奥子弹垂直旋转动画。垂直旋转动画比较简单，可以使用90度旋转来实现，只需要画1帧。



怪物使用的锤子抛掷武器。



4、逐帧动画

逐帧动画是每一帧都需要手工来画的动画。与其他动画类型相比，制作逐帧动画难度最大。不过在FC版马里奥中，逐帧动画也不会太复杂，是动画新手非常好的逐帧动画学习资料。

以下怪物动画均为2帧的逐帧动画。乌贼比较特殊，窜上来之后还需要下落，因此实际动画帧数大于2，但是需要手工画的仍然只有2帧。







马里奥行走动画3帧。虽然只有3帧，但是不会感觉到别扭。注意每一帧马里奥脑袋，手臂和腿的位置，还有身高的变化。



马里奥变大动画，也是2帧循环播放。


总结

像素画动画共有4种类型：1、颜色动画；2、拉伸/挤压动画；3、旋转动画；4、逐帧动画。其中逐帧动画制作难度最大，耗时最多，因为需要手工画出动画的每一帧。

FC超级马里奥给出了所有动画类型的经典范例，以及在游戏中的用途。通过学习和模仿超级马里奥像素画动画的制作方法，就可以很快入门像素画动画。

来源：教你画像素画
原地址：https://www.​toutiao.​com/​a6778342184732066317/