今日教程｜像素画动画入门：从待机循环到跑步节奏

虽然像素画的“经济性”让它成为一种非常适合制作动画的媒介，但其中的局限性也带来了一些独特的韵味。大多数像素动画都是以传统的逐帧方式制作的。

你最常在游戏里看到的，通常是短促的循环动画。别看这些循环好像很简单，它们其实需要极大的耐心和对细节的关注。

当一段动画被反复播放时，任何一个小瑕疵都会被放大，哪怕是一个像素的位置不对，都会让人觉得刺眼。今天，我就想结合 Raymond Schlitter 的经典教程，跟大家聊聊如何迈出像素动画的第一步。

待机循环（Idle Cycles）：让角色“活起来”的最简单方式待机动画是给艺术作品或游戏注入活力的最有效方式。它的基本要求就是“动起来”——甚至不需要非常有逻辑，只要有位移或形变即可。

在早期的 8-bit JRPG 中，我们经常看到角色原地踏步的 2 帧行走动画作为待机，这其实是内存受限下的聪明方案。而现代像素画中最常见的待机动画通常是“呼吸感”的弹跳。

我的建议： 待机循环的复杂度应该取决于项目的规模。如果你是在做一个有很多角色的游戏，给每个角色都做 8 帧的待机可能不切实际。

无论你选择几帧，保持整部作品的风格一致性才是最重要的。跑步循环（Run Cycles）：抓住动作的“神髓”当我们需要角色跑动时，就必须引入“关键帧（Keyframes）”的概念了。

关键帧是确定动作起点和终点的引导帧。比如挥拳，你需要一个“蓄力”帧和一个“全伸展”帧，中间的部分则是“过渡帧（In-betweens）”。

哪怕去掉了所有过渡帧，只要关键帧足够有力，动作依然是可以被识别的。我很佩服《洛克人》的 3 帧跑步循环，它捕获的动能比很多现代复杂动画还要多。

在制作 3 帧跑步时，我有几个心得：强力的步幅： 四肢充分伸展，身体重心前倾。通过帧（Pass frame）： 所有肢体靠近身体，处于中性位置，作为两个大步幅之间的连接。

垂直位移： 别忘了加入一点上下跳动的弹跳感。帧数越多越好吗？

更多帧意味着更平滑，但不一定意味着更有力。有时候，过多的过渡帧会让动作显得拖沓、粘稠。

从上图可以看出，哪怕把 8 帧减到 4 帧，只要保留了最关键的“接触帧”和“通过帧”，核心的动量和能量依然能被感知。在游戏中，我发现 6 帧的跑步循环通常是平衡点，它易于管理，且带有一种非常舒服的律动感。

核心要点

总结从简单开始： 先用简单的色块和造型练习动作，等动作满意了再添加细节。关键帧是灵魂： 好的动画始于强有力的关键姿态。

警惕过度动画： 专注于关键帧的设计，不要让过多的过渡帧吸走动作的能量。播放速度： 每一帧停留的时间（毫秒数）会极大地影响动作的手感，多做实验。

结语动画是一项非常美妙的技能，它能把你的像素真正“唤醒”。第一次尝试时如果觉得一团糟也别担心，我也是从无数次的挫折中走过来的。

早期我在 Photoshop 里做像素动画时甚至快被气哭了，但随着练习，这种挫败感最终会变成创作的喜悦。希望你们也能享受到让像素动起来的那份成就感！

大家在练习过程中如果对爆炸特效、视差滚动或亚像素动画感兴趣，也可以留言告诉我哦～