本日教程｜像素脚色待生动画拆解

今天整理的是一篇来自 itch.io 的像素画教程，我把原文里值得复用的步地、不雅察点和示例图齐顺了一遍，浅薄后续平直查。

原文不竭：https://itch.io/t/2489389/pixel-tutorial-hero-idle-animation[1]

此次的主题很明确，便是作念一个 JRPG 作风的“袼褙脚色待生动画”。原作家选的是带剑的冒险者形象，重点不是把动作作念大，而是用呼吸、眨眼和局部舞动，让脚色在静止情景下也有生命感。

我先记下这几个重点先有竣工脚色底稿，再去拆要道帧待生动作不必夸张，幽微呼吸就够成立补间帧决定顺滑度，不行只靠两个要道姿势头发、裙摆、肩甲、火器高光齐不错参与微动眨眼和播放速率决定脚色气质1. 先准备静态脚色底稿

原教程默许我照旧有一张竣工的脚色像素稿，再从这张图启动拆动画。

这么作念的克己是，脚色比例、服装结构和体积关连齐照旧镇静，后头只需要专注在“何如动”，不必边画边纠正型。

2. 用两个要道帧先把呼吸感立起来

待生动画的第一步不是补许多帧，而是先画出两个要道姿势。

这里的念念路是让脚色从站直情景，过渡到稍许下千里小数的情景，像是幽微吸气或呼气。这个位移很小，但只消上半身、膝盖和重点有小数变化，脚色就会坐窝活起来。

原作家的作念法是平直选中上半身，在新帧里全体下移小数，再围绕这个变化去修细节。

3. 在第二帧里手动补出委果的小动作

要道帧搭起来之后，信得过拉开质感差距的是手动微调。

这里莫得快捷键能替代不雅察力，我会优先检查这些位置：

头发有莫得随着体魄转机肩甲、手臂、裙摆有莫得幽微舞动膝盖是否果真撑合手了重点变化剑和盾牌上的高光有莫得随着角度产生滑动嘴部和眼部能不行补小数呼吸感

这些所在齐不必改许多像素，但只消变化落在对的位置，待生动作就不会像“整块图层高下移动”那么假。

4. 补一张补间帧，把动作从“有”形成“顺”

唯有两个要道帧时，动作信息照旧成立，但轮回起来平庸还会发硬。

这技能就该补间帧上场了，也便是在两个要道姿势之间插一张过渡画面，让节拍更当然。

这一段我终点记了小数：原作家提到一些子像素处分很难单靠说话解说，最佳的学习阵势便是盯着例图逐帧看。

像嘴巴开合、概括角落的幽微变化，齐属于这种“看上去很小，但决定顺滑度”的细节。

5. 不够顺时，复制补间帧不竭往前推

加完一张补间帧之后，动画照旧顺许多，但轮回回到来源时如故可能会顿一下。

原教程这里用了一个很实用的方针：先复制已有补间帧看成模板，再不竭微调，而不是每次齐从空缺帧重画。

这种作念法终点相宜待生动画，因为待生动作本来就强调“微差”。复制现存帧再微调，反而更容易保合手畅通轨迹一致。

6. 再加眨眼，让脚色信得过“活”起来

如若只作念呼吸轮回，这照旧是一套能用的待生动画了。

但原作家又往前走了一步，把底本的 4 帧扩成 8 帧轮回，再把眨眼插进去。

这里的判断很值得抄：不是不行 4 帧就眨一次，而是那样会显得太平庸、太刻意。把眨眼拉到 8 帧节拍里，不雅感就当然许多。

7. 终末用播放速率匹配游戏类型

并吞套帧，播放速率一改，脚色气质就会变。教程里给出的对比很直不雅：

200ms/帧，更相宜回合制或节拍偏慢的游戏125ms/帧，更相宜动作感更强的场景

也便是说，动画质地不单取决于画得何如样，还取决于你让它以什么节拍出现。

小结

这篇最有效的所在，不是教我作念一个多复杂的动作，而是指示我待生动画信得过要处分的是“轻微但委果”的变化。

先收拢呼吸转机，再补局部舞动、补间和眨眼，脚色就会从静态立绘形成信得过站在场景里的像素脚色。

参考热闹

https://itch.io/t/2489389/pixel-tutorial-hero-idle-animation: https://itch.io/t/2489389/pixel-tutorial-hero-idle-animation