在Linux中制作精彩GIF動畫
精美的圖片是做網(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動畫更具感染力和吸引力。
本文引用地址:http://m.butianyuan.cn/article/201609/304673.htmGIMP制做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所示。

評論