以一个旅游APP的下拉刷新为例，详细讲解了从PSD源文件如何导入到AE中，制作成影片格式的动效，再从PS导入影片格式制作成GIF格式的动效。
实现效果：
视频教程地址：https://i.xue.taobao.com/detail.htm?spm=a2174.7365761.39b9.27.rGO7nL&courseId=55991
所用软件：PS CC 2015 完整版
AE CC 2015 完整版
1.导入PSD源文件到AE 图示位置：
2.会出现一个对话框：选择“合成-保持图层大小”：
3.1鼠标双击 图示上的 “合成图标”：
3.2 这时候会AE 下面会出现PSD里面的各个图层（注意：直接把PSD源文件拖到AE中的情况下，不用新建合成，文件的大小将和PSD一致！）
4.1 鼠标单击 “景点”图层，按键盘上的“P”(英文状态下)键，会出现图示上的位置属性，鼠标单击“秒表图标”进行“K帧”：
4.2鼠标拉“当前时间指示器（红线最上端的蓝色滑块）”到一秒处，鼠标在景点图层“位置属性”的“Y轴”上拖动（眼睛看着图层移动到合适位置即可，不一定严格按照图示上的数值！）：
4.3鼠标单击 屏幕右上方最大的区域，按Ctrl+R ,显示出标尺，用鼠标拉一条参考线到景点图层移动的位置处：
5.1 时间线拉到最左边0秒0帧处，先单击一下飞机图层，再按“P”,调出位置属性，点击“秒表图标”进行“K帧”：
5.2 时间线拉到一秒处，鼠标拖动飞机位置属性上面的“X轴”和“Y轴”，同时眼睛看着飞机移动到图示位置即可：
5.3时间线拉到1秒12帧处，复制（Ctrl+C）景点图层在1秒处的关键帧，粘贴（Ctrl+V）到1秒12帧处,飞机进行同样的操作，目的是让下拉到最底下时，都停顿一下：
5.4时间线拉到2秒处，鼠标拖动飞机的X轴和Y轴，同时眼睛看着飞机到图示位置：
5.5 鼠标单击景点图层，时间线拉到2秒处，复制（Ctrl+C）景点图层在0秒0帧处的关键帧，粘贴（Ctrl+V）到2秒处：
6.时间线拉到3秒处，按键盘上的“N”来去掉3秒以外的工作区！（备注：“N”可以截掉右边工作区，“B”可以截掉左边的工作区）
然后按键盘上的“0”来预览一下效果！
7.1 准备渲染：选择“文件”-“导出”-“添加到渲染队列”：
7.2点击“旅游APP.AVI”,这里的名字也可能是“尚未指定”：
7.3找个地方，起个名字，点击“保存”：
8.点击“渲染”，这步是必须的哦！（备注：渲染的速度和文件的大小还有电脑的配置有关）
9.1打开PS ,(注意PS必须是完整版！)
点击“文件”-“导入”-“视频帧到图层”：
9.2 找到AVI文件的位置，点击“打开”：
9.3 直接点击“确定”，不要点击别的！
9.4 出现很多图层的文件，不要乱动，按Ctrl+Shift+Alt+S，选择“GIF”、“颜色256”，点击“存储”：
10，找个位置，起个名字，点击“保存”，OK，可以查看你做的动效了！谢谢观看！
0