Adobe Photoshop CC和Premiere Pro做UI动效

我刚接触UI动效的时辰，用的都是PS（Adobe Photoshop CC 14.0）和AE，可是AE对电脑要求很高，只能生当作序列才导入PS生当作gif图。后来我用pr做一些简单的结果也可以生当作，对电脑要求不高，很快可以做一些工具出来，展示本身的作品，这里是一个简单的小icon，用PS（Adobe Photoshop CC 14.0）和PR（Adobe Premiere Pro CC2017）做的。

东西/原料

• Adobe ​Premiere Pro CC 2017
• Adobe Photoshop CC 14.0

方式/步调

1. 1

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

   
2. 2

   点击左边矢量东西中椭圆东西，画一个400*400的圆，把填充颜色去失落，把边的颜色打开，居中到画布，并复制三个图层，一共四个

   
3. 3

   埋没其余三个图层，用左边白色箭头，选中圆的四个点此中两个删除失落，就剩下一共半圆弧线，依次把剩下三个圆的点也删除失落

   
4. 4

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

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

   
5. 5

   把所有图层都栅格化图层，图层全选-右键-栅格化图层，把半圆的图层归并，留一个有颜色的布景图就行，保留当作psd文件

   

方式/步调2

1. 1

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

   
2. 2

   把布景颜色和圆的那层依次拖入时候轴，如图，点击比率拉伸东西，把两个图层的时候轴，拖到2秒摆布即可，默认是5秒

   
3. 3

   点击选择东西，选中椭圆图层，如图，在时候肇端位置，点击结果控件，别离点击位置，扭转

   
4. 4

   把时候先拖到最后一帧，再次添加位置扭转，把扭转改当作-360度

   
5. 5

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

   

注重事项

• 导出时选择动画gif 不要选择gif图 那会导出当作序列