笨辦法學像素畫：位移動畫精選案例學習

09-05

笨辦法學像素畫：位移動畫精選案例學習

來自專欄笨辦法學像素畫4 人贊了文章

摘要：位移動畫是最常用的動畫基礎形式之一，本文將精選優質案例並解析製作步驟。

角色待機動畫

位移可以非常快速的製作出角色待機動畫。通常基礎的待機動畫會模擬角色呼吸時身體上下的動作，複雜的待機動畫則會在基礎的上下起伏以外，增加一些額外的動作。下面我用冒險島的主角待機動畫作為範例。

第一幀：站立幀

站立幀是所有角色動畫的初始幀。待機動作是簡單的上下起伏，但是起伏的位置注意選好。第一個起伏的位置是膝蓋，我用紅色線框框起來往下位移的區域，往下移動1像素。

第二幀：第1幀將膝蓋以上身體整體往下移動1像素，就變成了第2幀。

要想有比較自然的起伏，最少需要3幀。因此繼續往下移動，這一次從腰部開始往下移動1像素。

第三幀：將第2幀從腰部往下移動1像素，就得到了第3幀。

第四幀：不需要處理，只要將第2幀複製過來就可以。這樣待機動畫就完成了。按照1-2-3-2的順序播放即可。

角色奔跑如果僅僅是關鍵幀變化，是不夠自然的。因為真實的奔跑，身體是有起伏的。原版冒險島角色的奔跑沒有起伏。加上起伏以後看看效果怎麼樣。

將第1幀和第3幀，往下移動1像素即可。

使用簡單的上下位移，就做出了火把燃燒的效果。意不意外，驚不驚喜？

通過上下位移蝸牛的眼睛，模擬出縮頭動作。

用簡單的左右位移，做出眼鏡蛇待機動畫。

蝙蝠扇動翅膀，可以理解成翅膀發生了位移，並且縮短了1/3。

下面這個小鳥的翅膀和尾巴，是按照固定支點的旋轉位移。翅膀以肩膀為中心，尾巴則以身體底部為中心。這種操作屬於元件動畫，就是元件本身是不變的，但是元件的位置和角度會發生變化。我覺得元件動畫也屬於位移動畫，只不過比較高級。

骷髏和火焰按照圓形的軌跡線位移，效果還不錯吧！

找一款任天堂FC遊戲研究，了解和學會待機位移動畫的製作方法。嘗試給自己畫過的角色製作簡單的位移待機動畫。