【深度揭秘】LOL的那些酷炫的登录动画究竟是怎么做出来的？(一)

*本文仅为个人经验和观点，欢迎对这方面有研究的小伙伴在评论区拍砖和讨论

破美工按：作为一个S2开始入坑的LOLer，同时也作为一个设计师，除了会格外留意LOL的客户端及官网（这里指美服）的海克斯科技风格的视觉设计外，还特别钟爱LOL出的各种登录动画(Login Screen）(也被叫做动态壁纸)。当然现在很多游戏都有这样的登录动画了，不仅仅是同类型的如：王者荣耀，甚至连斗地主都有了。本文将主要探讨LOL的登录动画。

先上一个刚出的牛叉的登录动画撑一下场面~

拳头的动效师一般都不满足于把一个静态的原画做"动"，他们更多的是在通过刻画动作和神态去表现英雄的性格。

甚至有时候还会结合英雄的技能去制作动画。

有的甚至还会有一个简短的剧情。

制作登录动画一般可以使用的软件有AE、Spine，以及龙骨。

在上面的三个软件里，让静态图片动起来的基本原理都是给图片添加网格，网格的点和线会控制它附近的像素，这样通过控制网格的运动就可以让静态图动起来。

所以网格分布就变得尤为重要，但是我们知道在AE里面只能控制网格的数量和拓展，但是不能控制网格的分布。

而龙骨和Spine则是可以自定义网格。

这样做出来的动画就可以更加细腻，甚至可以轻松的实现一些伪3D的效果。

如果使用AE要达到上图的效果可能就需要在PS里面进行分层和补面。所以如果可以直接控制网格那么也会减轻工作量。

所以我最早在学做登录动画的时候，就是先使用龙骨做好人物动画，然后导出序列到AE中，再做后期特效。

但是这种方式的弊端也很明显，就是当特效需要和人物动画进行互动的时候就会很奔溃（难道要逼我用跟踪……？）。

综上所述，做图片变形动画Spine和龙骨是更专业的，但是AE的网格已经能帮你解决大部分问题了，所以LOL的登录动画的动画部分主要也还是使用AE一次性完成的。

当然，有的时候动效师们为了达到极致的效果，还会配合使用一些3D软件，如AE自带的3d插件E3D，以及我们熟知的C4d。

我在自己制作登录动画时，通常会把它分成这四个部分（按照我做的先后顺序）：骨骼动画、飘动动画、表情动画、特效动画。

在下次的文章里，我们将详细介绍这四种动画的制作方式。

--全文完--

觉得有收获或者启发的话，记得三连哦~

-- 文章相关视频 --