精美的圖片是做網(wǎng)站必不可少的元素，尤其是GIF動畫，可以讓原本呆板的網(wǎng)站變得栩栩如生。大家見得最多的可能就是那些不斷旋轉(zhuǎn)的“Welcome”，以及風(fēng)格各異的廣告Banner。在Windows平臺上，制作GIF動畫有許多工具，其中著名的有Adobe公司的ImageReady、友立公司的GIF Animation等。在Linux平臺上，我們同樣可以輕松地制作動感十足的GIF動畫。Linux中的GIMP就是一個(gè)具有同GIF Animation或者ImageReady一樣簡單易用，并且功能強(qiáng)大的GIF動畫制作工具。它不僅完全可以勝任GIF動畫制作，而且可以充分利用GIMP強(qiáng)大的圖像處理功能，使GIF動畫更具感染力和吸引力。

GIMP制做GIF動畫很簡單，其原理就是將一幅幅差別細(xì)微的靜態(tài)圖片不停地輪流顯示，就好像在放映電影膠片一樣。說得更具體一些，就是要在GIMP中做好GIF動畫中的每一幅單幀畫面，然后再用GIMP將這些靜止的畫面連在一起，設(shè)定好幀與幀之間的時(shí)間間隔，最后保存成GIF格式即可。明白了GIF動畫的原理，我們就可以開始著手用GIMP來制作GIF動畫。筆者以一幅企鵝的GIF動畫為例，介紹使用GIMP制作(創(chuàng)作)GIF動畫的方法。

制作GIF動畫的準(zhǔn)備工作

為制作GIF動畫需要準(zhǔn)備一張企鵝的圖片，并且要有安裝有GIMP的Linux系統(tǒng)，筆者這里以Red Hat 8.0為例。

GIF動畫制作步驟

1.制作GIF動畫的背景

(1)一點(diǎn)通

對于GIF動畫，一般來說背景是必不可少的。背景既可以是一幅精選的圖片，也可以是簡單的前景色或者是背景色。

(2)詳細(xì)步驟

首先單擊GIMP主窗口選單中的“文件”選單。其次選擇“新建...”選項(xiàng)，在彈出的“新建圖像”的窗口中，將新建的圖片的寬度和高度分別設(shè)定為“900”和“300”像素。隨后單擊“OK”按鈕即可。然后，單擊GIMP主窗口的調(diào)色板，選擇明黃作為前景顏色。最后再使用主窗口工具箱中的“漸變填充”工具，從左向右進(jìn)行漸變填充。這樣GIF圖片的背景就制作好了。

(3)小技巧

使用“Alt+F”和“Ctrl+N”快捷鍵，可以迅速打開GIMP的“文件”選單和“新建…”窗口。

2.制作GIF動畫

(1)一點(diǎn)通

GIMP中沒有專門的幀設(shè)計(jì)工具，它以其獨(dú)特的方式來制作GIF動畫。在GIMP中，制作GIF動畫和制作一幅多圖層的圖片差別不大，多圖層構(gòu)成的圖片就好像是將多層膠片迭加在一起，然后從上面往下看，由各層迭加后的效果。而GIF動畫的每一幀可以看成是該圖片的一層，然后在每層之間加上控制語言，并讓其連續(xù)播放。就是我們看到的GIF動畫。

(2)詳細(xì)步驟

打開“文件”選單，將光標(biāo)指向“對話框”選項(xiàng)。從中選擇“圖層、通道和路徑...”選項(xiàng)，打開“圖層、通道和路徑”對話框，點(diǎn)擊該對話框左下角的新建層按鈕，在新建圖層的對話框中將該幀命名為Frame1。后面緊接著加上兩個(gè)用括號括起的參數(shù)“(200ms)(combine)”,其中的200ms表示幀與幀之間的間隔時(shí)間為200毫秒，combine則表示幀與幀之間切換后保留前一幀。當(dāng)然，還可以使用replace參數(shù)來替換combine參數(shù)，replace參數(shù)表示替換下一幀的圖像。這樣就可以隨心所欲地設(shè)計(jì)GIF動畫了。一個(gè)新的透明圖層建好后，可以打開要添加的圖片，見圖1所示。

圖1 對圖片進(jìn)行處理

在該窗口將其選中，然后使用“Ctrl+C”將其拷貝粘貼到剛剛建好的新圖層上。這時(shí)在“圖層、通道和路徑”對話框中就會出現(xiàn)一個(gè)“浮動選擇”層，如圖2所示。

圖2 在“圖層、通道和路徑”對話框中出現(xiàn)一個(gè)“浮動選擇”層

這時(shí)可以在新建的層上對復(fù)制過來的圖片隨意移動，并將其放到一個(gè)合適的位置。確定后可以選擇固定圖層的錨狀按鈕，將其固定到這一位置。這樣，一個(gè)圖層就做好了，見圖3所示。GIF動畫的一幀也就完成了。

圖3 一個(gè)圖層就做好了

然后如法炮制，一個(gè)圖層復(fù)制一幅企鵝圖像，猶如作三明治一般，再重復(fù)制作4個(gè)圖層即可。需要注意的是，這五個(gè)圖層中的企鵝的位置各不相同，具體位置由自己設(shè)想的運(yùn)動路徑?jīng)Q定。本例中為了演示方便，采用了最簡單的直線運(yùn)動路徑。見圖4所示。

圖4 本例企鵝采用了最簡單的直線運(yùn)動路徑

(3)小技巧

可以使用“Ctrl+L”快捷鍵直接打開“圖層、通道和路徑”對話框。

3.保存GIF動畫

(1)一點(diǎn)通

將制作好的GIF動畫保存為GIF格式的時(shí)候，會有很多選項(xiàng)可供選擇，可以根據(jù)自己的需求而定。要保存為GIF格式動畫，必須首先索引(Indexed)圖像。建議在制作過程中，從頭到尾全部采用RGB的色彩模式，即GIMP默認(rèn)色彩模式，而不要提前將其轉(zhuǎn)化為索引圖像，免得畫蛇添足，費(fèi)時(shí)費(fèi)力。

(2)具體步驟

點(diǎn)擊欲保存GIF動畫窗口的左上角的帶有三角標(biāo)志的按鈕,打開該窗口的選單,選擇“文件”選項(xiàng)中的“SaveAs...”。然后在彈出的“保存圖像”窗口最下端的文本框中鍵入該GIF動畫的名稱“Tux5.GIF”。點(diǎn)擊“確定”按鈕后，GIMP會給出一個(gè)關(guān)于導(dǎo)出圖像的提示對話框，見圖5所示。

圖5 GIMP給出一個(gè)關(guān)于導(dǎo)出圖像的提示對話框

該對話框提示需要導(dǎo)出圖像的原因和選項(xiàng)。其中第一項(xiàng)提示為GIF動畫只支持動畫幀，其下的兩個(gè)選項(xiàng)分別為“平鋪圖像”和“保存為動畫”。GIMP默認(rèn)保存為“平鋪圖像”。所謂“平鋪圖像”就是無動畫效果的靜態(tài)GIF圖片，如果需要制作靜態(tài)的GIF圖片,當(dāng)然要選這一項(xiàng)。由于要制作GIF動畫，所以只要選擇第二項(xiàng)，即“保存為動畫”選項(xiàng)。

需要注意的是，如果一旦選擇了保存為平鋪圖像(相當(dāng)于多圖層圖片合并所有圖層操作)，以后就無法再保存為動畫模式。因此，選擇時(shí)一定要三思而后行。

第二個(gè)提示則要求選擇保存的色彩模式，即索引色模式和灰階模式。如果選擇了索引色模式，就可以保存為256色索引色，而灰階模式則只能保存為256灰階黑白圖像。這里選擇索引色模式，選擇完畢點(diǎn)擊“Export”按鈕。

之后就會出現(xiàn)“Save as GIF”的對話框。該對話框中有兩大部分。第一部分是“GIF Options”在這里的“GIF Comment”(GIF圖片的注釋)，可以添加對該GIF圖像的注釋，如“Lovely Tux!”。第二部分是動畫選項(xiàng)，這部分中關(guān)鍵是在“Frame Disposal WhereUnspecified”中選擇“Cumulative Layers(combine)”，見圖6所示。其它那兩項(xiàng)分別是GIF動畫永遠(yuǎn)循環(huán)和默認(rèn)的幀與幀之間的延遲時(shí)間。GIMP默認(rèn)為永遠(yuǎn)循環(huán)。如只要GIF動畫演示一遍，就得清除該選項(xiàng)。否則，應(yīng)保留默認(rèn)選項(xiàng)。默認(rèn)的幀與幀之間的延遲時(shí)間為100ms，一般采用默認(rèn)值即可以滿足要求。確認(rèn)后點(diǎn)擊“OK”按鈕即可保存。

圖6 動畫選項(xiàng)

(3)小提示

如果要保存為Replace參數(shù)GIF動畫，只需在“Frame Disposal WhereUnspecified”中選擇“One Frame per Layer(Replace)”即可。這么多選項(xiàng)看似復(fù)雜，其實(shí)并沒有想像的那么復(fù)雜。現(xiàn)將常用選項(xiàng)歸納如下:

◆ 制作靜態(tài)的GIF圖片 除了色彩模式根據(jù)需要選擇外，其它項(xiàng)目只需使用默認(rèn)選項(xiàng)即可。

◆ 制作動態(tài)的GIF圖片 除了選擇“保存為動畫”和根據(jù)需要選擇“Cumulative Layers(combine)”或“One Frame per Layer(Replace)”項(xiàng)外，其它項(xiàng)目只需使用默認(rèn)選項(xiàng)即可。

4.瀏覽GIF動畫

(1)一點(diǎn)通

圖7 在“濾鏡”選項(xiàng)中選擇“動畫/Animation PlayBack”項(xiàng)

下面看一看剛才制作好的GIF動畫。不過如果直接使用GIMP打開該圖片，就會發(fā)現(xiàn)打開的GIF動畫是靜止的。難道是制作中有錯(cuò)誤?還是哪些步驟有問題?其實(shí)都不是。如果要在GIMP中瀏覽GIF動畫，必須使用一組特殊的濾鏡—動畫濾鏡組。該濾鏡組包括Animation Optimize、Animation Playback和Animation Unoptimize三個(gè)濾鏡。其實(shí)與其說Animation Playback是一個(gè)濾鏡，倒不如說它是一個(gè)GIF動畫播放器更好，它是這三個(gè)濾鏡中最為常用的一個(gè)濾鏡。我們就使用它來播放制作的GIF動畫。

(2)具體步驟

打開剛剛制作好的GIF動畫，再次點(diǎn)擊GIF動畫窗口的左上角的帶有三角標(biāo)志的按鈕，在選單中選擇“濾鏡”選項(xiàng)，選擇其中的“動畫/Animation PlayBack”項(xiàng)，見圖7所示。

打開這個(gè)GIMP內(nèi)置的GIF動畫播放器，見圖8所示。該播放器最上端有三個(gè)按鈕，依次為“Play/Stop”、“Rewind”和“Step”按鈕。其中“Play/Stop”(開始/停止)和“Step”(手動安幀播放)按鈕最為常用。選擇“Play/Stop”按鈕，該GIF動畫的各幀就會依次自動播放。選擇“Step”按鈕，則是一幀一幀播放。在播放圖片的下方還有一個(gè)幀播放進(jìn)度條，可以直觀地顯示正在播放的當(dāng)前幀序號和總幀數(shù)。

圖8 打開Animation Playback濾鏡播放GIF動畫

(3)小技巧

如果習(xí)慣于在瀏覽器中播放GIF動畫，可以使用Mozilla瀏覽器或者是KDE中的Konqueror瀏覽器播放GIF動畫。

這樣，一幅由GIMP制造的GIF動畫就制作