3幀走路像溜冰，8幀才像真邁腿：像素行走循環(huán)的隱藏邏輯

文本概覽：全文約 1,947 字，閱讀約 5 分鐘。

如果你做過(guò) RPG 或橫版游戲，行走循環(huán)大概是繞不開(kāi)的第一道動(dòng)畫(huà)門檻。

很多初學(xué)者會(huì)直接從引擎默認(rèn)的三幀圖入手，覺(jué)得"能走就行"。

但當(dāng)你把角色分辨率拉高、細(xì)節(jié)做豐富之后，就會(huì)發(fā)現(xiàn)走路像踩在冰面上——腿在動(dòng)，身體卻飄。

我?guī)W(xué)生畫(huà)像素畫(huà)十多年，發(fā)現(xiàn)大家卡在這個(gè)環(huán)節(jié)的原因都差不多：是幀數(shù)背后的邏輯沒(méi)對(duì)上。

行走的本質(zhì)：不是"腿在動(dòng)"，是"推"

想畫(huà)好行走循環(huán)，第一步不是打開(kāi) Aseprite，而是站起來(lái)走兩步。

你會(huì)發(fā)現(xiàn)，行走是一個(gè)不斷重復(fù)的單腳循環(huán)：抬腿、落地、蹬地推進(jìn)，然后換另一只腳。

真正讓你向前走的，不是抬起來(lái)的那條腿，而是踩在地上的那條腿在向后推。

當(dāng)這條腿把身體推出去之后，它才會(huì)離地、前擺，進(jìn)入下一個(gè)周期。

這個(gè)"抬起—落地—推蹬"的節(jié)奏，才是行走循環(huán)的靈魂。

在像素畫(huà)里，我們用一個(gè)固定不動(dòng)的畫(huà)布來(lái)表現(xiàn)向前的運(yùn)動(dòng)。

技巧在于：讓著地的那條腿在畫(huà)面上向后滑動(dòng)，同時(shí)身體保持相對(duì)靜止。

等這個(gè)循環(huán)被放進(jìn)游戲引擎、疊加了角色的實(shí)際位移，玩家看到的就是"角色在推進(jìn)自己前進(jìn)"，而不是"腿在原地空擺"。

理解這一點(diǎn)，比你多畫(huà)十個(gè)角色都有用。

3幀循環(huán)：歷史的包袱

經(jīng)典的 RPG 3幀循環(huán)是"邁步—待機(jī)—邁步"，也就是用站立幀作為中間幀，循環(huán)播放。老《最終幻想》和 RPG Maker 默認(rèn)素材都是這么做的。

當(dāng)年用這種方法有兩個(gè)原因：一是引擎和卡帶容量受限，幀數(shù)越少越好；二是做上百個(gè)角色時(shí)，每方向省兩幀，總工時(shí)會(huì)大幅縮短。待機(jī)幀還能直接復(fù)用，一舉兩得。

但這個(gè)方法有個(gè)根本缺陷：真實(shí)行走時(shí)，雙腿從來(lái)不會(huì)同時(shí)并排著地。

3幀循環(huán)把站立幀硬塞進(jìn)去，等于讓角色在走路過(guò)程中"停頓"了一下。

小尺寸像素角色還不太明顯，可一旦你的角色超過(guò) 32×32，這種違和感就像放大鏡一樣刺眼。

一開(kāi)始以為行走循環(huán)畫(huà)不好是像素功底差，后來(lái)才發(fā)現(xiàn)，3幀循環(huán)從根上就無(wú)法表現(xiàn)真實(shí)的步態(tài)?，F(xiàn)在引擎完全沒(méi)有幀數(shù)限制，分辨率也越來(lái)越高，再用這種老方法當(dāng)默認(rèn)方案，已經(jīng)說(shuō)不過(guò)去了。

4幀循環(huán)：讓邏輯跑通

如果你要表現(xiàn)真正的抬起—落地—推蹬，4幀是底線。

4幀循環(huán)取消了那個(gè)多余的待機(jī)幀，每一幀都對(duì)應(yīng)腿部在周期中的下一個(gè)邏輯位置：抬起、前擺、落地、后蹬。你可以清楚地追蹤每一條腿的運(yùn)動(dòng)軌跡。

4幀至少讓腿的擺動(dòng)連續(xù)了。

但對(duì)于細(xì)節(jié)豐富的現(xiàn)代像素角色，4幀仍然有點(diǎn)生硬。肉眼還是能看出幀與幀之間的跳躍。

8幀循環(huán)：關(guān)鍵幀 + 中間幀的魔法

現(xiàn)代游戲引擎對(duì)幀數(shù)幾乎沒(méi)有限制，RPG Maker 也可以通過(guò)插件輕松突破3幀。

對(duì)于常規(guī)尺寸的像素角色，8幀是行走循環(huán)的甜蜜點(diǎn)。

8幀循環(huán)里，有4幀是"關(guān)鍵幀"（keyframes），負(fù)責(zé)傳達(dá)腿部和手臂的主要?jiǎng)幼?；另?幀是"中間幀"（in-between frames），填補(bǔ)在關(guān)鍵幀之間，負(fù)責(zé)讓過(guò)渡變得絲滑。

這里有個(gè)很有意思的現(xiàn)象：當(dāng)你把8幀單獨(dú)抽出來(lái)、放大逐幀看時(shí)，中間幀里的腿看起來(lái)會(huì)"縮短"或變形，單獨(dú)看甚至有點(diǎn)奇怪。

但一旦按順序播放，這些變形反而會(huì)融化成流暢的弧線。讓"抬起—落地—推蹬"的循環(huán)無(wú)比清晰。

那條腿在地面上被拖著向后滑動(dòng)的半圈，正是整個(gè)行走循環(huán)最有力量的部分。它制造了"推"的幻覺(jué)，讓觀眾感受到角色在真的向前邁步。

說(shuō)實(shí)話，我現(xiàn)在看到 RPG Maker 默認(rèn)的3幀行走圖還會(huì)皺眉頭。

它確實(shí)能用，但明明可以做得更好。如果你的項(xiàng)目分辨率允許，盡量告別3幀循環(huán)。

8幀循環(huán)付出的額外工作量，換來(lái)的是角色從"紙片滑動(dòng)"到"真正在走路"的跨越。

結(jié)語(yǔ)

理解行走循環(huán)背后的物理邏輯，比死記硬背幀數(shù)更重要。

無(wú)論你做幾幀，都要問(wèn)自己：這一幀里，著地的腿有沒(méi)有在"推"？騰空的那條腿有沒(méi)有在"擺"？重心是怎么轉(zhuǎn)移的？

2013年我剛寫(xiě)公眾號(hào)那會(huì)兒，花了一整個(gè)下午才搞懂這個(gè)"推"字。后來(lái)把這個(gè)心得寫(xiě)進(jìn)《從零開(kāi)始學(xué)像素畫(huà)》里，到現(xiàn)在還是我最想跟初學(xué)者說(shuō)的話：別急著點(diǎn)像素，先站起來(lái)走兩步。

給初學(xué)者的下一步行動(dòng)：找一段真人走路的參考視頻（最好是無(wú)遮擋的側(cè)面全身鏡頭），用慢速播放觀察腳與地面的關(guān)系。

然后選一個(gè)你已經(jīng)畫(huà)好的角色側(cè)面圖，嘗試只做4幀循環(huán)——不追求完美，只要求每一幀都對(duì)應(yīng)"抬、擺、落、蹬"中的一個(gè)階段。

一個(gè)小練習(xí)：打開(kāi) Aseprite，把你現(xiàn)有的3幀行走素材改成4幀。

去掉中間那個(gè)站立幀，補(bǔ)上一幀"雙腿交叉的過(guò)渡幀"姿勢(shì)，看看角色是不是立刻變得更有重量感。如果還有余力，再往關(guān)鍵幀之間加一幀中間幀，把4幀擴(kuò)成6幀，體會(huì)一下流暢度提升的變化。

來(lái)源：Walk Cycles, Part 1[1]，作者 Final Boss Blues。圖片資源來(lái)自原教程。

參考資料

Walk Cycles, Part 1: http://finalbossblues.com/walk-cycles-p1/