像素畫角色全套動畫免費可商用
![]()
今天這篇來自 Sandro Maglione 的Pixel art Character Animations guide:從角色設計到 idle、走路、跳躍、能量沖擊攻擊和攀爬,一步步講清楚通用動畫原則在小分辨率下的用法。
這是最簡單的像素畫游戲角色之一了
我把自己最關心的「角色攻擊」部分拎出來,按第一人稱整理成筆記,方便以后做 16×16 角色時直接對照。
一、角色設計:為動畫留余地
做動畫前先把角色定好。分辨率選 16×16,細節和顏色要克制,否則每一幀都要重畫,時間會指數級上去。我這次用的角色有:彩色輪廓、頭頂來的光源、比一般 16×16 更大的眼睛、以及向后翹的頭發——頭發在后續 idle、走路、跳躍里都會跟著動,是給動畫加個性的關鍵。
![]()
二、能量沖擊攻擊:三階段九幀
攻擊動畫我重點看的是能量沖擊(蓄力 → 聚能 → 釋放)。和別的動畫一樣,用** anticipation → 主體動作 → 收尾** 的節奏就夠用。
- Anticipation(蓄力):下蹲、手臂打開蓄能,表情變嚴肅,讓玩家感覺「要出招了」。
- Energy charge(聚能):手上聚能,光打在臉、頭發和衣服上,角色可保持基本靜止。
- Blast(釋放):快速釋放,1~2 幀完成;角色可上移 1 pixel、眼睛睜大,然后回到中立 pose。
![]()
![]()

釋放段越快越好(1~2 幀),整段共9 幀。掌握這三階段后,換成近戰揮砍或別的技能,也可以套同一套思路。
三、Idle、走路、跳躍與攀爬(簡記)
Idle:4 幀,身體上下 1 pixel 輕微動,頭發晚 1 幀跟過去,就有「飄」的感覺。

走路:4 個關鍵 pose(接觸、下壓、換腳、再接觸),手臂與腿交替;做成 6 幀更順。頭發在每步后稍晚彈一下,手上保留一個高對比度的「粉點」并保持位置一致,動起來會更穩。
![]()

跳躍:五階段——蓄力下蹲、起跳(可壓扁 1 pixel)、最高點、下落(手臂/頭發可加飄動)、落地接觸。9 幀把整段串起來即可。

攀爬:側視 pose,手交替上下,4 幀;腿太短就用顏色深淺表達移動,頭發同樣可做輕微彈跳。

四、完整動畫集與 sprite sheet
把 idle、走、跳、攻擊、攀爬按順序接在一起,就是一套完整的角色動畫集;下面這張是全文的 sprite sheet,可直接當參考或二次使用(原作者允許免費用于游戲或原型)。

![]()
小結:角色攻擊動畫的重點是清晰的階段劃分和極短的釋放幀;idle/走/跳/攀爬用「關鍵 pose + 頭發/細節延遲」就能帶出個性。原文見 Sandro Maglione - Pixel art Character Animations guide[1]。
參考資料
Sandro Maglione - Pixel art Character Animations guide: https://www.sandromaglione.com/articles/pixel-art-character-animations-guide
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
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.