畫素畫動畫教程：超級馬里奧

本教程是畫素畫動畫教程系列第一篇，遵循從易到難的原則，新手也可以理解掌握，如果你發現哪一期教程看不懂，請搜尋公眾號查閱之前的教程。

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/