像素画头发晃动动画教程
文本概览：全文约 1,583 字，阅读约 4 分钟。
tetotti 写像素画 Advent Calendar 第 13 天时，本来想聊怎么辨认 AI 像素画，材料难凑，改成动手晃头发。
绿毛、红围巾、兽耳的米斯被临时叫来当模特，一副被抓差的不服气。
第一版动画很老实：复制上一帧，框选头发，平移，补洞。播起来像一块绿豆腐在甩。
晃发先当波浪（根先动、梢后跟），再按前发、鬓角、马尾把图层错开一帧。
米斯叉腰站着，标题直接写“用像素画，让头发晃起来”。
循环里每一帧都会被反复看见。
先看作者平时怎么晃
tetotti 自己说，业余像素画很少跟风，最近打的是二次创作：pop'n music 的 Minutes、Tricky 的 Butter。两段循环里，发梢和衣服都不是跟身体同一拍。
Minutes。身体幅度不大，头发和饰件自己在抖。
Butter。发束和裙摆不同步，软的感觉来自错拍，不是多画几根发丝。
第一步：按要晃的部位拆图层
先把静止稿准备好。
米斯的绿发体量大，前发、鬓角、马尾如果画在同一层，后面一动就会互相挖洞。
OC 米斯。绿发、红围巾、兽耳，叉腰站着，一副“怎么又是我”的表情。
按部位拆开：前发、鬓角 A、鬓角 B、马尾。拆完才能单独推某一缕，而不把脸和围巾一起带走。
晃之前先按部位拆层，后面才不会互相影响。
选中马尾那一层看一眼：这一缕后面会单独做时间偏移，现在就要能单独点到。
马尾层被单独选中时的脸和发。体量大的那一缕，后面最适合错开一帧。
第二步：先做出“硬”的版本
静止稿拆完，按最省事的办法做一版：复制前一帧，框选头发，挪几个像素，空出来的根部补上。播一下，就能动了。
第一版。坐标在换，形状几乎没变，绿发像一块在甩的硬壳。
硬，通常就两件事：
形状几乎没改，只改了坐标——整缕头发当刚体在搬。
去程和回程用同一套帧。tetotti 故意做成
1→2→3→4→5→4→3→2→1，好让你看见乒乓有多假。除非是 RPG Maker 那种帧预算死死卡住，否则别用这套来回。
第一版能交差。循环两圈，就开始像钟摆。
第三步：先当波浪，再用单色剪影改轨迹
晃动物体的动画是波。
毛根先动，毛尖晚半拍跟上。不是整块平移，是延迟沿着发束走下去。
改轨迹时，先把要晃的部位收成单色剪影。颜色一少，哪一帧向量反了、哪一侧在“抽筋”，一眼能看见。轨迹对了，再把线、高光、内部色填回去。
剪影版。右侧发如果向量不对，紫色块会自己跳出来，比对着全彩挑错快。
填回颜色之后，效果比前面那一排好多了
第二版。根和梢不再同一拍，循环看起来轻了一档。
还差一手：起势和收势若仍在同一帧对齐，几缕头发会重新黏成“同步的一大块”。
第四步：按图层把时间错开
做法不炫：前发、鬓角 A、鬓角 B、马尾，各层动画往前或往后挪一帧。不用重画，只改时间。衣服、尾巴以后要晃，也用同一招——跟头发错开，别跟身体齐步走。
左是第一版，右是错开同步之后的第三版。同一套发，只是各层不再同起同停。
可复制的顺序就这四步：拆层 → 允许自己先做出硬的一版 → 剪影里改成根先梢后的波 → 各层错一帧。
参考资料
ドット絵で髪の毛を揺らそう: https://note.com/tetotti/n/n2ed27b7af8e3
热门跟贴