在Linux中制作精彩GIF動(dòng)畫(huà)

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

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

制作GIF動(dòng)畫(huà)的準(zhǔn)備工作

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

GIF動(dòng)畫(huà)制作步驟

1.制作GIF動(dòng)畫(huà)的背景

(1)一點(diǎn)通

對(duì)于GIF動(dòng)畫(huà)，一般來(lái)說(shuō)背景是必不可少的。背景既可以是一幅精選的圖片，也可以是簡(jiǎn)單的前景色或者是背景色。

(2)詳細(xì)步驟

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

(3)小技巧

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

2.制作GIF動(dòng)畫(huà)

(1)一點(diǎn)通

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

(2)詳細(xì)步驟

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

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

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

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

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

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

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

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

(3)小技巧

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

3.保存GIF動(dòng)畫(huà)

(1)一點(diǎn)通

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

(2)具體步驟

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

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

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

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

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

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

圖6 動(dòng)畫(huà)選項(xiàng)

(3)小提示

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

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

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

4.瀏覽GIF動(dòng)畫(huà)

(1)一點(diǎn)通

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

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

(2)具體步驟

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

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

圖8 打開(kāi)Animation Playback濾鏡播放GIF動(dòng)畫(huà)

(3)小技巧

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

這樣，一幅由GIMP制造的GIF動(dòng)畫(huà)就制作