三個做Gif 動畫軟件比較
編輯：山間溪流
我們在互聯(lián)網(wǎng)上經(jīng)常看到各式各樣栩栩如生的動畫，這些動態(tài)顯示的圖片吸引了瀏覽者的注意力，也給原本較呆板的頁面增加了不少生機?，F(xiàn)在一般使用較多的有gif動畫和Flash動畫，雖然現(xiàn)在Flash動畫迅速崛起，但gif動畫以其簡易的制作、廣泛的適用性體現(xiàn)著很高的實用價值，在網(wǎng)頁動畫中的地位依舊不容動搖。
動畫的形成是由連續(xù)顯示數(shù)張圖片所造的視覺效果，其原理與卡通影片是一樣的。做gif動畫的軟件很多，比較典型常用的有Ulead的Gif
Animator，MicroMedia的Fireworks，Adobe的ImageReady。
gif格式動畫的制作需要注意的無非是圖片、幀速、效果三個要素。這里我們著重從軟件的易用程度、效果實現(xiàn)、大小以及人性化設計等幾個方面來具體比較這幾個軟件。
Gif Animator是一種專門的動畫制作程序，利用它可以很輕松方便地制作出自己需要的動畫。最新版本5.0又添加了不少的可以即時套用的特效以及優(yōu)化gif動畫圖片的選項的，最令人驚喜是目前常見的圖像格式均能夠被順利的導入，并能夠存成時下最流行的Flash文件。另外Gif Animator還有很多經(jīng)典的動畫效果濾鏡，只要輸入一張圖片，Gif Animator即可自動套用動畫模式將其分解成數(shù)張圖片，制作出動畫。
ImageReady是基于圖層來建立的gif動畫的，它能自動劃分動畫中的元素，并能將Photoshop中的圖像用于動畫幀。它具有非常強大的web圖像處理能力，可以創(chuàng)作富有動感的gif動畫，有趣的動態(tài)按鍵，甚至漂亮的網(wǎng)頁。所以，ImageReady完全有能力獨立完成從制圖到動畫的過程，它與Photoshop的緊密結合更能顯示出它的優(yōu)勢。
Fireworks有強大的矢量圖制作能力，通過動畫符號(symbol)在不同影格的不同設置，造成我們視覺上的變化。影像隨著影格播放就形成了動畫。Fireworks對創(chuàng)建的任何對象或導入的對象都可以作為動畫符號，每一個符號都有自己獨立的屬性，所以你可以針對不同的對象創(chuàng)建不同的動畫形式，例如移動、淡入淡出等。因為該軟件制作動畫隨意性和技巧性比較強，所以你的動畫制作過程可以更加自由、富有創(chuàng)意。
總的來說：Gif Animator無論從易用度，功能方面都是相當出色的，并且軟件不大。
ImageReady和PS的結合是大家有目共睹，記得PS的官方網(wǎng)頁上赫然寫著“世界標準的圖象編輯解決方案”，雖然稍顯霸氣，可是我們不得不承認PS這個強大后盾確實讓ImageReady增色不少。
Fireworks對于專業(yè)程度度要求更高，設計者的靈感可以得到更好的發(fā)揮，所以使用這個軟件創(chuàng)作gif動畫會取得更好的效果。同時，F(xiàn)ireworks和MicroMedia公司的另外兩個網(wǎng)頁設計軟件DW和Flash的緊密結合也是很大的優(yōu)勢。
其實，當Ulead GIF Animator，fireworks和ImageReady都發(fā)展到現(xiàn)今版本，基本上可以說它們并沒有特別明顯的短處，而是各有各的特色和長處。至于到底選擇哪個軟件比較好，讀者可以根據(jù)它們的特長加以選擇，也可以由自己的喜好、習慣或者使用的情況、用途去選擇它們。
一：Ulead Gif Animator5.0
自從Ulead公司1992年發(fā)布Ulead Gif Animator 1.0以來，Ulead Gif Animator一直是制作gif動畫的工具中功能強大、操作使用最簡單的動畫制作軟件之一。利用這種專門的動畫制作程序，大家可以輕松方便地制作出自己需要的動畫來。你甚至不需要引入外部圖片，也可利用它做一些較為簡單的動畫，如跑馬燈的動畫訊息顯示；另外如果只輸入一張圖片，Gif Animator即可自動將其分解成數(shù)張圖片，制作出該圖片特殊顯示效果的動畫，可說是功能超強，值得推薦。最新版本5.0又添加了不少的可以即時套用的特效，優(yōu)化gif動畫圖片的選項的添加和對該過程的控制也更強大了，最令人驚喜是Ulead Gif Animator 5.0的新的導入導出，導入的圖像不止是單一的gif，目前常見的圖像格式均能夠被順利的導入，影像文件的導入也有所增加 。
啟動軟件后，會有一個動畫向導來引導我們制作gif動畫。向導包含兩個部分：新建欄和打開欄。在新建欄中包含有“使用動畫向導創(chuàng)建圖像”和“創(chuàng)建一個空白的動畫文檔”，“在打開欄中有打開已存在的圖像"、“打開已存在的視頻文件"和“打開示例文件"。（當然如果你覺得在下一次打開軟件的時候，不需要啟動向導的導引，你可以選中下面的“下次不在顯示”選項）其實使用向導來制作動畫是相當方便的（為新手用戶考慮得很周到）。
下面我們一起來看看怎樣利用動畫向導來創(chuàng)建一個動畫。
1. 設置動畫大小（長，高）。
2. 接著選擇動畫所需要的圖片，同時可以設置延遲時間，和幀的速率（注意對話框左下腳的幀速預覽，非常體貼的設計）。
3. 作完了上一步，動畫中的各個文件將會出現(xiàn)在下方的幀面板中（Frame Panel）。此時已經(jīng)可以點擊“Preview”標簽預覽動畫了。
4. 一個精彩的動畫banner就做好了，注意如果這樣直接保存生成的動畫文件會比較大，影響在網(wǎng)絡上的傳播，所以需要對動畫進行優(yōu)化。在菜單中選擇File（文件）－>Optimization Wizard（優(yōu)化向導），從而在優(yōu)化向導中對優(yōu)化的參數(shù)進行設置（一般取默認即可）。使用的顏色數(shù)越少文件越小，同時效果也越差。點擊“完成”按鈕，Gif Animator將對動畫文件進行優(yōu)化。
5. 向導完成后，彈出 gif Optimization 面板（如圖f），列出原文件大小、優(yōu)化后文件大小、節(jié)省了多少字節(jié)、下載時間等參數(shù)，如果對剛才的設置不滿意，你可以選 Another Try 來重新設置優(yōu)化向導，或預覽、保存，同時也可以取消優(yōu)化操作。
制作過程:設置――選擇――預覽――優(yōu)化――保存，簡單直觀不繁瑣。
另外Ulead的動畫效果濾鏡是值得強烈推薦的。像 Gate-3D（3D過渡），Diagonal-Build（傾斜過渡），Sweep Clock（時鐘式過渡），Diamond A-F/X（菱形動畫）、Iris-F/X（彩虹動畫）、Mosaic-F/X（馬賽克動畫）、Power Off-F/X（關機動畫），F(xiàn)lap B-Film（分割傾斜翻頁）、Progressive Film（前進式翻頁）都是比較經(jīng)典的。同時值得一提的是Ulead Gif Animator 5.0能夠保存成為時下最流行的Flash文件，而且在選擇保存成SWF的時候，還可以選擇圖像的質量是BMP，還是JPEG格式?？梢哉f是相當?shù)捏w貼。
二：Fireworks4.0
Fireworks4.0是Macromedia公司推出的一款編輯矢量和位圖的綜合工具。與Dreamweaver和Flash合為網(wǎng)頁制作三劍客。在Fireworks中,您可以創(chuàng)建動畫廣告條,動畫標志,動畫卡通等多種類型的動畫圖像.和其他一些動畫編輯軟件差不多，它是通過動畫符號(symbol)在不同影格的不同設置，造成我們視覺上的變化。當影像隨著影格播放,就形成了動畫.因為該軟件制作動畫隨意性比較大，所以下面用具體的步驟來說明。
1. 步驟一：新建一個文件，定義好長和寬，導入所需圖片。
2. 步驟二：選中圖片，選擇modify菜單Animate->Animated selection，進入動畫參數(shù)設置。
3. 步驟三：在frame 框中輸入10，說明這個動畫將由10個幀組成，幀數(shù)越多，動畫越細膩，但是會加大文件大小。
4. 步驟四：在move框中輸入200,這是設定移動的距離像素。
5. 步驟五：在direction中輸入45,設定移動的角度，你可以點擊工作區(qū)上的symbol，用鼠標拖動路徑上的第一幀（綠色的點）和最后一幀（紅色的點），來改變它們的位置。也可以拖動中間的幀（藍色的點），改變整條路徑(w)。
6. 步驟六：單擊ok,Fireworks 將會問你是否添加新的frame（幀）。單擊ok，將會自動添加新的幀，步驟同上。
現(xiàn)在圖中的矩形上的右下角就會加上一個小小的箭頭，表示這是一個動畫符號（animation symbol),一條線表示這個符號的移動路徑，線上的每一個點表示一幀。用鼠標拖動路徑上的第一幀（綠色的點）和最后一幀（紅色的點），來改變它們的位置。也可以拖動中間的幀（藍色的點），改變整條路徑。
你可以直接在工作區(qū)內預覽這個動畫。點擊畫布下方的播放/停止按鈕，就可以播放動畫。在frames面板上你可以看到每一幀的動畫（如果frames面板不可見，選擇window -> frames。）。
要在瀏覽器中看到這個動畫，就必須輸出成gif動畫格式或swf格式。
1) 打開optimize(優(yōu)化）面板。
2) 選擇輸出格式設為animated gif（必須的）。
3) 單擊菜單上file -> export命令。
4) 保存類型選擇 html and images就可以輸出一個html文件。
Fireworks對創(chuàng)建的任何對象或導入的對象都可以作為動畫符號。每一個符號都有自己獨立的屬性。所以你可以針對不同的對象創(chuàng)建不同的動畫形式,例如移動,淡入淡出等。
利用Fireworks你的創(chuàng)作可以更自由，更有創(chuàng)意。
三：ImageReady
現(xiàn)在讓我們看看號稱webPhotoshop的ImageReady。之所以把它稱為webPhotoshop,就是表明它不僅有Photoshop強大的圖形處理能力，而且還有非常強大的web圖像處理能力，還可以創(chuàng)作富有動感的gif動畫，有趣的動態(tài)按鍵，甚至漂亮的網(wǎng)頁。所以，ImageReady完全有能力獨立完成從制圖到動畫的過程。但它與Photoshop的緊密結合更能顯示出它的優(yōu)勢。ImageReady是基于圖層來建立的gif動畫的，它能自動劃分動畫中的元素，并能將Photoshop中的圖像用于動畫幀。
在PhotoShop里處理好等會所需要的圖片。保存圖像，點擊PhotoShop工具面板最下方跳轉按鈕直接轉換到ImageReady的編輯環(huán)境。
在ImageReady的編輯環(huán)境，我們主要使用到的是Animation面板，開始時，該面板上默認只有一幀，點擊面板下方添加按鈕 ，插入新的圖片可以新增加一幀。該新加入的幀其實復制前一幀的內容，只要通過層面板改變顯示和隱藏的層，就產(chǎn)生了局部發(fā)生了變化的幀，這就象我們在復制一本書，一頁一頁地復制，直到這本書的封底。當完成所有幀的設置，再依次播放這些幀時，動畫就產(chǎn)生了。
在每一個幀的下方，都顯示著一個數(shù)字標記，這是表示在動畫完成之后，本幀所代表的畫面將遲延幾秒。當然，數(shù)字越大，表示該畫面停留的時間就越長，一般將重要的頁面設置比較大的數(shù)值，便于引起別人的注意，一些效果過渡的畫面可以取較小的值，這樣可以增加動感效果。在設置完成以后，可以點擊該面板下的播放按鈕來對動畫進行預覽，通過預覽，可以發(fā)現(xiàn)你不滿意的地方，這樣再修改，直到你滿意為止。
作為在網(wǎng)頁上使用的動畫，在文件輸出前對其進行優(yōu)化處理是必不可少的，ImageReady在這方面也提供了比較出色的支持。Optimize面板可以讓你對你的作品進行壓縮優(yōu)化設置設置，可以將動畫輸出格式設置為gif格式，盡量減少顏色數(shù)量可以很大程度上的減小生成的文件大小。 在完成所有設置后，記得保存好PSD格式的文件，便于以后必要的時候進行改動（其實這點是需要養(yǎng)成的好習慣）。到了最后時刻了，打開File菜單，選擇SaveOptimized將文件保存成gif格式的動畫文件。
如果你是一個PS高手的話，相信可以利用ImageReady制作出更經(jīng)典gif動畫。（作者：木木樹）
編者說明：
Photoshop CS3相比其它版本在功能上有了很多改進，cs3版本已經(jīng)沒有了以往的Image Ready附件，在面板的左下方也找不到那個由photoshop到動畫的切換圖標了。在cs3中打開動畫面板的方法請參閱以下文章：《
在PS CS3中如何打開和編輯GIF動畫》
