相信很多做UI的朋友都會遇到做GIF動畫的問題，一些簡單的動畫可以用PS時間軸來做，但是遇到較為復雜的動畫，則要借助專業的動畫軟件Flash或者AE來制作，今天先講flash如何制作GIF。

1、做好的文件，選擇文件 —— 發布設置(快捷鍵ctrl + shift + f12)

2、選擇GIF圖像，動畫，不斷循環，點擊發布即可

就是這么簡單，即可將做的動畫導出為GIF!

上面講了FLASH導出GIF的方法，很簡單，快捷鍵Ctrl + shift + F12,下面講AE如何導出GIF，首先，大家要明白，目前高版本的AE是不能直接導出GIF的。可以通過以下兩種方法制作GIF：

一、AE中將動畫存為視頻格式(比如AVI格式)，將視頻文件在PS打開，然后存Ctrl + shift + Alt +S 存為GIF。

二、AE安裝插件，一鍵導出GIF。

方法一：導入PS方法

1、做好的文件，Ctrl + M 切換到渲染隊列，點擊下方輸出到，箭頭所示，設置生成文件的保存位置，然后點擊右下角渲染按鈕，聽到一聲清脆的聲音和渲染進度條加載完成，代表渲染成功。并看到我將文件保存到桌面，合成 1.avi.

2、將AVI文件用PS打開，發現是視頻組。然后Ctrl + shift + Alt +S 存為GIF，并勾選永久循環。 點擊存儲按鈕，將GIF保存到桌面，如下圖所示動畫。

方法二：插件方法

1、將插件壓縮包gifgun.jsxbin解壓，找到里面的win文件夾

2、打開win文件夾，復制里面的四個文件，有多少復制多少。

3、右鍵桌面AE快捷方式，選擇打開文件位置，進入如下界面，按照如圖路徑找到s cripts--s criptUI Panels，將剛才復制的文件粘貼到這個s criptUI Panels文件夾里面。

4、在剛才的插件包找到替換文件下的gifGun.jsxbin并復制粘貼到s criptUI Panels文件夾里面，替換掉第一步復制過去的gifGun.jsxbin

5、打開AE--編輯--首選項--常規--設置“允許腳本寫入文件和訪問網絡";

6、安裝后，點擊編輯--模板--輸出模塊，點擊設置下面的--新建按鈕--然后關閉彈窗(這一步看似沒用，最好按照教程來)，在未命名那里改個名字，必須為”Lossless“----上面的默認設置全部為”無損“(Lossless)--然后點擊確定

7、重啟ae,隨便制作一個簡單動畫，在窗口--找到gifGun.jsxbin，點擊make gif,如果有360彈框，選擇允許程序運行

8、桌面找到renders文件夾，進入找GIF圖片即可。有些時候會因為設置問題直接生成到桌面或者其他文件夾，這個根據情況找就行了。