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/