教你如何用PS制作出完美的GIF动画教程

来源：小奈知识网

UI设计师成长笔记：GIF动画教程

作者：洋洋老师

Photoshop CC的功能是非常强大，不仅可以修照片、做设计，它还可以进行GIF动画的设计和制作，那么如何用PS制作GIF动画呢？如何将图片设置成一个动画帧呢？下面就给大家详细介绍一下：

1. 首先打开PS软件。

2.文件――打开――选择你要制作的几张图片。如图所示：

3.把图片统统打开，然后添加到一个文件中，童鞋们可根据自己的需求增加图层，初学者可以做简单点。如图所示：

4.动画的顺序是按照图层从下网上依次显示，此时关闭其余小眼睛，修改”图层15”

为“海洋星母婴生活馆”，以此类推，调整好位置后，这样做出的动画比较整齐不会窜位！也不会晕滴！如图所示：

5.接下来开始正式制作GIF，打开窗口—时间。如图所示：

6.我这里有17个图层，把这17个图层里的图片要全部拖到一个轴里。

7.点击时间轴右上角

按钮，转换帧――转换为帧动画。如图所示：

8.这里有17个图层，就有17帧，点击第17帧右下角按钮，就会弹出设置窗口，参数设置“0.6秒”，其余16帧设置“0.3秒”。如图所示：

9.左下角循环选项中我这里选择的是“3次”，可根据自己的设计调整循环次数。如图所示：

10.最后我们按图所示的选择，然后导出。文件----存储为web和设备所用格。如图所示：

11.弹出存储窗口，注意选择GIF格式，在存储前可以先预览一下效果,如果有满意的地方可以调整好后再存储。如图所示：

12.至此教程结束~

感谢观看！谢谢关注！

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文