3幀走路像溜冰，8幀才像真邁腿：像素畫行走循環的隱藏邏輯

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

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

如果你做過 RPG 或橫版游戲，行走循環大概是繞不開的第一道動畫門檻。

很多初學者會直接從引擎默認的三幀圖入手，覺得"能走就行"。

但當你把角色分辨率拉高、細節做豐富之后，就會發現走路像踩在冰面上——腿在動，身體卻飄。

我帶學生畫像素畫十多年，發現大家卡在這個環節的原因都差不多：是幀數背后的邏輯沒對上。

行走的本質：不是"腿在動"，是"推"

想畫好行走循環，第一步不是打開 Aseprite，而是站起來走兩步。

你會發現，行走是一個不斷重復的單腳循環：抬腿、落地、蹬地推進，然后換另一只腳。

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

當這條腿把身體推出去之后，它才會離地、前擺，進入下一個周期。

這個"抬起—落地—推蹬"的節奏，才是行走循環的靈魂。

在像素畫里，我們用一個固定不動的畫布來表現向前的運動。

技巧在于：讓著地的那條腿在畫面上向后滑動，同時身體保持相對靜止。

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

理解這一點，比你多畫十個角色都有用。

3幀循環：歷史的包袱

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

當年用這種方法有兩個原因：一是引擎和卡帶容量受限，幀數越少越好；二是做上百個角色時，每方向省兩幀，總工時會大幅縮短。待機幀還能直接復用，一舉兩得。

但這個方法有個根本缺陷：真實行走時，雙腿從來不會同時并排著地。

3幀循環把站立幀硬塞進去，等于讓角色在走路過程中"停頓"了一下。

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

一開始以為行走循環畫不好是像素功底差，后來才發現，3幀循環從根上就無法表現真實的步態。現在引擎完全沒有幀數限制，分辨率也越來越高，再用這種老方法當默認方案，已經說不過去了。

4幀循環：讓邏輯跑通

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

4幀循環取消了那個多余的待機幀，每一幀都對應腿部在周期中的下一個邏輯位置：抬起、前擺、落地、后蹬。你可以清楚地追蹤每一條腿的運動軌跡。

4幀至少讓腿的擺動連續了。

但對于細節豐富的現代像素角色，4幀仍然有點生硬。肉眼還是能看出幀與幀之間的跳躍。

8幀循環：關鍵幀 + 中間幀的魔法

現代游戲引擎對幀數幾乎沒有限制，RPG Maker 也可以通過插件輕松突破3幀。

對于常規尺寸的像素角色，8幀是行走循環的甜蜜點。

8幀循環里，有4幀是"關鍵幀"（keyframes），負責傳達腿部和手臂的主要動作；另外4幀是"中間幀"（in-between frames），填補在關鍵幀之間，負責讓過渡變得絲滑。

這里有個很有意思的現象：當你把8幀單獨抽出來、放大逐幀看時，中間幀里的腿看起來會"縮短"或變形，單獨看甚至有點奇怪。

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

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

說實話，我現在看到 RPG Maker 默認的3幀行走圖還會皺眉頭。

它確實能用，但明明可以做得更好。如果你的項目分辨率允許，盡量告別3幀循環。

8幀循環付出的額外工作量，換來的是角色從"紙片滑動"到"真正在走路"的跨越。

結語

理解行走循環背后的物理邏輯，比死記硬背幀數更重要。

無論你做幾幀，都要問自己：這一幀里，著地的腿有沒有在"推"？騰空的那條腿有沒有在"擺"？重心是怎么轉移的？

2013年我剛寫公眾號那會兒，花了一整個下午才搞懂這個"推"字。后來把這個心得寫進《從零開始學像素畫》里，到現在還是我最想跟初學者說的話：別急著點像素，先站起來走兩步。

給初學者的下一步行動：找一段真人走路的參考視頻（最好是無遮擋的側面全身鏡頭），用慢速播放觀察腳與地面的關系。

然后選一個你已經畫好的角色側面圖，嘗試只做4幀循環——不追求完美，只要求每一幀都對應"抬、擺、落、蹬"中的一個階段。

一個小練習：打開 Aseprite，把你現有的3幀行走素材改成4幀。

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

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

參考資料

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