机械停表读数动画,如何读机械停表的数

首页 > 教育 > 作者:YD1662024-11-13 00:22:38

Hello!大家好,我是小申羊。

今天给大家带来的案例是:钟表秒针动画,注意,这个秒针并不是连续的旋转,而是类似于机械手表那种,秒针嘀嗒嘀嗒跳动的那种效果

机械停表读数动画,如何读机械停表的数(1)

制作钟表指针动画

废话不多说,大家看看最终的效果吧。(视频长约5s,大约1.7M流量

我这里只做了6秒的动画,如果要做60秒也是可以的,只是没那个必要,另外,分针和时针的动画也没做,原因很简单——太简单了。(分针和时针只需要给旋转属性打关键帧即可,相信大家都会。)

下面是图文教程。


素材哪里找?

这里我是从千图网下载的素材,不得不说,千图网的资源是非常丰富的,只是,不充会员的话,一天只能下载一个文件而且限速很严重......

我们用Ai将下载下来的钟表素材打开,进行简单的处理:

1. 在Ai中新建一个1920*1080的文件(因为我们Ae合成也是1080p的);

2. 然后将我们下载的素材复制粘贴到新建的文件中;

3. 调整钟表的大小。

4. 这时候要对素材进行一些改造,因为我们要做钟表动画,所以必须将时针、分针、秒针分离出来。

5. 将整个钟表分成:表盘、铆钉、时针、分针、秒针这些部分,并且每一个部分都分别放在一个图层中。(这样做的好处是可以分层导入到Ae中。)

机械停表读数动画,如何读机械停表的数(2)

Ai分层文件

素材的导入

打开Ae,新建合成,双击项目面板的空白处,打开素材导入对话框,导入我们保存的Ai分层文件,这时会弹出一个对话框,我们选择导入分层素材,并且保持文件大小(可以使每部分的中心点都位于合成的中心)。

机械停表读数动画,如何读机械停表的数(3)

Ae导入分层素材时的设置

机械停表读数动画,如何读机械停表的数(4)

导入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源文件及钟表、音频素材。

本次案例到这里就结束了!谢谢大家的观看。

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.