1.打开软件AE,将做好的PS的iphoneX的素材层拖到AE中点击确定导入进来。
![](http://pic.huke88.com/upload/content/2017/10/14/15079923349072.jpg)
2.双击拖入进来的iphoneX界面层打开。
![](http://pic.huke88.com/upload/content/2017/10/14/15079923412165.jpg)
3.再将做好的PS的iphoneX手机框的素材层拖到AE中点击确定导入进来。
![](http://pic.huke88.com/upload/content/2017/10/14/15079923559827.jpg)
4.再双击打开合成,右键选择【合成设置】将【背景颜色】设为白色,点击确定。
![](http://pic.huke88.com/upload/content/2017/10/14/15079923669712.jpg)
5.选中卡片1图层,将其位置挪到卡片2的左边,再选中卡片3图层将其移到卡片2的右边,使三个卡片均匀分布。
![](http://pic.huke88.com/upload/content/2017/10/14/15079923877091.jpg)
6.选中卡片1、2、3图层将位置挪动,使卡片1在屏幕中间。
![](http://pic.huke88.com/upload/content/2017/10/14/15079923954106.jpg)
7.选中卡片3个图层,按【P】键调出位置属性,点击【位置】前面的小闹钟打上关键帧,后移几帧再将【位置】向左移动卡片2在屏幕中间时再打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079924944121.jpg)
8.选中所有的关键帧按【F9】添加缓动,选中后面三个关键帧调整一下曲线。
![](http://pic.huke88.com/upload/content/2017/10/14/15079925079072.jpg)
9.选中两个背景图层,按【T】键调出不透明度属性,将上面的背景层设为0,下面的背景层设为100%对应上面位置的第一个关键帧打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079925164398.jpg)
10.后移几帧,将上面的背景层设为100%,下面的背景层设为0%再打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079925247493.jpg)
11.选中【不透明度】的四个关键帧按【F9】添加缓动。
![](http://pic.huke88.com/upload/content/2017/10/14/15079925322813.jpg)
12.双击进入卡片2合成中,选中圆角矩形图层,给图层下面的【蒙版路径】在2秒的位置打上关键帧,将时间线后移几帧,双击圆角矩形四边的框,将其拉大,使其充满合成再打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079925792449.jpg)
13.选中两个关键帧按【F9】添加缓动,点击时间轴左上角调整曲线,使其先快后慢。
![](http://pic.huke88.com/upload/content/2017/10/14/15079925889473.jpg)
14.选中更多的图层按【T】键调出不透明度属性打一个关键帧,后移几帧将【不透明度】设为0在打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079925961798.jpg)
15.选中工作图层和椭圆1图层【Ctrl+Shift+C】创建预合成,命名为工作icon。
![](http://pic.huke88.com/upload/content/2017/10/14/15079926029361.jpg)
16.将上个预合成上面的所有图层也全选中【Ctrl+Shift+C】创建预合成,命名为卡片2内容。
![](http://pic.huke88.com/upload/content/2017/10/14/15079926165046.jpg)
17.选中刚才的两个预合成按【P】键调出位置属性都打上关键帧,后移几帧将工作icon的位置上移再打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079926264799.jpg)
18.将卡片2内容也【位置】也上移打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079926337484.jpg)
19.选中【位置】的四个关键帧按【F9】添加缓动,在调整曲线,使其先快后慢。
![](http://pic.huke88.com/upload/content/2017/10/14/15079926428959.jpg)
20.回到总合成双击进入卡片2展开合成,右键选择合成设置将背景颜色改为白色。
![](http://pic.huke88.com/upload/content/2017/10/14/15079926529133.jpg)
21.回到总合成,选中添加条层,使用【椭圆工具】绘制一个圆形。
![](http://pic.huke88.com/upload/content/2017/10/14/1507992664103.jpg)
22.使用【中心点工具】将中心点放在绘制的圆的中心。
![](http://pic.huke88.com/upload/content/2017/10/14/15079926758076.jpg)
23.将添加条位置挪动到右下角同样的添加按钮上面。
![](http://pic.huke88.com/upload/content/2017/10/14/15079927131785.jpg)
24.进入到卡片2展开的合成中按【P】键调出位置属性打上关键帧,前移几帧将【位置】下移再打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079927264062.jpg)
25.选中【位置】的两个关键帧按【F9】添加缓动,在调整曲线。
![](http://pic.huke88.com/upload/content/2017/10/14/15079927679341.jpg)
26.按【T】键调出不透明度属性设为0打上关键帧,后移几帧在将【不透明度】设为100再打上关键帧,选中两个关键帧按【F9】添加缓动。
![](http://pic.huke88.com/upload/content/2017/10/14/15079927744886.jpg)
27.回到总合成中,选中顶部黑色和顶部白色两个图层,按【T】键调出不透明度将顶部黑色的【不透明度】设为0%将顶部白色的【不透明度】设为100%都打上关键帧,再将顶部黑色的【不透明度】设为100%将顶部白色的【不透明度】设为0%再都打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079927877421.jpg)
28.进入卡片2展开合成中,双击白色页面进入合成中,右键选择【合成设置】将【背景颜色】设为白色,点击确定。
![](http://pic.huke88.com/upload/content/2017/10/14/15079927959770.jpg)
29.双击进入到删除的合成中,将删除的显示轴后移。
![](http://pic.huke88.com/upload/content/2017/10/14/15079928068269.jpg)
30.选择一个对勾的文件拖到合成中放在删除图层的上面。
![](http://pic.huke88.com/upload/content/2017/10/14/15079928124078.jpg)
31.将对勾的时间轴和删除对齐,右键选择【合成设置】将【背景颜色】设为白色,点击确定。将对勾缩小。
![](http://pic.huke88.com/upload/content/2017/10/14/15079928194341.jpg)
32.回到白色页面合成中,选择删除图层,给【不透明度】设为100%打上关键帧,后移几帧将【不透明度】设为0在打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079928273981.jpg)
33.选中列表1和列表2两个图层给【位置】打上关键帧,后移几帧将位置上移再打上关键帧。
![](http://pic.huke88.com/upload/content/2017/10/14/15079928349456.jpg)
34.选中所有的关键帧按【F9】添加缓动。
![](http://pic.huke88.com/upload/content/2017/10/14/150799284210.jpg)