簡單幾步！用“左右鏡像”做出自然的像素畫行走動畫

簡單幾步！用“左右鏡像”做出自然的像素畫行走動畫

嘿，大家好！我是有織。今天是像素畫日歷的第6天，我想和大家分享一個超級實用的技巧：如何基于一張正面的靜態像素畫，輕松地給它加上行走動畫！

這次我們的目標是：盡量減少繪畫工作量，讓每個人都能輕松復現。

我會用到位置移動和左右鏡像。如果你覺得動畫很難，請一定要跟我動手試試看！

準備工作

在開始之前，你需要準備一個正面朝向的角色。

這次我使用的是 Aseprite，不過里面的技巧是通用的，你用 Photoshop、Krita 甚至手機 App 都能實現。

行走動畫的原理

很多人會問行走動畫需要畫幾幀？

流派很多，但今天我們要用的是最經典、最好上手的“RPG制作大師（RPGMaker）方式”。

如上圖所示，我們用3張圖循環組成4個動作。動作2是角色站立的基準圖，我們要做的就是搞定動作1和3。

小貼士（Aseprite 用戶）：把站立幀放在中間，將播放模式設為“往復播放（Ping-pong）”，這樣你就不需要重復放置站立幀啦。

首先，我們要給身體加點動感。

1. 復制你的基準站立幀。
2. 將復制出來的這一幀整體向下移動 1 像素。

完成這一步后，你會得到一個上下跳動的效果。

這就像伊布一樣，既可以作為待機動畫，也可以進化成行走動畫！

第二步：邁開腿！

接下來是重點，我們要動動腿了。

1. 選中左邊的腿，向右移動 1 像素。
2. 選中右邊的腿，向左移動 1 像素，再向上移動 1 像素。
3. 補上移動后留下的空隙。

好了，這一幀完成了！

那另外一側的腿部動作是不是還要再畫一遍？

完全不用！

直接復制這一幀，然后執行“左右鏡像”反轉一下就搞定了！ 這就是標題里說的偷懶大法。

看，腿部已經走起來了！

至于反轉后帽子花紋不對之類的問題，我們最后再統一修。

第三步：擺動手臂

只動腿可不行，手臂也得擺起來。

1. 邁出的那條腿同側的手臂（比如左腿邁出，就選左手臂），向內側移動 1 像素。
2. 另一側的手臂，我們需要手動畫出它擺到身前的樣子。

完成后，再次復制并鏡像反轉。

現在，行走動畫的基本骨架就完成了！

第四步：細節修復

現在我們要處理剛才提到的“鏡像副作用”。

像帽子上的花紋、劉海的方向、肩帶的位置，這些是不應該隨著鏡像而改變的。

我們從原始的正確圖層里把這些部分復制回來，貼在鏡像后的那一幀上。

修改完之后……

動起來了！超可愛對吧？

到這一步其實已經可以交作業了。

進階：讓頭發也飄起來

如果你想追求更高境界，那就動動頭發吧！頭發是體現角色特征的重要部位。

我們依然可以用“選區+移動”的偷懶法。

1. 選取頭發的下半部分，偏移 1 像素。
2. 在偏移后的范圍內，再選取更靠下的部分，再偏移 1 像素。

這樣頭發就會產生一種“根部動一點，發梢動很多”的自然波動感。

補好空隙，再次鏡像，大功告成！

最終成品展示！

是不是很有成就感？

其實動畫并沒有想象中那么復雜。

只要掌握了“位置移動”和“左右鏡像”，很多動作都能事半功倍。

希望這篇小教程能給正在學習像素畫的你一點啟發。

如果覺得有用，歡迎點贊支持！今天也是我的生日，如果能收到大家的祝福我會更開心的～

咱們下期再見！