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

打开网易新闻 查看精彩图片

今天整理的是一篇来自 itch.io 的像素画教程,我把原文里值得复用的步骤、观察点和示例图都顺了一遍,方便后续直接查。

原文链接:https://itch.io/t/2491630/pixel-tutorial-run-cycle[1]

打开网易新闻 查看精彩图片

1、站立帧

准备好角色站立静态帧。

2、迈腿帧。

他的双腿会稍微弯曲,导致角色稍微蹲下。他应该身体前倾,就好像他也正在冲锋陷阵一样。

一条腿接地,另一条腿抬起。同样对于这个动画,让他的剑臂向后晃动,并做出轻微的摇摆动作。

打开网易新闻 查看精彩图片

3、腾空帧

然后踢出抬起的脚并做一个小跳跃。跑步的时候,头发有点飘动。

打开网易新闻 查看精彩图片

4、复制循环

在角色另一侧做同样的事情,不同的地方在于另一侧是盾牌,需要晃动。

打开网易新闻 查看精彩图片

5、落地帧

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

打开网易新闻 查看精彩图片

这样就有很好的跑步循环动画!

6、更流畅?

可以停在这里,也可以随时添加到 16 帧循环中并调整速度。

打开网易新闻 查看精彩图片

这就是我在本教程中获得的所有知识。

小结

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

参考资料

https://itch.io/t/2491630/pixel-tutorial-run-cycle: https://itch.io/t/2491630/pixel-tutorial-run-cycle