从拳头公司的CG动画讲起：如何让你的动画更有“电影感”
相信热爱游戏的小伙伴肯定知道拳头公司（Riot Games），他们不仅成功开发和运营了英雄联盟，在音乐和动画CG这方面做的也是十分的出彩，甚至被网友们戏称为“被游戏耽误了的音乐公司”。
这次小趴分享给大家的这篇文章，就以拳头公司的动画短片《瑞兹》为出发点，给大家分析了一下如何让动画短片更加有“电影感”。一起来学习吧！
什么是电影级动画短片（Cinematic）
这种写实CG风格的游戏宣传动画，篇幅都大约落在2-5分钟，讲求电影等级的精致质感，英文片名通常会加上“Cinematic”或“Cinematic Trailer”做强调，无论从分镜构图、材质光影、角色动态到特效合成的技术力都力求通通点满，通常是制作CG类动画短片公司所追求的顶点目标之一。
流行契机则是从美国的Blur工作室带起的滥觞，连续几支短片作品惊艳世界受到广大欢迎，自此之后，几乎变成所有游戏大作的必备宣传武力之一，死活都要在动画上比拚一番。而比起过去，因为3D动画软件的日新月异，软硬体的入门门坎愈来愈低，因此也有愈来愈多的动画团队投入这个创作领域，尤其是知名国际动画工作室Riot Games（误）更是当中翘楚，一方面是挟着游戏《英雄联盟》的高知名度与广大粉丝加持，另一方面当然有很多值得我们直接从作品学习的地方，而这就是本篇文章的重点啦（废话真多）！
话不多说，先看视频，再来聊聊它好在哪里。
画面重点一看就知道
不同于实拍素材需要大量的摄后剪辑，剧情动画的每一颗镜头都有其目的性，理论上在分镜阶段都有设计了它想传达的重点，通常可以分做三大类：角色表演、情境氛围、关键展开。
角色表演为主的话。那人物就是重点，画面上所有一切都是为了衬托角色而存在。人物的脸一定要打亮清晰，避开任何奇怪的反光或阴影，这里的打亮不是一定要面光，而是即使角色背光（见图），脸还是能非常清楚的被阅读被看见，这时候通常背景会柔焦、压暗或降饱和避免喧宾夺主，角色与背景会有足够对比，让人一看画面就能专注在角色上。
情境氛围为主的话。那整体画面通常是才是重点，通常用在交代环境、呈现世界观、带出整体氛围的大景或建立镜头（establish shot）。一般来说，这类型画面不是要做得华丽绝美到让人痴迷，就是色调整齐单一，氛围强烈得让人印象深刻。
关键展开为主的话。通常都是拉比较近的镜头，比方说关键道具、武器或角色动作（通常是放大招）、表情表演需要被特别交代时，这种镜头很常出现慢动作，质感清晰精致、轮廓打亮清楚是绝对基本的。
用光影、景深、颜色、休息带出重点
听起来像是基本常识，但其实仔细观察会发现不少作品是做不到的，最常发生的现象是：背景太艳、太花、太美、太亮、太清楚而把人物吃掉，或是整个画面都很均匀（flat）的模糊或清楚，很难快速抓到重点在哪里。这部分有点像是实拍电影的调色、调光，不同的是因为动画创作几乎是无中生有的过程，在前期可以做更精准的设计来控制成果。
光影。画面最亮与最暗的的地方永远必须在打灯阶段好好思考，手机靓号买卖平台有视觉引导的功能是最棒的，能把视频做到和概念美术一样的效果就是最高境界了。人的视觉一般来说会先看会动的与最亮的视觉焦点，再渐次去看不动的与较暗的细节。
景深。永远要让画面重点是清晰的，移焦是很常见的叙事表现手法，但要做的自然并不容易，电影感的特征之一就是过程中会带点运镜做辅助。
颜色。前期的色彩脚本（color script）或风格设定（style frame）相当重要，这部分也牵涉到角色设计与场景设计，好的颜色设计能让这部分在后期阶段事半功倍，比如让紫色调的瑞兹身处槁木死灰带点金黄点缀的场景中，很容易能跳出被看见，即使他在画面上只有一咪咪点大小。
休息。这和视频节奏有关，在快速的连串动作戏中加入特写作为喘息空间，在一大段花花绿绿美景之中要插入色调单纯的大景氛围让眼休息，都是在避免观众感官疲劳。最常见的作法就是在连串打斗里插入一颗动态较小的角色反应镜头，或是在连续动作中加入某些特定的停止pose（见图）与慢动作，记得要真的够定够纯，切忌让角色和场景一直躁动不安。反过来说，慢动作则是呈现英雄镜头（Hero shot）的特效药，因为只要动作一慢观众就能马上知道这地方“与众不同“，但因此使用上也必须更斟酌，避免次数过多的慢动作，令人疲倦也流于俗套。
本片的休息几乎动一卡就休息一卡，文戏的比例远超过武戏，这点和中港台制作的同类型游戏宣传动画恰恰相反，感觉我们常常用更少的时间、更匮乏的预算执行更艰巨的任务，满满的武打表演、慢动作和特效大场面，最终品质可想而知。
抓住重点，牺牲细节
我觉得这也是本片最厉害的地方之一，肯牺牲很多背景细节，或是用恰到好处的角色表演来成就真正的画面重点。
置中。构图上总是将最重要的东西置中，让观众可以最快速的看见重点。
背景绝不抢戏。最简单常见的作法就是让背景具有深邃景深，但是景深最深的地方则是完全模糊的状态，只带氛围不抢视觉，衬托角色存在感，让观众专注在前景角色。
「视觉上」观众会去捕捉主角的一颦一笑和身上无比丰富的质感细节，「感受上」则会自然体会到画面的整体协调性，而去忽略其实同样美得惊人、用心良苦的背景（通常只有美术和动画同业才会啧啧跪拜），不被过多的背景细节所干扰。
动静交替的表演。3D角色动画师通常都是在打灯前的preview阶段制作动态，但因为制作流程上的效率与便利性，这个阶段的背景和角色视觉通常都是比较单纯的，所以动画师就很容易会想要加入动态表演来丰富内容，但其实在最后呈现时可能就变得太多了（小编做了快七年角色动画才得来的好痛苦的领悟），过多、华而不实的动作都容易让视频节奏紊乱，观众没有足够的休息空间来吸收画面重点，这点同时呼应前面提到的“休息”段落。
人是非常讨厌未知的生物，我们天生就有面对新东西（任何没看过的视频）却倾向快速套用已知模式来解读的特性，因此我们喜欢为各种事物贴标签，明知老梗却乐此不疲，看到画面最好能一目了然，希望能很自然地沉浸在故事与角色中，而不是还要去「思考」改如何解读画面，甚至是因为节奏紊乱，画面繁杂，稀哩呼噜的让耐心看完的人也觉得一头雾水，而这些还都是最基本的，还不足以让人爱上你的作品。更进一步来说，如何让观众在既有模式中产生新鲜感，这才是创意人最伟大的工作了。希望以上脑补分享能帮助到你。
用其他画面再复习一下~
颜色，瑞兹的紫色与场景对比让他很能轻易的就被观众注目
背景，细节的取舍让它几乎糊成一团，毕竟这一卡画面上已经有太多视觉元素要吸收：前景的宝石、瑞兹的表情、瑞兹身上的细节都在抢戏~
光影，镜头重点在最亮的地方，但角色在暗处勾出高反差的边光，而且带一点点的移动，不可能无视，但也不会抢到重点，是相当巧妙的设计。
休息，一静接一动，上一颗镜头是动感十足的十面埋伏敌袭武戏，下一颗马上接对手表情动作偏静态的特写。
慢动作，这大概是《瑞兹》里唯一的慢动作（？），用的非常小心，大概眼睛一抓到剪影就跳卡了~
补充
还有一些可以在《瑞兹》中看到，但其实也非常非常很困难的入门门坎：
1.CG技术力要点满，视觉质量拉高到电影等级。
2.构图分镜要有层次，远、中、近景层层分明。
3.使用电影的画面比例，刻意添加上下黑Bar。
4.运镜取镜要流畅有变化性，动作表演要连戏。
5.音乐音效非常重要，能适时的烘托故事氛围。
身上透光的特殊质感，物件毛发丰富的细腻纹理，带灵性的角色五官与眼神，技术力要点满其实很难很难~
从拳头公司的CG动画讲起：如何让你的动画更有“电影感”相关推荐
- 揭秘ROIT，拳头公司，英雄联盟游戏建模师的职位要求
最近很多人问我如何0基础学习3D建模,以及3D建模行业的前景如何? 今天统一给大家写一篇行业介绍,以及3D建模可以应用到哪些领域. 一.应用范围 先解释一下什么是3D建模: 总的来说,3D是一种视觉的 ...
- 《英雄联盟》源代码被黑客窃取！起价100万美元，拳头公司拒付赎金！
上周五,Riot Games 发推称其开发环境遭到黑客攻击,入侵者可能已窃取英雄联盟 (LoL).Teamfight Tactics (TFT) 和该公司的上个版本反作弊平台 Packman 的源代码 ...
- 动画讲算法，终于来了！
Python与算法社区 已原创430篇,干货满满 值得星标 01 02 03 三步加星标 没有看起来的轻松,只有上下求索的艰辛,实话讲,我从下午4点到现在,一口饭没吃,一口水没喝,只为了尽快做出,我的 ...
- 拳头公司是哪个国家的
拳头公司 拳头是一家美国网游开发商,成立于2006年,代表作品<英雄联盟>. Riot Games(拳头公司)是美国的一家游戏开发商,成立于2006年,总部位于加州圣莫尼卡,现为腾讯旗下子 ...
- 《英雄联盟》要破产？拳头公司把服务器都卖了……
<英雄联盟>是一款2009年10月27日正上线的一款游戏,很快就风靡全球.不过你知道吗?这款游戏最初始的测试服务器已经上线了拍卖了. 美国拳头游戏(Riot Games)公司开发,国服是由 ...
- D3D角色动画学习笔记（一）——角色动画简介与初步规划
D3D角色动画学习笔记(一)--角色动画简介与初步规划 写这个系列是基于自己学习角色动画之后,相对自己的成果做一个整理,还可以给大家做一个角色动画的预览,可能会节省大家的一点时间,同时也希望各位大神能 ...
- CSS3动画进阶：tranform与keyframes 组合动画
场景 原型链接: https://qiniu-static.moyuvedio.com/video/magicBox.MP4 公司最近有个盲盒活动,要求h5链接上需要放个盲盒动画,实际可以使用gif或 ...
- unity2D动画-角色切片与2DAnimation插件做动画
unity2D动画-角色切片做动画 写在前面的话 开发环境与准备 用角色切片做动画 终于可以Key动画了 2DAnimation插件做动画 总结 写在前面的话 更新 建议有复杂2D动画需求的话用spi ...
- flutter 动画json_使用lottie加载json动画
先上效果图,这个是做的一个仿抖音的点赞动画: giphy.gif 众所周知,属性动画.补间动画通常只能做一些效果简单的,而做复杂的动画可采用gif图,帧动画,但是这样资源空间增大导致apk增大不小.而 ...
最新文章
- QT串口2--控制GSM模块的使用
- QT的QLocale类的使用
- js获取request中的值_基于node.js的开发框架 — Koa
- 用机械硬盘安装linux,HDD 机械硬盘 安装 linux(centos7)
- String，StringBuffer，StringBuilder效率优先关系说明
- JVM常见的七种垃圾收集器的简单比较
- 编译报错：make: *** No rule to make target (例如:starg.h)解决
- 管道读写报错121：信号灯超时时间已到
- macos sierra_如何在macOS Sierra中恢复“剩余电池时间”
- 稳定排序与不稳定排序的区别
- MATLAB制图代码
- 去掉网页从网页中拷贝到word中段落带有的背景颜色
- emule中节点加入Kad网络过程（源代码详解）
- 【html】网页常用分享代码大全(前端必备)
- 36氪独家｜「秦汉胡同」完成1亿元A轮融资，将发力线上内容产品和女性生活学习服务社群...
- moocpython答案_中国大学moocPython编程基础题目及答案
- JavaScript 案例综合提升
- 纯净简洁绿色的解压缩软件
- 要不是这个沙雕网站，我这辈子都见不到这么多沙雕网站！
- 极其简单的JDK安装步骤（图文）