sub pixel子像素動畫技巧講解
![]()
文本概覽:全文約 1,205 字,閱讀約 4 分鐘。
《合金彈頭》里 Fio 站著喘氣,頭幾乎不動,馬尾卻在抖——精靈只有約 34 像素高,整格上下挪一下就像跳了一尺。
小精靈上,整像素留給真正要搶眼的部位;呼吸、穩定、微轉用換色完成。
![]()
低像素數也能“活”,靠的是顏色在格子里位移,而不是整塊剪貼挪位。
一、子像素是什么:改色,不改輪廓
子像素動畫的重點不是“半像素引擎插值”,而是一種技巧:不直接移動像素塊,改同一位置上的顏色臺階,讓眼睛以為發生了小于一格的位移。
常見用途:胸口呼吸、臉部微動、布料明暗游走、輪廓內的抗鋸齒色來回蹭。整塊剪影大挪,留給跳躍、揮刀、馬尾甩動這類必須搶注意力的動作。
小畫布上每加一格、減一格,幅度都夸張;再想“穩一點”,就得換思路。
二、Fio:34 格高,呼吸靠換色
Fio 的 待機 大約 34 像素高。在這個尺度上,整像素開關會變成“大動作”。看馬尾:大約 4 個像素在開關之間切換,抖感最強,視線自然被吸過去。
![]()
馬尾用整像素開關搶注意力;胸口與頭部主要靠色階推移,腳看起來才穩。
身體則用顏色推移模擬呼吸:輪廓幾乎不動,陰影與中間色在格子里進出。頭也刻意少整像素位移,同樣用換色“假裝在動”。結果是:站得住,又不死板。
可復制做法:先標出“可以抖”與“必須穩”的區域;穩的地方只允許相鄰色互換,抖的地方才開整像素加減。
三、高分辨率沒有廢掉這招:Yahna 的肚子
對照 2024 年《圣獸之王》里粉絲戲稱 “Witch Wiggle” 的 Yahna 待機。身高大約 500 像素——Fio 整張貼上去大概只夠蓋住她的臉。帽子可以整像素左右晃,空間夠。
![]()
分辨率高了,整像素位移空間變大,但換色仍在關鍵結構上干活。
![]()
帽子有足夠格子可挪,不必全靠換色。
肚子特寫卻把同一思路又拿回來:下腹橫向位移大,上腹側移少;肋骨下那條深色線在約 45° 姿態里被拉長,用色與線的變化暗示軀干在擰、又在穩住上半身。
高清精靈里,換色不只是“假裝挪半格”,還能幫透視和重心讀出來。
對 Fio,換色主要充當運動本身;對 Yahna,換色額外承擔視角與結構信息。低分辨率和高分辨率都用得上。
總結
子像素不是神秘插件,而是在格子預算不夠時,用色階代替位移。
參考資料
Animator Techniques: Sub-Pixel Animation: https://someanimatorwannabe.substack.com/p/animator-techniques-sub-pixel-animation
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
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.