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

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

這次我們的目標(biāo)是：盡量減少繪畫工作量，讓每個人都能輕松復(fù)現(xiàn)。

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

準(zhǔn)備工作

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

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

行走動畫的原理

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

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

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

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

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

1. 復(fù)制你的基準(zhǔn)站立幀。
2. 將復(fù)制出來的這一幀整體向下移動 1 像素。

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

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

第二步：邁開腿！

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

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

好了，這一幀完成了！

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

完全不用！

直接復(fù)制這一幀，然后執(zhí)行“左右鏡像”反轉(zhuǎn)一下就搞定了！ 這就是標(biāo)題里說的偷懶大法。

看，腿部已經(jīng)走起來了！

至于反轉(zhuǎn)后帽子花紋不對之類的問題，我們最后再統(tǒng)一修。

第三步：擺動手臂

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

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

完成后，再次復(fù)制并鏡像反轉(zhuǎn)。

現(xiàn)在，行走動畫的基本骨架就完成了！

第四步：細節(jié)修復(fù)

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

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

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

修改完之后……

動起來了！超可愛對吧？

到這一步其實已經(jīng)可以交作業(yè)了。

進階：讓頭發(fā)也飄起來

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

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

1. 選取頭發(fā)的下半部分，偏移 1 像素。
2. 在偏移后的范圍內(nèi)，再選取更靠下的部分，再偏移 1 像素。

這樣頭發(fā)就會產(chǎn)生一種“根部動一點，發(fā)梢動很多”的自然波動感。

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

最終成品展示！

是不是很有成就感？

其實動畫并沒有想象中那么復(fù)雜。

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

希望這篇小教程能給正在學(xué)習(xí)像素畫的你一點啟發(fā)。

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

咱們下期再見！