AE 快速導出 GIF 的方法

前言：

在 App 設計中，我們經常使用一些小動效來提升趣味性和引導性，讓用戶在頁面瀏覽過程中不會太枯燥，從而獲得更好的體驗。

目前使用人數最多的動效軟體就是 Adobe 公司的 After Effects （簡稱 AE ），但是這款軟體本身並不能導出 GIF 格式的圖片，這點讓很多設計師困惑不已。

我之前也深受困擾，想過很多替代方法但是都不是很完美：

（1）直接在 Ps 裡面完成簡單的 GIF ，但是複雜動效製作比較雞肋，需要導出透明背景時有白色鋸齒；

（2）在 AE 裡面導出視頻格式，再導入到 Ps 中導出，經常出現顏色失真情況，而且不能調節幀速率；

（3）直接提供給開發小哥哥連續的單幀圖片，代碼動效寫在本地包裡面，但是這樣不利於 poster 活動的配置，無法實時更改。

三個小技巧

今天給大家介紹三個 AE 導出 GIF 格式的小技巧。文中的小兔子動效素材來自網路：

Adobe Media Encoder

配合使用 Adobe 旗下的 Adobe Media Encode （以下簡稱 AME ）軟體，導出「動畫 GIF 」。

AME 是 Adobe 旗下的視頻和音頻編碼應用程序，在其最新版本中，在 AE 渲染導出的格式選項里可以看到——添加到「Adobe Media Encoder 隊列」這個選項。

但是這裡很容易遇到一個錯誤：AE 無法鏈接到 AME，這時只要保證這兩個軟體是同一個版本就能解決。

AME 軟體打開後，點擊界面右邊預設下面的「匹配源高比特率」即可彈出「導出設置」面板，點擊格式下拉選擇可以看到「動畫gif」格式，選擇它即可。

選定格式之後，我們還可以對視頻的基本設置進行更改，可以看到有質量、寬高度、幀速率等選項，然後保存設置，然後「啟動序列」導出。

除了上述的功能，可以選擇不同系統預設的格式，如下圖中的設置（手機），相機，Web視頻，Facebook等社交網站以及更多。

值得注意的點：

1.同為 Adobe 旗下的軟體，兩款軟體可以完美對接，穩定性強，AE 開啟隊列，自動喚起 AME。

2.提供更豐富的格式選擇，內置網頁、手機設備等，從cinema、藍光、社交網站等視頻尺寸都有預設，方便性大大提高。

3.可以調整多項參數，例如有質量、寬高度、幀速率等。

雖然它可以導出 GIF 格式，但是並不能導出透明底的 GIF ，這點還是比較雞肋的。但是對於視頻類型的 GIF 來說還是可以的。

插件腳本— Gifgun

當然除了以上的方法我們還可以使用插件腳本。這裡給大家介紹 GifMagick 和 Gifgun ，以Gifgun 安裝為例：

安裝步驟也很簡單，下載 Gifgun 包（來自 X 度），打開文件夾，安裝 .exe 格式的應用程序，完整後在 AE 安裝目錄Support FilesScriptsScriptUI Panels下，將下載包中的 gifGun.jsxbin/GifGunInstaller1.6.2 替換掉目錄下的同名文件。