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
热门跟贴