像素独立游戏美术指南-使用素材制作动画

学会画单张画以后,我们制作一个简单的动画。让这个恐龙活起来。

图1

首先恐龙是2足生物,就是用两条腿跑步的,所以先找一个人类跑步的分解图。然后再找找恐龙跑步的图。

还有原先这只恐龙的图也摆出来。

图2

这里你仔细观察,会发现恐龙跑起来和人略有不同,恐龙的脚似乎比人多出一段,这样我们把恐龙最末的一段当作脚掌,这样就可以和人的下肢匹配上了。

下面人跑的这一帧刚好对应这张恐龙图。只不过人的左右腿要互换一下。

你能看出来吗?

图3

好,现在就可以开始画啦。

当然你也可以直接缩小这个恐龙参考图然后执行阀值命令获取轮廓。不过我还是建议你将上次画好的恐龙填黑,然后做一点处理。

可以发现恐龙跑的时候上半身是抬起的,所以呢用选区工具选中上半身旋转一下,记得模式选邻近。好了,然后呢,把原来的腿擦去,恩,这里最好新建2个图层,比对着参考图分别画恐龙的前后两条腿。

图4

好了,画好第一帧,继续画后面的帧,这里有一点难度,就是需要参考人的跑步帧画出恐龙的跑步帧。另外经过观察你可以发现跑步循环的时候,前后腿的动作是一样的,所以呢,这个第一帧可以复制2份。

1份备用,另一份我们来修改成其他帧。我现在要新画2帧,因为跑步所需最少的帧是6帧,起跑/落地x2,腾空x2,缓冲x2。

注意腾空帧会比起跑/落地帧矮一点,这个在人跑步分解图里用波浪线标识出来了。

图5

我选了这三帧来做参考。

实际画的时候遇到一点麻烦,就是恐龙双脚张开的时候我不知道怎么画,所以只能再找个图参考一下。找不到恐龙的,鸵鸟也可以啊,哈哈。

老实说我也是第一次画恐龙的动画。

图6

画完以后就能动起来了。

画完是3帧,然后复制1份,将前后腿替换下。我多加一种区分下前后腿就更清楚了。

上半身就不动了吧。尾巴不动有点奇怪。

找一个曲线运动的参考图,对照着画尾巴吧。这个松鼠尾巴也行。

图7

刚好恐龙的尾巴第一帧也是拱起来的。按次序选6帧来画就好了。

画完就可以动起来了。100%

图8

400%然后到这一步其实就差不多了,虽然不尽如人意,但是呢制作的步骤我都已经说清楚啦。

当然还可以继续调整,然后做脖子的动画,还有2只小脚等等。如果你对photoshop的动画功能还不熟悉呢,可以点击查看这篇文章Adobe Imageready的运用。

如果你有不明白的或者想要提问的问题,都可以留言谢谢。希望你能做出自己满意的动画。

Author: PixelBear