近期热门
粉丝2530
关注 0
获赞 9612
首页 CGJOY论坛 动画作品交流 动画教程
【转载】纯干货!如何制作流畅有力的游戏动画+Skullgirls案例分析

[动画教程] 【转载】纯干货!如何制作流畅有力的游戏动画+Skullgirls案例分析

 !heats_icon! [复制链接]
12539 24 2 80 7年前 举报
01.gif

游戏动画与影视动画制作虽然看似有共通之处,但其实差别很大。
游戏动画是为玩家交互体验服务,同时需要与程序合作使其在设备上流畅运行,因此也有各种制作上的限制与要求。

在旧金山每年一度举办的游戏开发者大会(GameDeveloperConference)上,一位资深二维游戏动画总监@kinucakes以她制作的2D格斗游戏骷髅女孩Skullgirls为例给大家分享了她的创作经验。

动画热知识在这里把它们汉化并整理给大家一起分享学习~

02.jpg
03.jpg

因为@kinucakes制作的是2D格斗动画,因此在这里更多的分享的是制作2D游戏角色动作动画的经验。

讲座内容概述:

1.基本动画法则
2.如何运用到游戏中去
3.整合
4.骷髅女孩案例分析
5.参考资料
基本动画法则

04.jpg

轮廓剪影清晰一直是非常重要的准则,如果角色出拳你需要让人看到他的拳头。角色的身姿必须很容易就能让人理解他们在做什么。

05.jpg

预备动作同样能使人更容易理解动作,知道角色什么时候会出击,并且使动作更有打击感。上面这个例子中的动作只有6帧,在角色身后的龙准备往下攻击的时候,它提前张开了嘴巴,虽然只有一帧,但是使动作更完整了,你虽然看不到这一帧,但你能感觉出来。

06.jpg
07.gif

游戏中为了节约内存和保证流畅运行,通常不可以加太多的帧在里面,并且往往有力的动作是不需要太多帧数的。上面的例子中,所有的中间帧都是为了强调这两个关键动作而存在的。

08.gif

在这个例子中,动作其实是十分简单快速的。但是加了跟随动作之后使整个动作没有了跳帧的感觉,并且十分自然清楚。你可以利用角色的衣服,头发,飘带等达到这样的效果。也许很多人都想不到,其实跟随动画往往反而可以给你的动画节约许多帧数。

09.gif
10.jpg

模糊(smear)在运动过快的时候,可以更加清晰的让人看懂角色做了什么。

关于动画模糊的详细介绍还可以看热知识之前专门发布的一篇讲解文章:
被动画黄金12法则遗漏的一个重要法则

11.gif

另一个增加打击感的非常实用的小技巧。注意看上面例子中角色的手部运动。

12.gif

13.gif
14.jpg

大胆的在动画中去扭曲夸张角色的身体和关节以达到打击感增强的效果。在最终的动画中其实很难看清,但是却能感受到酷炫的打击感。

15.jpg

运用到游戏中去
16.jpg
17.jpg

骷髅女孩案例分析
18.jpg
19.gif

左边是修改之前的动画,动作非常的均匀,并且帧数较多,修改后,抽掉了中间帧,并且稍微延长了最后举起拳头的停滞时间。使动作更加有力。(非常微妙的差别,需要仔细看)

20.jpg
21.jpg
22.jpg
23.jpg
24.gif

把一个动作分解成四个简单的步骤。

25.jpg
26.gif
27.gif
28.gif
29.gif

上面这个动作修改前有11MB,修改后只有4MB,整整节省了近3倍的文件大小。

30.jpg
31.jpg
32.jpg

最后欣赏一段骷髅女孩Skullgirls游戏的制作过程视频吧~


by 动画热知识 动画派AniPie

33.jpg



2
点赞
0
打赏
80
添加到收藏夹

0

点击复制链接

使用微信扫码分享
一次扣10个券
全部评论24
您需要登录后才可以回帖 登录

常常吸取前輩的實務經驗才能增長自己的實力!
4年前
回复

使用道具 举报

真的吊。。向大神学习~希望cgjoy可以办一个手绘动画班。。作为一名动画师,不会画画,很坑啊~
7年前
回复

使用道具 举报

谢谢分享

7年前
回复

使用道具 举报

资源甚好,且阅且珍惜!
7年前
回复

使用道具 举报

好帖!!! 真干货!  
7年前
回复

使用道具 举报

膜拜神贴,后面的请保持队形~
7年前
回复

使用道具 举报

感谢分享感谢分享
7年前
回复

使用道具 举报

膜拜神贴,后面的请保持队形~
7年前
回复

使用道具 举报

谢谢分享!!!!!!!!
7年前
回复

使用道具 举报

数据加载中....
没有更多评论了
您当前使用的浏览器IE内核版本过低会导致网站显示错误

请使用高速内核浏览器或其他浏览器