相信很多做UI的朋友都會(huì)遇到做GIF動(dòng)畫(huà)的問(wèn)題，一些簡(jiǎn)單的動(dòng)畫(huà)可以用PS時(shí)間軸來(lái)做，但是遇到較為復(fù)雜的動(dòng)畫(huà)，則要借助專業(yè)的動(dòng)畫(huà)軟件Flash或者AE來(lái)制作，今天先講flash如何制作GIF。

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

2、選擇GIF圖像，動(dòng)畫(huà)，不斷循環(huán)，點(diǎn)擊發(fā)布即可

就是這么簡(jiǎn)單，即可將做的動(dòng)畫(huà)導(dǎo)出為GIF!

上面講了FLASH導(dǎo)出GIF的方法，很簡(jiǎn)單，快捷鍵Ctrl + shift + F12,下面講AE如何導(dǎo)出GIF，首先，大家要明白，目前高版本的AE是不能直接導(dǎo)出GIF的?？梢酝ㄟ^(guò)以下兩種方法制作GIF：

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

二、AE安裝插件，一鍵導(dǎo)出GIF。

方法一：導(dǎo)入PS方法

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

2、將AVI文件用PS打開(kāi)，發(fā)現(xiàn)是視頻組。然后Ctrl + shift + Alt +S 存為GIF，并勾選永久循環(huán)。 點(diǎn)擊存儲(chǔ)按鈕，將GIF保存到桌面，如下圖所示動(dòng)畫(huà)。

方法二：插件方法

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

2、打開(kāi)win文件夾，復(fù)制里面的四個(gè)文件，有多少?gòu)?fù)制多少。

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

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

5、打開(kāi)AE--編輯--首選項(xiàng)--常規(guī)--設(shè)置“允許腳本寫(xiě)入文件和訪問(wèn)網(wǎng)絡(luò)";

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

7、重啟ae,隨便制作一個(gè)簡(jiǎn)單動(dòng)畫(huà)，在窗口--找到gifGun.jsxbin，點(diǎn)擊make gif,如果有360彈框，選擇允許程序運(yùn)行

8、桌面找到renders文件夾，進(jìn)入找GIF圖片即可。有些時(shí)候會(huì)因?yàn)樵O(shè)置問(wèn)題直接生成到桌面或者其他文件夾，這個(gè)根據(jù)情況找就行了。

以上就是flash和AE將做好的動(dòng)畫(huà)導(dǎo)出為GIF的兩種方式，大家學(xué)會(huì)了嗎？希望這篇文章能對(duì)大家有所幫助！

最新評(píng)論