今日教程｜像素畫角色攻擊：做出順滑又有重量感的揮砍

今天我練的是“角色攻擊動(dòng)畫”這條線，目標(biāo)很明確：動(dòng)作要順、打擊要重、讀幀要快。
我參考了這篇教程素材頁(yè)：

原文鏈接：https://penusbmic.itch.io/pixel-art-tutorial-smooth-stylish-attack[1]

一、先定 4 個(gè)關(guān)鍵姿勢(shì)，不要一上來(lái)就補(bǔ)幀

我現(xiàn)在做攻擊動(dòng)畫，會(huì)先鎖定 4 個(gè)關(guān)鍵姿勢(shì)：

1. 準(zhǔn)備幀（前搖）：角色重心后拉，武器蓄力。
2. 出手幀（命中前）：身體與武器朝攻擊方向爆發(fā)。
3. 命中幀（沖擊峰值）：動(dòng)作幅度最大，視覺(jué)重心最強(qiáng)。
4. 回收幀（收招）：快速回到可銜接待機(jī)/移動(dòng)的狀態(tài)。

這一步先把“動(dòng)作邏輯”定住，后面補(bǔ)中間幀才不會(huì)越畫越亂。

二、中間幀只補(bǔ)“軌跡”，不補(bǔ)無(wú)效細(xì)節(jié)

我常見(jiàn)的錯(cuò)誤是中間幀畫太滿，結(jié)果動(dòng)作變軟。
現(xiàn)在我的做法是：中間幀只服務(wù)兩件事——軌跡連續(xù)和速度感。

• 武器軌跡優(yōu)先連貫，角色細(xì)節(jié)可適當(dāng)簡(jiǎn)化。
• 命中前后做輕微形變（smear 思路），強(qiáng)調(diào)“快”和“狠”。
• 保持輪廓清晰，縮小尺寸時(shí)仍能看懂動(dòng)作。

攻擊動(dòng)畫真正拉開(kāi)差距的，通常不是多兩幀，而是命中瞬間的視覺(jué)峰值。
我會(huì)在命中附近加短促特效：

• 一道短速度線或弧形刀光；
• 1~2 幀火花/能量碎片；
• 命中后迅速衰減，避免拖泥帶水。

如果回收太慢，角色會(huì)顯得笨重；回收太快，又會(huì)像沒(méi)打到。
我會(huì)把回收幀控制在“剛好能讀懂動(dòng)作結(jié)束”的長(zhǎng)度，然后馬上銜接 idle 或 run。

這個(gè)細(xì)節(jié)會(huì)直接影響玩家對(duì)“可連招”和“可打斷”的體感。

五、小結(jié)

我這次的核心收獲是：
先用關(guān)鍵姿勢(shì)搭骨架，再用中間幀修軌跡，最后用短促特效打出命中峰值。這樣做出來(lái)的攻擊動(dòng)畫，不僅看起來(lái)更順，也更有重量感和可玩性。

參考資料

https://penusbmic.itch.io/pixel-art-tutorial-smooth-stylish-attack: https://penusbmic.itch.io/pixel-art-tutorial-smooth-stylish-attack