首页 > 技术交流 >AE文章教程> 【AE教程】使用time表达式制作一个简易AE的时钟动画-AE实例教程

【AE教程】使用time表达式制作一个简易AE的时钟动画-AE实例教程

0


使用time表达式制作一个简易AE的时钟动画


AE实例教程-步骤一:准备素材

         制作任何一个动画往往都离不开素材,首先准备的工作当然是需要准备一些需要使用到的素材,这个实例教程仅仅是制作一个时钟的动画,因此我们可以将一个钟面进行拆分一下,首先我们要准备一下一个钟表面,这个很简单只要找一个圆即可,当然因为是简易的因此也不是很需要对应的数字,然后再准备一个分针以及时针素材即可。这里当然也可以自己进行作画,当然为了方便,小编直接在网上进行了对应的素材寻找并进行了抠图的操作!如下:



AE实例教程-步骤二:新建项目

        打开Ae软件新建一个项目如下图:

image.png

        新建项目完成后点击合成新建一个合成,这样一个新的合成项目就建立好了!

        由于这里小编用的都是透明的钟表面,因此在这里需要建立一个新的图层。点击图层新建一个纯色图层即可。如下图

image.png

        当然图层的颜色可以根据自己的喜好进行确定。


AE实例教程-步骤三:导入素材

       将之前寻找好的素材进行对应的导入。这里需要注意的是,导入过后的素材并不会立即在展示框显示,需要添加到下方的工作区。

image.png

        有的小伙伴会发现为什么素材拖到下方也不能再右方显示导入的素材,这里给大家解答一下!下面的素材是按照层级来分布的 排在越上面就在越上层显示,因此我们应该将对应的底色跳帧到最下方,如图,这样才能正常展示导入的素材

image.png


AE实例教程-步骤四:调整锚点

        这里解释一下锚点,锚点是指一个图片或者图形旋转的中心,这里是AE引入的概念,这个锚点是至关重要的,可以通过点选对应的图片然后点击image.png即可调整对应图片的锚点!

          我们都知道分针和时针的锚点,也就是旋转点均是针尾,处于钟表面的中心,这样我们将对应的分针与时针的锚点都调整好,并与钟表面中心对齐!如图:

image.png

AE实例教程-步骤五:编写旋转time表达式

        这里向大家说明一下,分针转了时针才能转,这样我们可以将分针的旋转看成是时针旋转的父级!因此我们先编写分针的旋转的表达式即可,这里我们我们直接点击时针图层的下拉菜单,同时按下alt键加上左键并点击旋转属性前面的小秒表形状的按钮,这样在右边就能调出表达式编辑框如下图

image.png

这里我们给分针一个旋转的指令time*720,这里720代表旋转的速度,可以根据实际进行填写!这样就完成了分针的旋转表达式编写!可以测试一下,在演示框点击预览可以看到对应的分针能够正常的旋转了!

       那么下一步,绑定时针的旋转!前面我们说了时针是跟着分针旋转的,因此我们绑定对应时针分针的动作即可,同样调出时针的旋转操作!点击下方的类似蚊香的按钮拖动至时针的旋转动画即可完成子父级绑定!如下图:

image.png

         当然旋转的表达式是会自动生成的!因为在分针转动一周后时针才转动一周的十二分之一,这里我们要将对应的表达式进行处理如下图:

image.png


        至此整个钟表的动画就完成了!可以自行点击视频预览,可以看到对应的钟表就动起来了,如果想进一步优化,可以增加表面的一些数字元素等等,当然这是后期需要制作的步骤,这里就不再做详细的讲解了





专题推荐

>> 更多

签到

活动

客服

QQ群

二维码

微信客服

1
2
3
4
5
6
7
立即签到

签到成功

恭喜您连续签到7天

获得5金币