Hello!大家好,我是小申羊。
今天给大家带来的案例是:钟表秒针动画,注意,这个秒针并不是连续的旋转,而是类似于机械手表那种,秒针嘀嗒嘀嗒跳动的那种效果。
制作钟表指针动画
废话不多说,大家看看最终的效果吧。(视频长约5s,大约1.7M流量)
我这里只做了6秒的动画,如果要做60秒也是可以的,只是没那个必要,另外,分针和时针的动画也没做,原因很简单——太简单了。(分针和时针只需要给旋转属性打关键帧即可,相信大家都会。)
下面是图文教程。
素材哪里找?
这里我是从千图网下载的素材,不得不说,千图网的资源是非常丰富的,只是,不充会员的话,一天只能下载一个文件而且限速很严重......
我们用Ai将下载下来的钟表素材打开,进行简单的处理:
1. 在Ai中新建一个1920*1080的文件(因为我们Ae合成也是1080p的);
2. 然后将我们下载的素材复制粘贴到新建的文件中;
3. 调整钟表的大小。
4. 这时候要对素材进行一些改造,因为我们要做钟表动画,所以必须将时针、分针、秒针分离出来。
5. 将整个钟表分成:表盘、铆钉、时针、分针、秒针这些部分,并且每一个部分都分别放在一个图层中。(这样做的好处是可以分层导入到Ae中。)
Ai分层文件
素材的导入打开Ae,新建合成,双击项目面板的空白处,打开素材导入对话框,导入我们保存的Ai分层文件,这时会弹出一个对话框,我们选择导入分层素材,并且保持文件大小(可以使每部分的中心点都位于合成的中心)。
Ae导入分层素材时的设置
导入Ae的钟表素材
如何添加表达式在Ae中,给属性添加表达式非常简单,只需要按住alt键的同时单击属性前面的秒表即可,如果要取消表达式,按住alt键再次点击一次即可。
要学的表达式1. time
介绍:简单来说,就是获取当前的时间值;我们的合成开始时间一般都是从0开始,所以就表示指针所指示的时间值;
不过,如果合成开始的时间不是0,那么就表示当前指针指示的时间-合成开始的时间。
2. linear(t,tMin,tMax,value1,value2)
介绍:呃,貌似挺复杂的;先来介绍一个单词:linear(线性),简单来说,就是线性插值的一个函数,比如说,我们给一个对象的旋转属性设置如下表达式:linear(time,0,2,0,90)
那么它的含义就是:对象在0-2秒的时间内从0度旋转到90度,并且这个过程是均匀的(也即所谓的线性)
3. Math.floor(value)
介绍:这个是取整函数,并且是向下取整函数,我举个例子大家就明白了。
Math.floor(2.1)
如果运行这个表达式,那么结果就为2,所谓向下取整,意思是:不超过该值的最大整数。
秒表动画的表达式设置
a=linear(time,0,6,0,30);
解释:给a设置一个线性表达式,在0s-6s的时间内,使a的值从0度均匀变化到30度。
b=a/6;
解释:a的值除以6,并且将这个值赋给b;(请大家思考,为什么要除以6?)
c=Math.floor(b);
解释:使用向下取整函数,对变量b进行取整。(这一步有什么作用?请大家用数学中的分段函数来思考一下)
d=6*c;
解释:将上述取整后的值,再乘以6,并且把这个值赋给d。(思考:为什么又要乘以6?提示:钟表的最小刻度是一格子6度)。
linear(time,0,6,d,d);
解释:最后再使用一次线性插值函数,时间从0s变化到6s,数值从d变化到d。(思考:既然两个d相同,那么可否省略一个?)
配音效到这里呢,秒针动画就设置完毕了,此时如果再添加一段秒针嘀嗒嘀嗒的音效,那就完美了!所以,我从站长之前下载了一段音效,加入进来,这样,整个动画就制作完毕了!
如何获取资源?大家可以关注公众号:【小申羊】,回复关键字:【钟表动画】,即可获取.aep源文件及钟表、音频素材。
本次案例到这里就结束了!谢谢大家的观看。