1.【打开】PS，再【打开】“下拉刷新”素材，使用【圆角矩形工具】在画布上绘制，在属性面板将【圆角】调整最大【填充颜色】为绿色，在使用【矩形工具】绘画头部【右击】“矩形1”选择【创建剪切蒙版】更改颜色，并按【Alt】移动并复制改变颜色，其他部位同样使用【矩形工具】绘制，选择绘制的【形状图层】按【Ctrl+G】图层编组，效果如图所示。

2.按【Alt】移动并复制两个人，修改衣服的颜色和头发，调整完成后将它们分别【转换为智能对象】。

3.【打开】“房子”层，使用【矩形工具】绘制一个矩形按【Ctrl+T】自由变换再按【Alt】移动并复制，调整【形状颜色】，【选择】所有的形状层按【Ctrl+T】-【透视】改变为梯形，再将【合并】的图层更换颜色放到最底层，其他物体同样使用【矩形工具】绘制，效果如图所示。

4.将“下拉刷新”【保存】，再【打开】AE将“下拉刷新”【拖入】到AE中，【右击】面板【新建合成】调整【宽度】为200px,【高度】为200px,【合成名称】为“滑动”【帧速率】为25，【确定】。

5.将“下拉刷新”合成的【帧速率】调整为25，使用【椭圆形遮罩工具】再画布上绘制一个圆，【填充选项】为纯色【填充颜色】为白色，【Ctrl+D】复制一层，将“形状图层1”选择【椭圆1】属性调整大小，按【T】调整不透明度50%，将文件【另存为】。

6.将“滑动”合成【拖进】“下拉刷新”，【打开】“滑动”将两个圆【颜色】调整为灰色，回到“下拉刷新”【选择】“滑动”按【S】缩放为38,38%，再按【位置P】【添加关键帧】将【时间轴】向后拖到【添加关键帧】调整位置，打开“滑动”合成【选择】“形状图层1”按【T】调整不透明度0%到50%，【添加关键帧】做出逐渐显示和逐渐消失的效果。

7.在“下拉刷新”合成【选择】“滑动”按【T】调整不透明度并【添加关键帧】依次为0%,100%，100%,0%，【选择】“列表”按【T】【添加关键帧】。

8.使用【计算器】算出圆点滑动的距离之后列表也加上相同的距离，【选择】“列表”将【时间轴】向后拖动把位置【添加关键帧】调整【位置】为1449，调整“列表”的关键帧，将【时间轴】拖到2秒位置【复制】前面两个关键帧。

9.【选择】后面的关键帧按【F9】设置缓动，打开【图形编辑器】调整时间节点，【双击】“shop”合成，【选择】“人-1”按【P】位置为起始位置【添加关键帧】，再01：08f位置处【添加关键帧】【位置】调整为365.5,403。

10.按【T】打开不透明度，在0秒位置【添加关键帧】【不透明度】为0%，将【时间轴】拖到01.08f【添加关键帧】【不透明度】为100%，向后拖到【时间轴】调整【不透明度】为0%，调整完成后【选中】全部的关键帧按【Ctrl+C】复制并【Ctrl+V】粘贴到“人-2”“人-3”。

11.调整【时间滑块】，在时间为03F时【选择】“门”两个层按【P】【添加关键帧】，选择关键帧按【F9】设置缓动，向后拖动【时间轴】调整位置，微调“人”的位置，【进入】【图形编辑器】查看曲线是否正确。

12.回到“下拉刷新”合成，将“shop”的时间滑块向后拖到，按【P】【添加关键帧】调整位置及按【S】调整缩放和【T】不透明度，【选择】“列表”层按【P】调整第二个关键帧位置的值为375,1264，【选择】“shop”的所有【关键帧】【复制】再将【时间轴】拖到4秒位置【粘贴】。

13.【选择】“店铺列表”按【Ctrl+]】向上移动，再反复查看微调效果。

14.【选择】“列表”层打开【图形编辑器】调整节点，效果如图所示。

15.预览整体效果，将不合适的地方微调，效果如图。

16.将“展示背景”【拖进】AE，【拖动】素材到下方的【合成】按钮，【新建合成】，将“下拉刷新”【拖入】到“展示背景”合成中，按【S】缩放调整为50,50%，使用【选择工具】调整位置。

17.在菜单栏【选择】【合成】-【添加到渲染队列】调整【输出模块设置】【格式】为QuickTime，【确定】，调整【输出位置】，点击【渲染】。

18.【打开】PS，【导入】输出的视频，选择【文件】【导出】格式为GIF【循环选项】为永远，【选择】保存位置。

19.最终效果如图所示。