今日教程｜像素畫角色基礎攻擊動畫：關鍵幀與節(jié)奏

今日教程｜像素畫角色基礎攻擊動畫：關鍵幀與節(jié)奏

今天練的是角色基礎攻擊動畫，參考的是 Goob 在 beehiiv 上的教程：用關鍵姿勢 + 節(jié)奏控制 + 中間幀，做出一段有重量感的攻擊。下面用第一人稱把流程捋一遍。

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

一、先定關鍵姿勢（Key Poses）

我習慣先把「攻擊前 → 攻擊中 → 攻擊后」三個階段的關鍵姿勢畫出來，它們決定整段動畫的骨架。

教程里用的判斷標準是：

1. 攻擊前：蓄力、預備的那一幀（例如錘子拉到最低、腳離地）。
2. 攻擊中：打擊感最強的那一幀。
3. 攻擊后：收招或回到待機的姿勢。

這次示例是錘擊，收招直接回到站姿，所以只畫了兩個關鍵幀。

關鍵姿勢 1：蓄力

關鍵姿勢 2：打擊

如果一時想不出姿勢，可以自己比劃一下動作，記下身體和武器的位置，再在畫里適當夸張（例如錘子壓得更低、腳抬得更高），讓讀幀更清晰。

二、節(jié)奏：慢入慢出（Slow in, Slow out）

在補中間幀之前，先想好節(jié)奏：哪里幀多、哪里幀少。

教程里用慢入慢出：

• 預備階段：幀數(shù)多一點，讓蓄力看得清。
• 打擊瞬間：幀少一點，動作干脆。
• 收招：再多一點幀，避免「瞬間彈回」。

這樣整體會更有重量感，尤其適合大武器（錘、大劍等）。

三、中間幀（In-betweens）按節(jié)奏拆

按上面節(jié)奏，把「從關鍵姿勢 1 到關鍵姿勢 2」拆成幾個小動作，每個小動作給 2～3 幀起步，再按需要增減。

示例里的順序大致是：

1. 錘子離地、開始后拉
2. 身體后仰、錘子繼續(xù)往后
3. 進入關鍵姿勢 1
4. 進入關鍵姿勢 2（打擊）
5. 錘子滑回、再提起
6. 回到站姿

中間幀可以反復調(diào)，動畫本來就是迭代過程，不必一次到位。

四、成片與工具小技巧

全部中間幀畫完后，在 Aseprite 里用預覽窗口整體看一遍，避免只顧單幀而忽略整體節(jié)奏。

如果覺得整段太快或太慢，不一定要增刪幀，可以調(diào)每幀的持續(xù)時間（選中幀 → 按 P 鍵），改時間即可。

完整基礎攻擊動畫

最后一點：畫的時候盡量保持角色體積一致（像素數(shù)量、輪廓大小不要飄），這樣動作才穩(wěn)，尤其是披風、布料等容易「多一像素少一像素」的地方，可以心里記一下加減，讓位移看起來像在動而不是在變形。

以上是這次「角色基礎攻擊動畫」的整理，關鍵就是：關鍵姿勢 → 節(jié)奏（慢入慢出）→ 中間幀按節(jié)奏拆，再配合預覽和幀時間微調(diào)。

參考資料

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