请选择 进入手机版 | 继续访问电脑版
搜索
查看: 4882|回复: 5

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

[复制链接]
  • TA的每日心情
    开心
    2020-9-4 18:08
  • 签到天数: 12 天

    [LV.3]偶尔看看II

    发表于 2017-2-22 15:39:03 | 显示全部楼层 |阅读模式
    游戏动画与影视动画制作虽然看似有共通之处,但其实差别很大。
    游戏动画是为玩家交互体验服务,同时需要与程序合作使其在设备上流畅运行,因此也有各种制作上的限制与要求。

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

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

    0?wx_fmt=png.jpg
    0?wx_fmt=jpeg.jpg

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

    讲座内容概述:

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

    0?wx_fmt=jpeg.jpg

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

    0?wx_fmt=gif.jpg

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

    0?wx_fmt=jpeg.jpg
    0?wx_fmt=gif.jpg

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

    0?wx_fmt=gif.jpg

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

    0?wx_fmt=gif.jpg
    0?wx_fmt=png.jpg

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

    关于动画模糊的详细介绍还可以看热知识之前专门发布的一篇讲解文章:

    0?wx_fmt=gif.jpg

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

    0?wx_fmt=gif.jpg

    0?wx_fmt=gif.jpg
    0?wx_fmt=png.jpg

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

    0?wx_fmt=jpeg.jpg

    运用到游戏中去
    0?wx_fmt=jpeg.jpg
    0?wx_fmt=jpeg.jpg

    骷髅女孩案例分析
    0?wx_fmt=jpeg.jpg
    0?wx_fmt=gif.jpg

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

    0?wx_fmt=jpeg.jpg
    0?wx_fmt=gif.jpg
    0?wx_fmt=jpeg.jpg
    0?wx_fmt=jpeg.jpg
    0?wx_fmt=gif.jpg

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

    0?wx_fmt=jpeg.jpg
    0?wx_fmt=gif.jpg
    0?wx_fmt=gif.jpg
    0?wx_fmt=gif.jpg
    0?wx_fmt=gif.jpg

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

    0?wx_fmt=jpeg.jpg
    0?wx_fmt=jpeg.jpg
    0?wx_fmt=gif.jpg

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




  • TA的每日心情

    2017-10-19 13:59
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    发表于 2017-10-6 15:30:25 | 显示全部楼层
    感谢分享~~~
    回复

    使用道具 举报

    该用户从未签到

    发表于 2018-1-12 13:10:47 | 显示全部楼层
    这个太实用了,谢谢分享!
  • TA的每日心情
    开心
    2018-4-2 17:55
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    发表于 2018-3-27 23:58:08 | 显示全部楼层
    谢谢分享
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2018-4-2 17:55
  • 签到天数: 6 天

    [LV.2]偶尔看看I

    发表于 2018-3-28 00:00:07 | 显示全部楼层
    谢谢分享
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2020-6-11 22:55
  • 签到天数: 33 天

    [LV.5]常住居民I

    发表于 2018-4-4 09:42:30 | 显示全部楼层
    谢谢分享!
    回复

    使用道具 举报

    快速回复
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|手机版|坑网 ( 浙ICP备13019925号 )

    GMT+8, 2024-3-29 23:43 , Processed in 0.058058 second(s), 27 queries , Gzip On.

    Powered by Discuz! X3.4 Licensed

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表