今日教程|像素画人类行走循环:从参考到男女双版

打开网易新闻 查看更多图片

今天记的是「人类行走循环」——怎么用真人参考做出自然、可复用的像素行走动画。我按 Slynyrd 的Pixelblog 50 - Human Walk Cycle把要点和步骤整理成这篇笔记。

原文链接:https://www.slynyrd.com/blog/2024/5/24/pixelblog-50-human-walk-cycle[1]

一、用真人参考定 8 帧循环

教程里强调:想做比较写实的休闲走姿,最好用真人视频参考,而不是凭空想象。

步骤是:

  1. 从网上找一段走路视频,用 Photoshop 打开,在时间轴里截出一段「完整的一步循环」;
  2. 把这段导出成 GIF;
  3. 在参考 GIF 里手选关键帧,压到目标帧数。作者选的是8 帧,在省工和流畅之间比较均衡;像素游戏里超过 8 帧多半是风格选择,不是功能必需。

原始 60fps 切片可能有几十帧,很多帧几乎重复;缩成 8 帧并调好播放时长后,参考就够用了。

姿态不一定完美(比如手臂摆动幅度小),可以对照其他参考再微调。

打开网易新闻 查看更多图片

打开网易新闻 查看更多图片

打开网易新闻 查看更多图片

二、色块人偶模板:先动起来再加细节

为了高效做动画,先用按部位上色的色块人偶把整个人体拆清楚:头、颈、躯干、手臂、腿。

这样动起来时结构一目了然。

  • 8 帧:最顺滑;
  • 4 帧:只保留最关键的几个姿态,单独看会有点缺;
  • 6 帧:在省帧和流畅之间折中。

四个关键阶段(从左到右看):

  1. 接触:左脚跟落地,四肢摆到最开,身高最低;
  2. 下压:左脚踩平、重心后移,右脚离地前摆;
  3. 交叉:两腿在中间交叉,身高最高;
  4. 前摆:右腿大幅前摆但还没着地。

后四帧大致是前四帧的镜像,注意手臂和腿的摆动要左右配合、动量一致。

头的位置在序列里会形成「三角波」式的上下起伏,比完美的正弦波更自然。

打开网易新闻 查看更多图片

打开网易新闻 查看更多图片

女性版本原则相同,但弧线更柔和;最明显的区别在手臂摆动:女性摆幅更大、会摆过臀部,男性相对收紧,显得更板正,女性更轻快。

接触帧里胸部下移一像素也会影响整体感觉。

三、着装版:褶皱与不对称

给人偶「穿上衣服」后:

  • 男性西装:会略增加体块,最难的是布料褶皱——褶皱要跟着姿态和重力走,锚点和方向在所有帧里保持一致,尽量少而明确。
  • 女性:贴身的衣服动起来简单很多,但高跟鞋会改变脚形和步幅;单侧开叉的裙子要注意不能简单左右翻转,否则会错。

打开网易新闻 查看更多图片

打开网易新闻 查看更多图片

四、小结

人类行走循环可以按「真人参考 → 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