今日教程|像素畫角色基礎攻擊動畫:關鍵幀與節(jié)奏
![]()
今天練的是角色基礎攻擊動畫,參考的是 Goob 在 beehiiv 上的教程:用關鍵姿勢 + 節(jié)奏控制 + 中間幀,做出一段有重量感的攻擊。下面用第一人稱把流程捋一遍。
原文:https://goob-mail.beehiiv.com/p/animate-base-attack-pixel-art-character[1]
一、先定關鍵姿勢(Key Poses)
我習慣先把「攻擊前 → 攻擊中 → 攻擊后」三個階段的關鍵姿勢畫出來,它們決定整段動畫的骨架。
教程里用的判斷標準是:
- 攻擊前:蓄力、預備的那一幀(例如錘子拉到最低、腳離地)。
- 攻擊中:打擊感最強的那一幀。
- 攻擊后:收招或回到待機的姿勢。
這次示例是錘擊,收招直接回到站姿,所以只畫了兩個關鍵幀。
關鍵姿勢 1:蓄力
![]()
關鍵姿勢 2:打擊
如果一時想不出姿勢,可以自己比劃一下動作,記下身體和武器的位置,再在畫里適當夸張(例如錘子壓得更低、腳抬得更高),讓讀幀更清晰。
二、節(jié)奏:慢入慢出(Slow in, Slow out)
在補中間幀之前,先想好節(jié)奏:哪里幀多、哪里幀少。
教程里用慢入慢出:
- 預備階段:幀數(shù)多一點,讓蓄力看得清。
- 打擊瞬間:幀少一點,動作干脆。
- 收招:再多一點幀,避免「瞬間彈回」。
這樣整體會更有重量感,尤其適合大武器(錘、大劍等)。
![]()
三、中間幀(In-betweens)按節(jié)奏拆
按上面節(jié)奏,把「從關鍵姿勢 1 到關鍵姿勢 2」拆成幾個小動作,每個小動作給 2~3 幀起步,再按需要增減。
示例里的順序大致是:
- 錘子離地、開始后拉
- 身體后仰、錘子繼續(xù)往后
- 進入關鍵姿勢 1
- 進入關鍵姿勢 2(打擊)
- 錘子滑回、再提起
- 回到站姿
中間幀可以反復調(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
特別聲明:以上內(nèi)容(如有圖片或視頻亦包括在內(nèi))為自媒體平臺“網(wǎng)易號”用戶上傳并發(fā)布,本平臺僅提供信息存儲服務。
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.