时钟动画效果

这次的工程主要分为三个过程：

1.   用蒙版画出时钟的外形

2.   用Echospace插件做出表盘刻度

3.   径向擦除和时针旋转角度绑定

下图是gif效果图，好像上传看不到动态效果。。。。

 

【用蒙版画出时钟的外形】

首先新建一个合成，将合成长宽比按1：1设置，像素比设置成方形像素。

然后新建一个白色固态层，选择这个层，在工具栏上选择【椭圆蒙版工具】，双击。然后固态层就自动加上一个正圆的蒙版。（双击蒙版工具，会按照当前合成的长宽，自动画出一个最大的椭圆蒙版。当合成为正方形时，就会画出一个正圆。）

现在得到的是一个实心圆。为了得到环形，需要在这个层里，把蒙版复制一份，模式变为【相减】.展开【相减】的蒙版，把【蒙版扩展】调成负数，蒙版就按照圆心缩小半径。（蒙版1包含蒙版2（因为同圆心且蒙版2半径小），【相减】模式使图层从第一个蒙版范围中把第二个蒙版范围扣去。）

【用Echospace插件做出表盘刻度】

先用蒙版画个刻度的样子。然后应用Echospace插件。因为时钟有12个小时刻度，所以复制12份。把【ZRotate】调成30度。因为一个圆是有360°，12个刻度围成一个圆，也就是每个刻度占360/12=30°。现在画面会变成一朵菊花。接下来需要把菊花扩大。

 

找出原本的图层，也就是你亲手用蒙版画的刻度。在【位置】属性里面，把【y轴】数值调大。（因为Echospace插件复制出来的图层，图层基本属性会和原图层一样，也就是说原图层Y轴为100，其他图层也跟着变成了100。可以看到图中有个红框，这个红框左上角正好在菊花的中心，这个位置是【锚点】，可以简单理解为Y轴的数值就是相对于这个锚点的距离。

这里调节Y轴会使菊花扩大，是因为这些图层在【Z Rotate】的影响下，依次转过了30°。你就可以理解成，现在每个图层，按照自己偏转的角度，向前走了100。于是菊花就松大了。

【径向擦除和时钟旋转角度绑定】

新建一个蓝色的固态层，画成这个样子。别问我怎么画的，就是用蒙版画的。和前面画环形差不多，自己思考下，多试试蒙版的不同模式。

画完后给它加上【径向擦除】。【径向擦除】就是围绕一圆心，擦除。

 

把时针中心点什么的放好。时针的定位点（锚点）怎么放也自己思考下。然后给其中一根时针的【旋转】打出关键帧，让它在一定时间内转过一定角度。然后找到【径向擦除】--【过渡完成】，按ALT键点一下它的码表，在图层栏里面展开，找到【过渡完成】这一条，这时它下面会出现一个蚊香一样的图标，点击按住，拖出一条黑黑的东西，把它拖到蓝色固态层的【旋转】属性上。然后就看到【过渡完成】的时间轴有一条表达式。

 

【AE的表达式都是返回一个值，给属性用。也就是【过渡完成】的表达式会返回一个计算结果，作为【过渡完成】的数值。】

留意到时针转一圈为360°，而过渡完成一圈是100%。所以要进行数值转化。在【过渡完成】表达式后面，加上【/3.6】。就把角度转化为百分比了。此时虽然时针的旋转角度已经和过渡完成绑定在一起，但是它们因为设置问题，并不是在同一个方向运动。

于是问题就来了，挖掘机技术哪家强？怎么把时钟扫过面积和蓝色出现面积联系在一起？这个就自己研究吧，研究下【径向擦除】的选项，研究下表达式，用理性思维思考一下该怎么做。

（反正这次的重点就是，多试试选项，然后理性思考。。。。）

（完）