西安靠譜的UI設(shè)計培訓(xùn)機(jī)構(gòu)是哪個?隨著互聯(lián)網(wǎng)的發(fā)展,數(shù)字藝術(shù)設(shè)計師越來越吃香, 目前有很多行業(yè)緊缺UI/UE設(shè)計人才,西安火星時代教育推出了UI/UE高級設(shè)計師進(jìn)階精品課,幫助學(xué)員掌握平面、網(wǎng)頁、U設(shè)計能力,教授學(xué)員運營思維,提高職場競爭力。

UI設(shè)計師常用什么工具?怎么用AE導(dǎo)出GIF動畫?

AE是當(dāng)前UI設(shè)計師比較常用的工具之一，是一款圖形視頻處理軟件，然而它并不能直接導(dǎo)出GIF格式的圖片，這讓很多設(shè)計師很是苦惱。接下來就給大家分享AE導(dǎo)出GIF動畫的幾種方法。

1、使用插件Gifgun

GifGun腳本可以一鍵輸出GIF動圖格式，且操作簡單，效果質(zhì)量高，腳本還可以自定義設(shè)置GIF文件的大小、幀數(shù)率等屬性。缺點是導(dǎo)出的GIF質(zhì)量不算較高，會出現(xiàn)細(xì)微的卡幀，尤其在一個物體勻速運動的情況下表現(xiàn)尤為突出，另外較PS導(dǎo)出的GIF，色差會稍大一些。

2、使用AE導(dǎo)出視頻，再使用PS導(dǎo)出GIF

操作比較簡單，生成的圖片質(zhì)量和大小也可以直接用于開發(fā)，但是適合非透明動畫，背景透明時質(zhì)量不理想。

實現(xiàn)步驟：

1)渲染視頻在AE中Ctrl+M渲染視頻，選擇“QuickTime”格式(渲染速度快)，“RGB+Alpha”通道(能保留透明背景)，得到一個帶透明背景的視頻文件;

2)在PS中點擊“文件-導(dǎo)入-視頻幀到圖層”;

3)Ctrl+shift+alt+s導(dǎo)出為web所用格式，將雜邊顏色修改為圖案所應(yīng)用的界面的背景圖層一致或改成“無”，即可導(dǎo)出。雖然打開雜邊選項會產(chǎn)生白邊，但是看起來更清晰。

3、在AE中完成影像制作時，開始輸出。點擊菜單中的“合成”—“添加到渲染隊列A”(快捷鍵Ctrl+M)。

實現(xiàn)步驟：

1)點擊輸出模塊的“無損”，進(jìn)行輸出模塊設(shè)置：設(shè)置格式為“png序列”，通道為“RGB+Alpha”，如果不需要輸出透明通道，那直接選擇RGB通道，點擊確定。

2)點擊“渲染隊列”窗口中的“輸出到”選項，在彈出的“將輸出影片到”對話框中，選擇輸出路徑和文件名后點擊保存。

3)點擊“渲染隊列”窗口中的“渲染”，等待片刻，將影片輸出。

4)影片輸出完成，我們將會看到圖像序列自動在文件名后面加上序號。

5)打開PS,Ctrl+O打開png序列，選擇第一個png序列第一個圖像，將“圖像序列”的選擇勾選，打開序列。

6)窗口—打開時間軸，空格鍵預(yù)覽動畫。

7)再存儲為WEB所用格式輸出GIF。