當你瀏覽網(wǎng)站看到那些栩栩如生的動畫時,是否想過自己去嘗試著做一個,讓別人也羨慕羨慕呢?現(xiàn)在使用較多的有Gif動畫和Flash動畫。雖然Flash動畫迅速崛起,但Gif動畫以其制作簡單、適用廣泛,在網(wǎng)頁動畫中的地位依然無可替代。本文向你介紹的三款軟件———Adobe的ImageReady,Macromedia的Fireworks,Ulead的GifAnimator皆可稱為經(jīng)典,仔細權(quán)衡之后,總會有一款適合你。
ImageReady號稱Web-PhotoShop。它不僅有PhotoShop強大的圖形處理能力,而且還可以創(chuàng)作富有動感的gif動畫,有趣的動態(tài)按鍵,漂亮的網(wǎng)頁,ImageReady完全有能力獨立完成從制圖到動畫的過程。它與PhotoShop的緊密結(jié)合更能顯示出它的優(yōu)勢,ImageReady是基于圖層來建立gif動畫的,它能自動劃分動畫中的元素,并能將PhotoShop中的圖像用于動畫幀。
在ImageReady的編輯環(huán)境(可通過PhotoShop工具面板的跳轉(zhuǎn)按鈕直接轉(zhuǎn)換),我們主要使用到的是Animation面板。開始時,該面板上默認只有一幀,點擊面板下方添加按鈕,插入新的圖片可以新增加一幀。另外通過層面板改變顯示和隱藏的層,還可以產(chǎn)生局部發(fā)生了變化的幀。當完成所有幀的設(shè)置,再依次播放這些幀時,動畫就產(chǎn)生了。
在每一個幀的下方,都顯示著一個數(shù)字標記,這是表示在動畫完成之后,本幀所代表的畫面將遲延幾秒。數(shù)字越大,表示該畫面停留的時間越長。一般可將重要的頁面設(shè)置成比較大的數(shù)值,以便于引起別人的注意;而一些效果過渡的畫面應取較小的值,以增加動感效果。在設(shè)置完成后,點擊該面板下的播放按鈕來對動畫進行預覽。
ImageReady在優(yōu)化處理方面也提供了比較出色的支持。Optimize面板可以對你的作品進行壓縮優(yōu)化設(shè)置,通過減少顏色數(shù)量可以很大程度上降低文件大小。
如果你是一個PhotoShop高手的話,相信可以利用ImageReady制作出更經(jīng)典的gif動畫。另外,請在完成所有設(shè)置后,保存好PSD格式的文件,以便于以后在必要的時候進行改動。
Fireworks4.0是Macromedia公司推出的一款編輯矢量位圖的綜合工具,與Dreamweaver和Flash合為網(wǎng)頁制作三劍客。在Fireworks中,你可以創(chuàng)建動畫廣告條、動畫標志、動畫卡通等多種類型的動畫圖像。由于該軟件制作動畫隨意性比較大,所以下面用具體的步驟來說明。
新建一個文件,定義好長和寬,導入所需圖片;選中圖片,選擇modify菜單Animate->Animatedselection,進入動畫參數(shù)設(shè)置;在frame框中輸入10,說明這個動畫將由10個幀組成。幀數(shù)越多,動畫越細膩,但是會加大文件大??;在move框中輸入200,這是設(shè)定移動的距離像素;在direction中輸入45,設(shè)定移動的角度,你可以點擊工作區(qū)上的symbol,用鼠標拖動路徑上的第一幀(綠色的點)和最后一幀(紅色的點),來改變它們的位置;也可以拖動中間的幀(藍色的點),改變整條路徑;單擊OK,F(xiàn)ireworks將會問你是否添加新的frame(幀),單擊OK,將會自動添加新的幀,步驟同上。
現(xiàn)在圖中的矩形上的右下角會加上一個小小的箭頭,表示這是一個動畫符號(animationsymbol),一條線表示這個符號的移動路徑,線上的每一個點表示一幀。點擊畫布下方的播放/停止按鈕,就可以播放動畫。
Fireworks對創(chuàng)建的任何對象或?qū)氲膶ο蠖伎梢宰鳛閯赢嫹枴C恳粋€符號都有自己獨立的屬性。所以你可以針對不同的對象創(chuàng)建不同的動畫形式,例如移動、淡入淡出等。
自從Ulead公司1992年發(fā)布UleadGifAnimator1.0以來,UleadGifAnimator一直是制作Gif動畫工具中功能最強大、操作最簡單的動畫制作軟件之一。利用這種專門的動畫制作程序,大家可以輕松方便地制作出自己需要的動畫來。你甚至不需要引入外部圖片,也可利用它做一些較為簡單的動畫,例如跑馬燈的動畫信息顯示等;如果只輸入一張圖片,GifAnimator可以自動將其分解成數(shù)張圖片,制作出特殊顯示效果的動畫。最新的5.0版本又添加了不少可以即時套用的特效,以及更多的動畫效果濾鏡。最令人驚喜的是目前常見的圖像格式均能夠被順利地導入,甚至部分影像文件,且皆可保存成時下最流行的Flash文件。下面就讓GifAnimator中的特有功能———動畫向?qū)б龑覀儎?chuàng)建一個簡單的動畫(軟件啟動后,動畫向?qū)S之出現(xiàn))。
設(shè)置動畫大?。ㄩL,高);選擇動畫所需要的圖片,同時可以設(shè)置延遲時間和幀速(注意對話框左下角的幀速預覽,非常體貼的設(shè)計);動畫中的各個文件將會出現(xiàn)在下方的幀面板中(FramePanel),點擊“Preview”標簽即可預覽動畫了;一個精彩的動畫banner已經(jīng)做好了,但如果這樣直接保存,生成的動畫文件會比較大,故需要對動畫進行優(yōu)化。在菜單中選擇File(文件)->OptimizationWizard(優(yōu)化向?qū)В?,在?yōu)化向?qū)е袑?yōu)化的參數(shù)進行設(shè)置,一般取默認即可。使用的顏色數(shù)越少文件越小,效果越差;向?qū)瓿珊?,彈出GifOptimization面板,列出原文件大小、優(yōu)化后文件大小、節(jié)省了多少字節(jié)等參數(shù),如果對剛才的設(shè)置不滿意,你可以選AnotherTry來重新設(shè)置優(yōu)化向?qū)А?
另外Ulead的動畫效果濾鏡是十分值得強烈推薦的。像Gate-3D(3D過渡),Diagonal-Build(傾斜過渡),SweepClock(時鐘式過渡),DiamondA-F/X(菱形動畫)、Iris-F/X(彩虹動畫)、Mosaic-F/X(馬賽克動畫)、PowerOff-F/X(關(guān)機動畫),F(xiàn)lapB-Film(分割傾斜翻頁)、ProgressiveFilm(前進式翻頁)都是比較經(jīng)典的。
動畫的形成原理與卡通影片是一樣的,都是通過視覺暫留現(xiàn)象,連續(xù)顯示數(shù)張圖片引起動態(tài)視覺效果。Gif動畫制作需要注意的無非是圖片、幀速、效果三個要素。我們將著重從軟件的易用程度、效果實現(xiàn)以及人性化設(shè)計等幾個方面來具體比較這三款軟件。
GifAnimator具有傻瓜式操作,提供了動畫制作向?qū)б约白詈蟮膬?yōu)化效果對比,特別適合新手。
Fireworks矢量做圖功能強,創(chuàng)作自由,多利用FW面板會達到意想不到的效果;但是操作稍復雜,適用于習慣Mi-croMedia軟件的用戶。
ImageReady是基于圖層來建立gif動畫的,它能自動劃分動畫中的元素,并能將Photoshop中的圖像用于動畫幀。操作比較方便,易于修改,適用于熟悉Photoshop的用戶。
(顏子羚 中國網(wǎng)友報)