AE-UI界面交互动效

1.选择【界面特效2.psd】导入到AE，双击打开该合成。打开【点击手势】图层，在【合成设置】中，把【宽度】跟【高度】都修改为100px，并把椭圆8移动到界面正中间。

2.在界面特效2合成中选择点击【点击手势】，把该图层放在中间偏上的位置。

3.点击【关闭】图层，拉动两条【参考线】，交叉点为【关闭】图层的中间，打开【关闭】图层，在【合成设置】中，把【宽度】跟【高度】都修改为100px，并把图形移动到刚才设定的界面。

4.点击新建，新建【形状图层】，选择【矩形工具】，绘制一个跟界面一样大小的矩形，点击【填充】，把图形填充为【白色】。点击【形状图层】中的【不透明度】，数值改为90%。 

5. 选择形状图层1，【Ctrl+D】复制一个图层为形状图层2，把【填充】颜色数值改为8C18FF。再【复制】一个形状图层为形状图层3，把【填充】颜色数值改为6A10CB。

6.将形状图层1新建一个【预合成】，命名为底_白。将形状图层2新建一个【预合成】，命名为中_浅蓝。将形状图层3新建一个【预合成】，命名为上_深蓝。点击底_白图层，把【不透明度】改为90%。全选这三个形状图层，拖动到关闭图层的下方。

7.点击【底_白】图层，选择【椭圆工具】画一个圆形的【遮罩】，调整至合适的大小及位置。选择这个蒙版的【蒙版路径】，在01s的位置设置一个关键帧，把这个关键帧拖到1秒15帧，把时间轴拖到，1秒的位置，选择【模板路径】，双击锚点，把框架拖到画面外边。

8.复制底_白合成的【蒙版1】到中_浅蓝合成中，点击中_浅蓝的【蒙版路径】，将两个【关键帧】往后面拖动三个帧的位置，调整至合适的位置及大小。

9.复制中_浅蓝合成的【蒙版1】到上_深蓝合成中，点击上_深蓝的【蒙版路径】，将两个【关键帧】往后面拖动三个帧的位置，调整至合适的位置及大小。

10.全选所有【关键帧】，点击【曲线调整】，调整它的运动曲线，并调整各个帧先快后慢的节奏。