Site icon Teach you how to draw pixel art | 32comic.com

简单几步!用“左右镜像”做出自然的像素画行走动画

简单几步!用“左右镜像”做出自然的像素画行走动画嘿,大家好!

我是有织。今天是像素画日历的第6天,我想和大家分享一个超级实用的技巧:如何基于一张正面的静态像素画,轻松地给它加上行走动画!

这次我们的目标是:尽量减少绘画工作量,让每个人都能轻松复现。我会用到位置移动和左右镜像。

如果你觉得动画很难,请一定要跟我动手试试看!准备工作在开始之前,你需要准备一个正面朝向的角色。

这次我使用的是 Aseprite,不过里面的技巧是通用的,你用 Photoshop、Krita 甚至手机 App 都能实现。行走动画的原理很多人会问行走动画需要画几帧?

流派很多,但今天我们要用的是最经典、最好上手的“RPG制作大师(RPGMaker)方式”。如上图所示,我们用3张图循环组成4个动作。

动作2是角色站立的基准图,我们要做的就是搞定动作1和3。小贴士(Aseprite 用户):把站立帧放在中间,将播放模式设为“往复播放(Ping-pong)”,这样你就不需要重复放置站立帧啦。

第一步:让身体动起来首先,我们要给身体加点动感。复制你的基准站立帧。

将复制出来的这一帧整体向下移动 1 像素。完成这一步后,你会得到一个上下跳动的效果。

这就像伊布一样,既可以作为待机动画,也可以进化成行走动画!第二步:迈开腿!

接下来是重点,我们要动动腿了。选中左边的腿,向右移动 1 像素。

选中右边的腿,向左移动 1 像素,再向上移动 1 像素。补上移动后留下的空隙。

好了,这一帧完成了!那另外一侧的腿部动作是不是还要再画一遍?

完全不用!直接复制这一帧,然后执行“左右镜像”反转一下就搞定了!

这就是标题里说的偷懒大法。看,腿部已经走起来了!

至于反转后帽子花纹不对之类的问题,我们最后再统一修。第三步:摆动手臂只动腿可不行,手臂也得摆起来。

迈出的那条腿同侧的手臂(比如左腿迈出,就选左手臂),向内侧移动 1 像素。另一侧的手臂,我们需要手动画出它摆到身前的样子。

完成后,再次复制并镜像反转。现在,行走动画的基本骨架就完成了!

第四步:细节修复现在我们要处理刚才提到的“镜像副作用”。像帽子上的花纹、刘海的方向、肩带的位置,这些是不应该随着镜像而改变的。

我们从原始的正确图层里把这些部分复制回来,贴在镜像后的那一帧上。修改完之后……动起来了!

超可爱对吧?到这一步其实已经可以交作业了。

进阶:让头发也飘起来如果你想追求更高境界,那就动动头发吧!头发是体现角色特征的重要部位。

我们依然可以用“选区+移动”的偷懒法。选取头发的下半部分,偏移 1 像素。

在偏移后的范围内,再选取更靠下的部分,再偏移 1 像素。这样头发就会产生一种“根部动一点,发梢动很多”的自然波动感。

补好空隙,再次镜像,大功告成!最终成品展示!

是不是很有成就感?其实动画并没有想象中那么复杂。

只要掌握了“位置移动”和“左右镜像”,很多动作都能事半功倍。希望这篇小教程能给正在学习像素画的你一点启发。

如果觉得有用,欢迎点赞支持!今天也是我的生日,如果能收到大家的祝福我会更开心的~咱们下期再见!

Exit mobile version