一、AME直接導(dǎo)出（操作最簡單）
適用于快捷預(yù)覽，導(dǎo)出的gif比較清晰，但無透明背景，而且導(dǎo)出的文件過大，無法直接用于開發(fā)，適合快速預(yù)覽使用。
方法：
安裝Adobe Media Encoder；
在AE中Ctrl+Alt+M加載AME，將格式選擇為gif并導(dǎo)出。
二、Png序列（推薦）
操作復(fù)雜，但輸出質(zhì)量和文件大小適中，且能導(dǎo)出透明圖層，可直接用作開發(fā)，推薦使用此種方式。
方法：
1.導(dǎo)出png序列圖
在AE中Ctrl+M打開渲染隊列，點“輸出模塊”打開設(shè)置，將“格式”改為[Png序列]，“通道”改為“RGB+Alpha”，設(shè)置完成后點擊“渲染”，得到一套完整的png序列圖
2. 加載序列圖
打開PS，點“文件-腳本-將文件載入堆?！?，瀏覽并選擇全部序列圖點擊“確定”。
3.創(chuàng)建時間軸
待所有序列圖加載完成后，打開窗口-時間軸，點“創(chuàng)建時間軸”。
4.設(shè)置時間軸速率
點擊時間軸右上角展開菜單，選擇“設(shè)置時間軸幀速率”，將幀速率和AE合成的速率保持一致（在ae中Ctrl+K打開合成設(shè)置可查看幀速率）
5.選擇“轉(zhuǎn)換幀-從剪輯建立幀”
6.點擊時間軸左下角，生成幀動畫
7.修改動畫順序
此時動畫是倒放，所以點擊右上角展開菜單，點擊“選擇全部幀”，然后點擊“反向幀”，將動畫正序。
ps.通常會有一時間較長的多余幀，將多余幀刪除即可
8.導(dǎo)出動畫
此時動圖已設(shè)置好，Ctrl+shift+alt+s導(dǎo)出為web所用格式，將雜邊顏色修改為圖案所應(yīng)用的界面的背景圖層一致或改成“無”，即可導(dǎo)出。
三、視頻轉(zhuǎn)gif
操作比較簡單，生成的圖片質(zhì)量和大小也可以直接用于開發(fā)，但是適合非透明動畫，背景透明時質(zhì)量不理想。
1.渲染視頻
在AE中Ctrl+M渲染視頻，選擇“QuickTime”格式（渲染速度快），“RGB+Alpha”通道（能保留透明背景），得到一個帶透明背景的視頻文件
2.在PS中導(dǎo)入視頻
在PS中點擊“文件-導(dǎo)入-視頻幀到圖層”
3.導(dǎo)出gif
Ctrl+shift+alt+s導(dǎo)出為web所用格式，將雜邊顏色修改為圖案所應(yīng)用的界面的背景圖層一致或改成“無”，即可導(dǎo)出。雖然打開雜邊選項會產(chǎn)生白邊，但是看起來更清晰
以上三種方式能夠應(yīng)對工作中的大部分使用場景，可根據(jù)不同要求選擇合適的輸出方式，第二種方式雖然看起來復(fù)雜但是學(xué)會后操作起來是非常快的，而且生成的圖片也最滿意。當(dāng)然，假如用于UI設(shè)計的話，讓代碼小哥哥使用代碼還原簡單的動畫，得到的效果才是最好的，所以無論什么輸出方式，都不比抱代碼小哥哥的大腿管用啦。
