今日教程|角色跑步动画逐帧讲解

今日教程|角色跑步动画逐帧讲解

今天整理的是一篇来自 itch.io 的像素画教程,我把原文里值得复用的步骤、观察点和示例图都顺了一遍,方便后续直接查。原文链接:https://itch.io/t/2491630/pixel-tutorial-run-cycle[1]1、站立帧准备好角色站立静态帧。

2、迈腿帧。他的双腿会稍微弯曲,导致角色稍微蹲下。

图2

他应该身体前倾,就好像他也正在冲锋陷阵一样。一条腿接地,另一条腿抬起。

同样对于这个动画,让他的剑臂向后晃动,并做出轻微的摇摆动作。3、腾空帧然后踢出抬起的脚并做一个小跳跃。

图3

跑步的时候,头发有点飘动。4、复制循环在角色另一侧做同样的事情,不同的地方在于另一侧是盾牌,需要晃动。

图4

5、落地帧补上落地帧,形成闭环。这里是所有的关键点(粗略地,我做了一些调整),需要通过“补间”动画和调整速度来平滑它。

图5

这样就有很好的跑步循环动画!6、更流畅?

可以停在这里,也可以随时添加到 16 帧循环中并调整速度。这就是我在本教程中获得的所有知识。

图6

小结这篇内容更适合当作一个可反复翻看的跑步动画逐帧参考样本。

图7

参考资料[1]https://itch.io/t/2491630/pixel-tutorial-run-cycle: https://itch.io/t/2491630/pixel-tutorial-run-cycle

Author: PixelBear