Adobe Photoshop CC和Premiere Pro做UI动效

1、打开PS，新建一个500*500像素  72分辨率 颜色模式RGB通道 的白色画布

2、点击左边矢量工具中椭圆工具，画一个400*400的圆，把填充颜色去掉，把边的颜色打开，居中到画布，并复制三个图层，一共四个

3、隐藏其余三个图层，用左边白色箭头，选中圆的四个点其中两个删除掉，就剩下一共半圆弧线，依次把剩下三个圆的点也删除掉

4、全部显示，选中全部半圆弧，依图所示更改设置，把边线加粗，添加一个背景色

最后一个一个调整他的渐变颜色的角度方向，如图

5、把所有图层都栅格化图层，图层全选-右键-栅格化图层，把半圆的图层合并，留一个有颜色的背景图就行，保存成psd文件

1、打开PR（Adobe Premiere Pro CC 2017），新建一个项目，选好位置，点击确认。文件-导入-之前你保存的那个psd文件，如图，选中序列其他不动，点击确定

2、把背景颜色和圆的那层依次拖入时间轴，如图，点击比率拉伸工具，把两个图层的时间轴，拖到2秒左右即可，默认是5秒

3、点击选择工具，选中椭圆图层，如图，在时间起始位置，点击效果控件，分别点击位置，旋转

4、把时间先拖到最后一帧，再次添加位置旋转，把旋转改成-360度

5、点击文件-导出-媒体，选择动画gif，记住摘要地址，点击导出，到地址找到gif，就是已经生成好的gif图