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