今天呢，教大家使用AE制作简单的APP页面动效，先来看一下效果。
首先，你需要下载一个AE，一个PS。
咳咳说正经的。
1.先在PS当中准备好分层的设计稿PSD文件，记住，同样运动的图层可以进行合层，不运动的进行合层，形状图层全部转换为智能对象或者栅格化。
3.双击左侧项目空白处，【导入psd文件】进来。导入种类-保持图层大小，图层选项-可编辑的图层样式。调整一下图层位置名称，方便一会儿制作使用。
6.其他同样动画的同理。
7.制作山从无到右的动画：选择锚点工具，将山层的中心移动到它自己的最下方。
时间线移动到第一帧，在缩放（S）和不透明度（T）打一个关键帧。时间线移动到18帧左右，缩放取消勾选锁链，只调y轴从0至100。不透明度从0到100%。
8.线的影子动画只做透明度即可。
9.走线动画：选择line层，最上方工具栏当中找到椭圆形状工具（其实什么形状都可以），在画布中绘制出蒙版，
点击蒙版路径码表在第一帧打下关键帧，在25帧打下关键帧，ctrl+t调整蒙版使line全部显示。其余几个走线动画同理。
10.点跟随动画：选择circle层，在13帧打下位置和不透明度关键帧，位置放在曲线中间半山腰，不透明度调为零。在25帧，位置挪到左后终点，调整不透明度为100%。所有位置曲线都默认是贝塞尔曲线，选择钢笔工具，在位置曲线上添加锚点，并且通过拖拽手柄锚点使运动曲线贴合白线。
想要更好更快的学会UI设计，给自己制定个学习规划是少不了的，提供一个篇了解UI设计发展的文章：
分享到:
閱讀更多 蒹葭小夏 的文章
