今日教程｜像素画角色基础攻击动画：关键帧与节奏

今日教程｜像素画角色基础攻击动画：关键帧与节奏

今天练的是角色基础攻击动画，参考的是 Goob 在 beehiiv 上的教程：用关键姿势 + 节奏控制 + 中间帧，做出一段有重量感的攻击。下面用第一人称把流程捋一遍。

原文：https://goob-mail.beehiiv.com/p/animate-base-attack-pixel-art-character[1]

一、先定关键姿势（Key Poses）

我习惯先把「攻击前 → 攻击中 → 攻击后」三个阶段的关键姿势画出来，它们决定整段动画的骨架。

教程里用的判断标准是：

1. 攻击前：蓄力、预备的那一帧（例如锤子拉到最低、脚离地）。
2. 攻击中：打击感最强的那一帧。
3. 攻击后：收招或回到待机的姿势。

这次示例是锤击，收招直接回到站姿，所以只画了两个关键帧。

关键姿势 1：蓄力

关键姿势 2：打击

如果一时想不出姿势，可以自己比划一下动作，记下身体和武器的位置，再在画里适当夸张（例如锤子压得更低、脚抬得更高），让读帧更清晰。

二、节奏：慢入慢出（Slow in, Slow out）

在补中间帧之前，先想好节奏：哪里帧多、哪里帧少。

教程里用慢入慢出：

• 预备阶段：帧数多一点，让蓄力看得清。
• 打击瞬间：帧少一点，动作干脆。
• 收招：再多一点帧，避免「瞬间弹回」。

这样整体会更有重量感，尤其适合大武器（锤、大剑等）。

三、中间帧（In-betweens）按节奏拆

按上面节奏，把「从关键姿势 1 到关键姿势 2」拆成几个小动作，每个小动作给 2～3 帧起步，再按需要增减。

示例里的顺序大致是：

1. 锤子离地、开始后拉
2. 身体后仰、锤子继续往后
3. 进入关键姿势 1
4. 进入关键姿势 2（打击）
5. 锤子滑回、再提起
6. 回到站姿

中间帧可以反复调，动画本来就是迭代过程，不必一次到位。

四、成片与工具小技巧

全部中间帧画完后，在 Aseprite 里用预览窗口整体看一遍，避免只顾单帧而忽略整体节奏。

如果觉得整段太快或太慢，不一定要增删帧，可以调每帧的持续时间（选中帧 → 按 P 键），改时间即可。

完整基础攻击动画

最后一点：画的时候尽量保持角色体积一致（像素数量、轮廓大小不要飘），这样动作才稳，尤其是披风、布料等容易「多一像素少一像素」的地方，可以心里记一下加减，让位移看起来像在动而不是在变形。

以上是这次「角色基础攻击动画」的整理，关键就是：关键姿势 → 节奏（慢入慢出）→ 中间帧按节奏拆，再配合预览和帧时间微调。

参考资料

https://goob-mail.beehiiv.com/p/animate-base-attack-pixel-art-character: https://goob-mail.beehiiv.com/p/animate-base-attack-pixel-art-character