像素畫角色全套動(dòng)畫免費(fèi)可商用

今天這篇來自 Sandro Maglione 的Pixel art Character Animations guide：從角色設(shè)計(jì)到 idle、走路、跳躍、能量沖擊攻擊和攀爬，一步步講清楚通用動(dòng)畫原則在小分辨率下的用法。

這是最簡單的像素畫游戲角色之一了

我把自己最關(guān)心的「角色攻擊」部分拎出來，按第一人稱整理成筆記，方便以后做 16×16 角色時(shí)直接對(duì)照。

一、角色設(shè)計(jì)：為動(dòng)畫留余地

做動(dòng)畫前先把角色定好。分辨率選 16×16，細(xì)節(jié)和顏色要克制，否則每一幀都要重畫，時(shí)間會(huì)指數(shù)級(jí)上去。我這次用的角色有：彩色輪廓、頭頂來的光源、比一般 16×16 更大的眼睛、以及向后翹的頭發(fā)——頭發(fā)在后續(xù) idle、走路、跳躍里都會(huì)跟著動(dòng)，是給動(dòng)畫加個(gè)性的關(guān)鍵。

二、能量沖擊攻擊：三階段九幀

攻擊動(dòng)畫我重點(diǎn)看的是能量沖擊（蓄力 → 聚能 → 釋放）。和別的動(dòng)畫一樣，用** anticipation → 主體動(dòng)作 → 收尾** 的節(jié)奏就夠用。

• Anticipation（蓄力）：下蹲、手臂打開蓄能，表情變嚴(yán)肅，讓玩家感覺「要出招了」。
• Energy charge（聚能）：手上聚能，光打在臉、頭發(fā)和衣服上，角色可保持基本靜止。
• Blast（釋放）：快速釋放，1～2 幀完成；角色可上移 1 pixel、眼睛睜大，然后回到中立 pose。

釋放段越快越好（1～2 幀），整段共9 幀。掌握這三階段后，換成近戰(zhàn)揮砍或別的技能，也可以套同一套思路。

三、Idle、走路、跳躍與攀爬（簡記）

Idle：4 幀，身體上下 1 pixel 輕微動(dòng)，頭發(fā)晚 1 幀跟過去，就有「飄」的感覺。

走路：4 個(gè)關(guān)鍵 pose（接觸、下壓、換腳、再接觸），手臂與腿交替；做成 6 幀更順。頭發(fā)在每步后稍晚彈一下，手上保留一個(gè)高對(duì)比度的「粉點(diǎn)」并保持位置一致，動(dòng)起來會(huì)更穩(wěn)。

跳躍：五階段——蓄力下蹲、起跳（可壓扁 1 pixel）、最高點(diǎn)、下落（手臂/頭發(fā)可加飄動(dòng)）、落地接觸。9 幀把整段串起來即可。

攀爬：側(cè)視 pose，手交替上下，4 幀；腿太短就用顏色深淺表達(dá)移動(dòng)，頭發(fā)同樣可做輕微彈跳。

四、完整動(dòng)畫集與 sprite sheet

把 idle、走、跳、攻擊、攀爬按順序接在一起，就是一套完整的角色動(dòng)畫集；下面這張是全文的 sprite sheet，可直接當(dāng)參考或二次使用（原作者允許免費(fèi)用于游戲或原型）。

小結(jié)：角色攻擊動(dòng)畫的重點(diǎn)是清晰的階段劃分和極短的釋放幀；idle/走/跳/攀爬用「關(guān)鍵 pose + 頭發(fā)/細(xì)節(jié)延遲」就能帶出個(gè)性。原文見 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