个人动态名片

深圳/动画师/10年前/2299浏览

版权

个人动态名片

昨晚做了一个个人动态名片，发到群里，同学们让我分享一下教程，我就来了。呵呵

每个人做动画都有自己的一些习惯我比较喜欢先把动画构思好然后再去做过程中也可以因地制宜加入一些有趣的元素。不知道大家是不是，我之前做元素的时候总喜欢在ps里面做好再导到ae里面去，我后来发现在ae里面直接做元素，放大缩小不会出现像素问题而且还可以把形状上的改变做成动画，建议大家尽量画元素的时候在ae里面画。

说说我们这个动画我做得第一步就是先把一些小素材做出来

素材1：首先我们先来做眼睛：

首先用图形工具先画一个圈，然后眼白那部分可以参考一下这样做

用钢笔工具

就是先拉直线,闭合直线中间添加一个节点，然后拉出来，下面也是，再用曲线吧形状拉出来，去掉外框线填充颜色变白中间加个黑色的圈圈就变成这样了

好了这时候我们选中两个层打个合成（ ctrl+shift+c）

外面的黑圈圈不用教了把，

复制一层黑圈圈，放在眼睛上面，然后再眼睛的TrkMat里面选中Alpha Matte 这样眼睛就只会在黑圈圈上面显示，就像这样

这时候我们帮图层打上3D层为什么要打3D层，为什么要打3D层呢后面会跟大家说，大家先不要急。

到了现在我们迎来了本动画第一个关键帧调节了，说实话我比较喜欢调动作，最讨厌做元素跟画东西了。

其实动画很简单，我们要实现一个效果就是眼珠是从后面转过来的。

做法是先把时间线往后拉一点，在下图的这几个地方打上关键帧，然后再往回15帧左右把眼睛移动出黑圈圈的范围，然后scale的y轴参数调成0， z rotation的参数调节主要是为了让圈圈看起来更像是一个球面。

素材2：激光

可以用钢笔工具画出来然后用shape里面的path来做动画。这里就不详细说了。

素材3：光圈

这个光圈也是用形状做出来的只是加了个模糊动画是用scale来调节考虑到眼睛发射激光得先有个储存能量的过程，所以我的光圈是先由打到小再由小变大的··

素材4：碎片

这个没什么好说的就是particular插件，参数供大家参考

关键帧是数量，下一帧是0.

一些同学可能不知道我这个很像是3d的东西是怎么弄出来的。

我解释一下：

思路是，复制一个层往z轴移一个像素再复制一个层往z轴移一个像素，到了一定的数量看起来就像是3D了。有同学肯定会觉得这样很麻烦，一个一个复制一个一个改参数这里我给大家一个表达式：position+[0,0,(index-1)*1] 放position里面复制出来就会变成3D 除了第一个中间的跟最后一个层都用fill插件改变下颜色看上去就更像3D了

打合成，调一下中心点

然后点开这个像太阳一样的东西具体叫啥我也不知道，我教它小太阳，点开小太阳的效果就是，你移动或者旋转的话合成里面的层要是有3D距离的话，就会根据它的透视移动或者旋转，大家试试就知道了，大家看我的3Dlogo很多旋转的动作，像我这么懒的人怎么可能是自己调出来的我分别在xyz的旋转轴加上这个表达式wiggle(5,123) 前面的数字式是控制频率后面的是控制幅度，也是自己试试就知道了。然后就会自己动起来了。