精美的圖片是做網(wǎng)站必不可少的元素,尤其是GIF動畫,可以讓原本呆板的網(wǎng)站變得栩栩如生。大家見得最多的可能就是那些不斷旋轉的“Welcome”,以及風格各異的廣告Banner。在Windows平臺上,制作GIF動畫有許多工具,其中著名的有Adobe公司的ImageReady、友立公司的GIF Animation等。在Linux平臺上,我們同樣可以輕松地制作動感十足的GIF動畫。Linux中的GIMP就是一個具有同GIF Animation或者ImageReady一樣簡單易用,并且功能強大的GIF動畫制作工具。它不僅完全可以勝任GIF動畫制作,而且可以充分利用GIMP強大的圖像處理功能,使GIF動畫更具感染力和吸引力。
GIMP制做GIF動畫很簡單,其原理就是將一幅幅差別細微的靜態(tài)圖片不停地輪流顯示,就好像在放映電影膠片一樣。說得更具體一些,就是要在GIMP中做好GIF動畫中的每一幅單幀畫面,然后再用GIMP將這些靜止的畫面連在一起,設定好幀與幀之間的時間間隔,最后保存成GIF格式即可。明白了GIF動畫的原理,我們就可以開始著手用GIMP來制作GIF動畫。筆者以一幅企鵝的GIF動畫為例,介紹使用GIMP制作(創(chuàng)作)GIF動畫的方法。
制作GIF動畫的準備工作
為制作GIF動畫需要準備一張企鵝的圖片,并且要有安裝有GIMP的Linux系統(tǒng),筆者這里以Red Hat 8.0為例。
GIF動畫制作步驟
1.制作GIF動畫的背景
(1)一點通
對于GIF動畫,一般來說背景是必不可少的。背景既可以是一幅精選的圖片,也可以是簡單的前景色或者是背景色。
(2)詳細步驟
首先單擊GIMP主窗口選單中的“文件”選單。其次選擇“新建...”選項,在彈出的“新建圖像”的窗口中,將新建的圖片的寬度和高度分別設定為“900”和“300”像素。隨后單擊“OK”按鈕即可。然后,單擊GIMP主窗口的調(diào)色板,選擇明黃作為前景顏色。最后再使用主窗口工具箱中的“漸變填充”工具,從左向右進行漸變填充。這樣GIF圖片的背景就制作好了。
(3)小技巧
使用“Alt+F”和“Ctrl+N”快捷鍵,可以迅速打開GIMP的“文件”選單和“新建…”窗口。
2.制作GIF動畫
(1)一點通
GIMP中沒有專門的幀設計工具,它以其獨特的方式來制作GIF動畫。在GIMP中,制作GIF動畫和制作一幅多圖層的圖片差別不大,多圖層構成的圖片就好像是將多層膠片迭加在一起,然后從上面往下看,由各層迭加后的效果。而GIF動畫的每一幀可以看成是該圖片的一層,然后在每層之間加上控制語言,并讓其連續(xù)播放。就是我們看到的GIF動畫。
(2)詳細步驟
打開“文件”選單,將光標指向“對話框”選項。從中選擇“圖層、通道和路徑...”選項,打開“圖層、通道和路徑”對話框,點擊該對話框左下角的新建層按鈕,在新建圖層的對話框中將該幀命名為Frame1。后面緊接著加上兩個用括號括起的參數(shù)“(200ms)(combine)”,其中的200ms表示幀與幀之間的間隔時間為200毫秒,combine則表示幀與幀之間切換后保留前一幀。當然,還可以使用replace參數(shù)來替換combine參數(shù),replace參數(shù)表示替換下一幀的圖像。這樣就可以隨心所欲地設計GIF動畫了。一個新的透明圖層建好后,可以打開要添加的圖片,見圖1所示。
圖1 對圖片進行處理
在該窗口將其選中,然后使用“Ctrl+C”將其拷貝粘貼到剛剛建好的新圖層上。這時在“圖層、通道和路徑”對話框中就會出現(xiàn)一個“浮動選擇”層,如圖2所示。
圖2 在“圖層、通道和路徑”對話框中出現(xiàn)一個“浮動選擇”層
這時可以在新建的層上對復制過來的圖片隨意移動,并將其放到一個合適的位置。確定后可以選擇固定圖層的錨狀按鈕,將其固定到這一位置。這樣,一個圖層就做好了,見圖3所示。GIF動畫的一幀也就完成了。
圖3 一個圖層就做好了
然后如法炮制,一個圖層復制一幅企鵝圖像,猶如作三明治一般,再重復制作4個圖層即可。需要注意的是,這五個圖層中的企鵝的位置各不相同,具體位置由自己設想的運動路徑?jīng)Q定。本例中為了演示方便,采用了最簡單的直線運動路徑。見圖4所示。
圖4 本例企鵝采用了最簡單的直線運動路徑
(3)小技巧
可以使用“Ctrl+L”快捷鍵直接打開“圖層、通道和路徑”對話框。
3.保存GIF動畫
(1)一點通
將制作好的GIF動畫保存為GIF格式的時候,會有很多選項可供選擇,可以根據(jù)自己的需求而定。要保存為GIF格式動畫,必須首先索引(Indexed)圖像。建議在制作過程中,從頭到尾全部采用RGB的色彩模式,即GIMP默認色彩模式,而不要提前將其轉化為索引圖像,免得畫蛇添足,費時費力。
(2)具體步驟
點擊欲保存GIF動畫窗口的左上角的帶有三角標志的按鈕,打開該窗口的選單,選擇“文件”選項中的“SaveAs...”。然后在彈出的“保存圖像”窗口最下端的文本框中鍵入該GIF動畫的名稱“Tux5.GIF”。點擊“確定”按鈕后,GIMP會給出一個關于導出圖像的提示對話框,見圖5所示。
圖5 GIMP給出一個關于導出圖像的提示對話框
該對話框提示需要導出圖像的原因和選項。其中第一項提示為GIF動畫只支持動畫幀,其下的兩個選項分別為“平鋪圖像”和“保存為動畫”。GIMP默認保存為“平鋪圖像”。所謂“平鋪圖像”就是無動畫效果的靜態(tài)GIF圖片,如果需要制作靜態(tài)的GIF圖片,當然要選這一項。由于要制作GIF動畫,所以只要選擇第二項,即“保存為動畫”選項。
需要注意的是,如果一旦選擇了保存為平鋪圖像(相當于多圖層圖片合并所有圖層操作),以后就無法再保存為動畫模式。因此,選擇時一定要三思而后行。
第二個提示則要求選擇保存的色彩模式,即索引色模式和灰階模式。如果選擇了索引色模式,就可以保存為256色索引色,而灰階模式則只能保存為256灰階黑白圖像。這里選擇索引色模式,選擇完畢點擊“Export”按鈕。
之后就會出現(xiàn)“Save as GIF”的對話框。該對話框中有兩大部分。第一部分是“GIF Options”在這里的“GIF Comment”(GIF圖片的注釋),可以添加對該GIF圖像的注釋,如“Lovely Tux!”。第二部分是動畫選項,這部分中關鍵是在“Frame Disposal WhereUnspecified”中選擇“Cumulative Layers(combine)”,見圖6所示。其它那兩項分別是GIF動畫永遠循環(huán)和默認的幀與幀之間的延遲時間。GIMP默認為永遠循環(huán)。如只要GIF動畫演示一遍,就得清除該選項。否則,應保留默認選項。默認的幀與幀之間的延遲時間為100ms,一般采用默認值即可以滿足要求。確認后點擊“OK”按鈕即可保存。
圖6 動畫選項
(3)小提示
如果要保存為Replace參數(shù)GIF動畫,只需在“Frame Disposal WhereUnspecified”中選擇“One Frame per Layer(Replace)”即可。這么多選項看似復雜,其實并沒有想像的那么復雜。現(xiàn)將常用選項歸納如下:
◆ 制作靜態(tài)的GIF圖片 除了色彩模式根據(jù)需要選擇外,其它項目只需使用默認選項即可。
◆ 制作動態(tài)的GIF圖片 除了選擇“保存為動畫”和根據(jù)需要選擇“Cumulative Layers(combine)”或“One Frame per Layer(Replace)”項外,其它項目只需使用默認選項即可。
4.瀏覽GIF動畫
(1)一點通
圖7 在“濾鏡”選項中選擇“動畫/Animation PlayBack”項
下面看一看剛才制作好的GIF動畫。不過如果直接使用GIMP打開該圖片,就會發(fā)現(xiàn)打開的GIF動畫是靜止的。難道是制作中有錯誤?還是哪些步驟有問題?其實都不是。如果要在GIMP中瀏覽GIF動畫,必須使用一組特殊的濾鏡—動畫濾鏡組。該濾鏡組包括Animation Optimize、Animation Playback和Animation Unoptimize三個濾鏡。其實與其說Animation Playback是一個濾鏡,倒不如說它是一個GIF動畫播放器更好,它是這三個濾鏡中最為常用的一個濾鏡。我們就使用它來播放制作的GIF動畫。
(2)具體步驟
打開剛剛制作好的GIF動畫,再次點擊GIF動畫窗口的左上角的帶有三角標志的按鈕,在選單中選擇“濾鏡”選項,選擇其中的“動畫/Animation PlayBack”項,見圖7所示。
打開這個GIMP內(nèi)置的GIF動畫播放器,見圖8所示。該播放器最上端有三個按鈕,依次為“Play/Stop”、“Rewind”和“Step”按鈕。其中“Play/Stop”(開始/停止)和“Step”(手動安幀播放)按鈕最為常用。選擇“Play/Stop”按鈕,該GIF動畫的各幀就會依次自動播放。選擇“Step”按鈕,則是一幀一幀播放。在播放圖片的下方還有一個幀播放進度條,可以直觀地顯示正在播放的當前幀序號和總幀數(shù)。
圖8 打開Animation Playback濾鏡播放GIF動畫
(3)小技巧
如果習慣于在瀏覽器中播放GIF動畫,可以使用Mozilla瀏覽器或者是KDE中的Konqueror瀏覽器播放GIF動畫。
這樣,一幅由GIMP制造的GIF動畫就制作