供独立游戏开发者参考的2D美工教程(五)

经过前面四个部分的学习,我们已经掌握了基本的角色制作技术,接下来我们将学习如何给角色添加动画效果。(请点击此处阅读本教程第一第二、第三、第四第六部分内容

在前面的四部分教程中,角色的上下肢的两部分是组合在一起的,这次我打算有所改变,即用所有独立的部分组合成一个完整的角色。

我声明,这只是制作动画的方法之一。这种方法非常类似于老式剪切动画,虽然不如手绘动画或3D动画那么流畅,但更为直观,更容易掌握,且非常适合小尺寸的画面。

制作野人(动画对象)

除了面部上增加了些许复杂的特征以外,制作方法与教程三中所示的方法完全相同。

教程图1(from gamasutra)

教程图1(from gamasutra)

教程图2(from gamasutra))

教程图2(from gamasutra))

注:在上图中,四肢部分是水平翻转过的,显示了其分解步骤。如果你把这些部分呈侧视角(双足应指向同一个方向)使用,则不必如此处理。

教程图3(from gamasutra)

教程图3(from gamasutra)

教程图4(from gamasutra)

教程图4(from gamasutra)

注:多次使用后,我渐渐喜欢上CorelDraw文件的多重页面设置。不必把动画放在分离的层上制作,然后逐一浏览进程,该软件允许用户以单独一层位图文件的形式输出页,以保持层和页之间的分离。

动画

在制作动画以前,如果你能先看看其他比较基础的动画就更好了。

不要把事情复杂化,想些能运用到游戏中的东西,这样你才能有动力、有目的地进行下去。

注:

多找些参考、动画或教程材料总是有益处的。大量的参考材料可以简化结构组织,免去凭空想象和从经验出发的困难。

第一步

教程图5(from gamasutra)

教程图5(from gamasutra)

教程图6(from gamasutra)

教程图6(from gamasutra)

注:

如果你使用过Adobe Flash或其他类似的时间轴类工具,那么你对这个制作方法应该非常熟悉。使用inkscape制作图形就相当于Flash中的“影片剪辑”或“图像”。你要做的就是给中间帧添加动画,相当于在Flash中制作“补间动画”。

变体

这里的变体就是指改变和尝试不同的动作、位置、旋转角度等。在“野人”的基础上,我又设计出三个角色,作为启发:

教程图7(from gamaustra)

教程图7(from gamaustra)

教程图8(from gamasutra)

教程图8(from gamasutra)

教程图9(from gamasutra)

教程图9(from gamasutra)

希望各位从我的教程中能有所收获,学习愉快!(本文为游戏邦/gamerboom.com编译,拒绝任何不保留版权的转载,如需转载请联系:游戏邦

发布了2 篇原创文章 · 获赞 12 · 访问量 9万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览