今日教程｜像素角色待機(jī)動(dòng)畫拆解

今天整理的是一篇來(lái)自 itch.io 的像素畫教程，我把原文里值得復(fù)用的步驟、觀察點(diǎn)和示例圖都順了一遍，方便后續(xù)直接查。

原文鏈接：https://itch.io/t/2489389/pixel-tutorial-hero-idle-animation[1]

這次的主題很明確，就是做一個(gè) JRPG 風(fēng)格的“英雄角色待機(jī)動(dòng)畫”。原作者選的是帶劍的冒險(xiǎn)者形象，重點(diǎn)不是把動(dòng)作做大，而是用呼吸、眨眼和局部擺動(dòng)，讓角色在靜止?fàn)顟B(tài)下也有生命感。

我先記下這幾個(gè)重點(diǎn)

• 先有完整角色底稿，再去拆關(guān)鍵幀
• 待機(jī)動(dòng)作不用夸張，輕微呼吸就夠成立
• 補(bǔ)間幀決定順滑度，不能只靠?jī)蓚�(gè)關(guān)鍵姿勢(shì)
• 頭發(fā)、裙擺、肩甲、武器高光都可以參與微動(dòng)
• 眨眼和播放速度決定角色氣質(zhì)

原教程默認(rèn)我已經(jīng)有一張完整的角色像素稿，再?gòu)倪@張圖開(kāi)始拆動(dòng)畫。

這樣做的好處是，角色比例、服裝結(jié)構(gòu)和體積關(guān)系都已經(jīng)穩(wěn)定，后面只需要專注在“怎么動(dòng)”，不用邊畫邊改造型。

2. 用兩個(gè)關(guān)鍵幀先把呼吸感立起來(lái)

待機(jī)動(dòng)畫的第一步不是補(bǔ)很多幀，而是先畫出兩個(gè)關(guān)鍵姿勢(shì)。

這里的思路是讓角色從站直狀態(tài)，過(guò)渡到稍微下沉一點(diǎn)的狀態(tài)，像是輕微吸氣或呼氣。這個(gè)位移很小，但只要上半身、膝蓋和重心有一點(diǎn)變化，角色就會(huì)立刻活起來(lái)。

原作者的做法是直接選中上半身，在新幀里整體下移一點(diǎn)，再圍繞這個(gè)變化去修細(xì)節(jié)。

3. 在第二幀里手動(dòng)補(bǔ)出可信的小動(dòng)作

關(guān)鍵幀搭起來(lái)之后，真正拉開(kāi)質(zhì)感差距的是手動(dòng)微調(diào)。

這里沒(méi)有快捷鍵能替代觀察力，我會(huì)優(yōu)先檢查這些位置：

• 頭發(fā)有沒(méi)有跟著身體起伏
• 肩甲、手臂、裙擺有沒(méi)有輕微擺動(dòng)
• 膝蓋是否真的支撐了重心變化
• 劍和盾牌上的高光有沒(méi)有隨著角度產(chǎn)生滑動(dòng)
• 嘴部和眼部能不能補(bǔ)一點(diǎn)呼吸感

這些地方都不用改很多像素，但只要變化落在對(duì)的位置，待機(jī)動(dòng)作就不會(huì)像“整塊圖層上下移動(dòng)”那么假。

4. 補(bǔ)一張補(bǔ)間幀，把動(dòng)作從“有”變成“順”

只有兩個(gè)關(guān)鍵幀時(shí)，動(dòng)作信息已經(jīng)成立，但循環(huán)起來(lái)通常還會(huì)發(fā)硬。

這時(shí)候就該補(bǔ)間幀上場(chǎng)了，也就是在兩個(gè)關(guān)鍵姿勢(shì)之間插一張過(guò)渡畫面，讓節(jié)奏更自然。

這一段我特別記了一點(diǎn)：原作者提到一些子像素處理很難單靠語(yǔ)言解釋，最好的學(xué)習(xí)方式就是盯著例圖逐幀看。

像嘴巴開(kāi)合、輪廓邊緣的輕微變化，都屬于這種“看上去很小，但決定順滑度”的細(xì)節(jié)。

5. 不夠順時(shí)，復(fù)制補(bǔ)間幀繼續(xù)往前推

加完一張補(bǔ)間幀之后，動(dòng)畫已經(jīng)順很多，但循環(huán)回到起點(diǎn)時(shí)還是可能會(huì)頓一下。

原教程這里用了一個(gè)很實(shí)用的辦法：先復(fù)制已有補(bǔ)間幀作為模板，再繼續(xù)微調(diào)，而不是每次都從空白幀重畫。

這種做法特別適合待機(jī)動(dòng)畫，因?yàn)榇龣C(jī)動(dòng)作本來(lái)就強(qiáng)調(diào)“微差”。復(fù)制現(xiàn)有幀再微調(diào)，反而更容易保持運(yùn)動(dòng)軌跡一致。

6. 再加眨眼，讓角色真正“活”起來(lái)

如果只做呼吸循環(huán)，這已經(jīng)是一套能用的待機(jī)動(dòng)畫了。

但原作者又往前走了一步，把原來(lái)的 4 幀擴(kuò)成 8 幀循環(huán)，再把眨眼插進(jìn)去。

這里的判斷很值得抄：不是不能 4 幀就眨一次，而是那樣會(huì)顯得太頻繁、太刻意。把眨眼拉到 8 幀節(jié)奏里，觀感就自然很多。

7. 最后用播放速度匹配游戲類型

同一套幀，播放速度一改，角色氣質(zhì)就會(huì)變。教程里給出的對(duì)比很直觀：

• 200ms/幀，更適合回合制或節(jié)奏偏慢的游戲
• 125ms/幀，更適合動(dòng)作感更強(qiáng)的場(chǎng)景

也就是說(shuō)，動(dòng)畫質(zhì)量不只取決于畫得怎么樣，還取決于你讓它以什么節(jié)奏出現(xiàn)。

小結(jié)

這篇最有用的地方，不是教我做一個(gè)多復(fù)雜的動(dòng)作，而是提醒我待機(jī)動(dòng)畫真正要處理的是“微小但可信”的變化。

先抓住呼吸起伏，再補(bǔ)局部擺動(dòng)、補(bǔ)間和眨眼，角色就會(huì)從靜態(tài)立繪變成真正站在場(chǎng)景里的像素角色。

參考資料

https://itch.io/t/2489389/pixel-tutorial-hero-idle-animation: https://itch.io/t/2489389/pixel-tutorial-hero-idle-animation