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

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

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

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

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

準(zhǔn)備工作

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

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

行走動(dòng)畫的原理

很多人會(huì)問行走動(dòng)畫需要畫幾幀？

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

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

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

首先，我們要給身體加點(diǎn)動(dòng)感。

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

完成這一步后，你會(huì)得到一個(gè)上下跳動(dòng)的效果。

這就像伊布一樣，既可以作為待機(jī)動(dòng)畫，也可以進(jìn)化成行走動(dòng)畫！

第二步：邁開腿！

接下來是重點(diǎn)，我們要?jiǎng)觿?dòng)腿了。

1. 選中左邊的腿，向右移動(dòng) 1 像素。
2. 選中右邊的腿，向左移動(dòng) 1 像素，再向上移動(dòng) 1 像素。
3. 補(bǔ)上移動(dòng)后留下的空隙。

好了，這一幀完成了！

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

完全不用！

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

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

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

第三步：擺動(dòng)手臂

只動(dòng)腿可不行，手臂也得擺起來。

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

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

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

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

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

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

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

修改完之后……

動(dòng)起來了！超可愛對吧？

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

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

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

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

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

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

補(bǔ)好空隙，再次鏡像，大功告成！

最終成品展示！

是不是很有成就感？

其實(shí)動(dòng)畫并沒有想象中那么復(fù)雜。

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

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

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

咱們下期再見！