使用AE做UI简单动效：滑动，渐入渐出和路径动画

第一个是网页的滑动动效

动效分为两部分：页面的滑动和旁边滑块滑动。

两部分动效是分开做的，让他们同一时间运行，就能实现联动效果。

AE中的一个个动效是由一个个合成连起来的，然后在时间轴上拖动来设置你想展示的时间。首先制作页面滑动部分。把素材导入到项目中，新一个合成，我设置的页面是1366*768，预估了10秒钟。

把图层放置好顺序给动画图层添加关键帧，这里只需要设置Y轴移动即可。

关键帧要设置缓动效果。

设置Alpha遮罩，内容向上移动时会穿过面包屑和头部中间的空隙，所以要让内容只显示在显示内容的区域。

滑块滑动和这个大同小异，不再赘述。

第二个是关于logo的路径动画。

首先用钢笔工具绘制这两个路径，上面的小点不必绘制。

然后设置路径的属性：修剪路径，设置结束百分比、关键帧和缓动，最后设置logo为遮罩层

另一边同理。

关于摄像机的设置，新建摄像机图层，然后新建一个空对象图层设置为摄像机的Alpha遮罩层，用遮罩层控制摄像机的移动。