英雄联盟里的动画原来是这样做出来的

发表于2017-07-13
评论0 2.9k浏览

想免费获取内部独家PPT资料库?观看行业大牛直播?点击加入腾讯游戏学院游戏美术行业精英群

167422913

原图

为了表示对拳头公司的敬意,先放一张原图,不知道是哪位画师...


成品图(静态)




成品图


虽然选了这张原画,但是其实我卡牌就玩过几局,比较渣╮(╯▽╰)╭


由于微信的限制,点击放大看吧。......

在讲制作方法前,需要说给大家说下骨骼动画。


什么是骨骼动画?



当前有两种模型动画的方式:顶点动画骨骼动画


顶点动画每帧动画其实就是模型特定姿态的一个“快照”。通过在帧之间插值的方法,引擎可以得到平滑的动画效果。


骨骼动画模型具有互相连接的“骨骼”组成的骨架结构,通过改变骨骼的朝向和位置来为模型生成动画。


AE骨骼动画插件介绍



 Anime Studio Pro


*提供了多种高级动画工具和特效来加速工作流程。用2D技术实现了以前只有用3D软件才能实现的“bone rigging”功能。能使画有骨骼构造的图片能有自由地活动。



Aescripts Puppet Tools 3


*AE木偶图钉动画绑定脚本,通过Null空物体来控制角色骨骼,相当于3D软件的IK,十分方便,对于做角色Motion动画对话,非常便利。



骨骼动画流程分析


选一个简单的例子,来梳理清楚制作思路,特效什么的后期随意上就好了.


第一步:选择一张简单的人物图


第二步:拆解它



第三步:使用插件在AE中拼接好,需要注意的是从属关系(父子级),例如,眼睛从属于头部,头部从属于身体




第四步:给每个关节制作动画关键帧

以前做好的动画找不到了,请自行脑补- -


制作流程


1.拆解、补充

1.用了点时间,把原图拆解开来。

2.然后补充一下背景和肢体的局部,以求完整度。

3.自己画个卡牌

太血腥了,不忍心放上来,可怜的卡牌...



2.AE里面整合


尽量还原成原画里的样子,可以在背后放张原画做参考




3.人物动态


拖拽Parent的螺旋,来设置从属级别,比如手目前就是从属于身体,移动身体,手也会跟着移动。当然如果使用骨骼插件,会更有趣,但是对的图片关节精细度更高。



图钉工具是个好东西,可以帮助你实现一些轻微的呼吸,扭动等效果。





4.绘制卡牌轨迹


在AE里建立3D路径,然后把制作好的卡牌应用到这个轨迹里做运动,一共只需要做三张就好,剩下的通过复制-时间轴错位来制作。






5.制作光效


使用Fractal Noise插件来制作火焰特效,然后加入水波纹Ripple特效来完成火焰的摆动。(其实这个做法现在来看还能做得更好,无奈当时只会这个╮(╯▽╰)╭哎)




6.细节修饰


用蒙版遮罩制作卡牌的投影,发光Glow特效制作窗户的闪烁




7.整体渲染


是不是看起来和原图有点像了呢?




最后AE导出视频,使用PS导入视频做序列帧,另存为GIF就可以了。


整体动态做得还不够好,因为当时只是想把想法付诸实现一下,比如卡牌的比例还没有调整到与原图一样的大小等等,无奈只是摸鱼之作,分享给喜欢的设计师们~

原文链接

著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

游戏学院公众号二维码
腾讯游戏学院
微信公众号

提供更专业的游戏知识学习平台