今日教程|像素画人类行走循环:从参考到男女双版
![]()
今天记的是「人类行走循环」——怎么用真人参考做出自然、可复用的像素行走动画。我按 Slynyrd 的Pixelblog 50 - Human Walk Cycle把要点和步骤整理成这篇笔记。
原文链接:https://www.slynyrd.com/blog/2024/5/24/pixelblog-50-human-walk-cycle[1]
一、用真人参考定 8 帧循环
教程里强调:想做比较写实的休闲走姿,最好用真人视频参考,而不是凭空想象。
步骤是:
- 从网上找一段走路视频,用 Photoshop 打开,在时间轴里截出一段「完整的一步循环」;
- 把这段导出成 GIF;
- 在参考 GIF 里手选关键帧,压到目标帧数。作者选的是8 帧,在省工和流畅之间比较均衡;像素游戏里超过 8 帧多半是风格选择,不是功能必需。
原始 60fps 切片可能有几十帧,很多帧几乎重复;缩成 8 帧并调好播放时长后,参考就够用了。
姿态不一定完美(比如手臂摆动幅度小),可以对照其他参考再微调。
![]()


二、色块人偶模板:先动起来再加细节
为了高效做动画,先用按部位上色的色块人偶把整个人体拆清楚:头、颈、躯干、手臂、腿。
这样动起来时结构一目了然。
- 8 帧:最顺滑;
- 4 帧:只保留最关键的几个姿态,单独看会有点缺;
- 6 帧:在省帧和流畅之间折中。
四个关键阶段(从左到右看):
- 接触:左脚跟落地,四肢摆到最开,身高最低;
- 下压:左脚踩平、重心后移,右脚离地前摆;
- 交叉:两腿在中间交叉,身高最高;
- 前摆:右腿大幅前摆但还没着地。
后四帧大致是前四帧的镜像,注意手臂和腿的摆动要左右配合、动量一致。
头的位置在序列里会形成「三角波」式的上下起伏,比完美的正弦波更自然。


女性版本原则相同,但弧线更柔和;最明显的区别在手臂摆动:女性摆幅更大、会摆过臀部,男性相对收紧,显得更板正,女性更轻快。
接触帧里胸部下移一像素也会影响整体感觉。
三、着装版:褶皱与不对称
给人偶「穿上衣服」后:
- 男性西装:会略增加体块,最难的是布料褶皱——褶皱要跟着姿态和重力走,锚点和方向在所有帧里保持一致,尽量少而明确。
- 女性:贴身的衣服动起来简单很多,但高跟鞋会改变脚形和步幅;单侧开叉的裙子要注意不能简单左右翻转,否则会错。


四、小结
人类行走循环可以按「真人参考 → 8 帧关键帧 → 色块人偶(男女)→ 着装与褶皱」这条线来做。
帧数选 6~8 帧就够用,重点是把接触、下压、交叉、前摆几个阶段画清楚,再注意手臂与腿的配合以及头部的轻微起伏。
这篇对应 Slynyrd 的 Pixelblog 50,适合当侧视行走的入门参考。

参考资料
https://www.slynyrd.com/blog/2024/5/24/pixelblog-50-human-walk-cycle: https://www.slynyrd.com/blog/2024/5/24/pixelblog-50-human-walk-cycle
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.