當前位置:首頁 > 嵌入式 > 嵌入式軟件
[導讀] 精美的圖片是做網(wǎng)站必不可少的元素,尤其是GIF動畫,可以讓原本呆板的網(wǎng)站變得栩栩如生。大家見得最多的可能就是那些不斷旋轉的“Welcome”,以及風格各異的廣告

 精美的圖片是做網(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所示。

[!--empirenews.page--]

圖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動畫就制作

本站聲明: 本文章由作者或相關機構授權發(fā)布,目的在于傳遞更多信息,并不代表本站贊同其觀點,本站亦不保證或承諾內(nèi)容真實性等。需要轉載請聯(lián)系該專欄作者,如若文章內(nèi)容侵犯您的權益,請及時聯(lián)系本站刪除。
換一批
延伸閱讀

9月2日消息,不造車的華為或?qū)⒋呱龈蟮莫毥谦F公司,隨著阿維塔和賽力斯的入局,華為引望愈發(fā)顯得引人矚目。

關鍵字: 阿維塔 塞力斯 華為

加利福尼亞州圣克拉拉縣2024年8月30日 /美通社/ -- 數(shù)字化轉型技術解決方案公司Trianz今天宣布,該公司與Amazon Web Services (AWS)簽訂了...

關鍵字: AWS AN BSP 數(shù)字化

倫敦2024年8月29日 /美通社/ -- 英國汽車技術公司SODA.Auto推出其旗艦產(chǎn)品SODA V,這是全球首款涵蓋汽車工程師從創(chuàng)意到認證的所有需求的工具,可用于創(chuàng)建軟件定義汽車。 SODA V工具的開發(fā)耗時1.5...

關鍵字: 汽車 人工智能 智能驅(qū)動 BSP

北京2024年8月28日 /美通社/ -- 越來越多用戶希望企業(yè)業(yè)務能7×24不間斷運行,同時企業(yè)卻面臨越來越多業(yè)務中斷的風險,如企業(yè)系統(tǒng)復雜性的增加,頻繁的功能更新和發(fā)布等。如何確保業(yè)務連續(xù)性,提升韌性,成...

關鍵字: 亞馬遜 解密 控制平面 BSP

8月30日消息,據(jù)媒體報道,騰訊和網(wǎng)易近期正在縮減他們對日本游戲市場的投資。

關鍵字: 騰訊 編碼器 CPU

8月28日消息,今天上午,2024中國國際大數(shù)據(jù)產(chǎn)業(yè)博覽會開幕式在貴陽舉行,華為董事、質(zhì)量流程IT總裁陶景文發(fā)表了演講。

關鍵字: 華為 12nm EDA 半導體

8月28日消息,在2024中國國際大數(shù)據(jù)產(chǎn)業(yè)博覽會上,華為常務董事、華為云CEO張平安發(fā)表演講稱,數(shù)字世界的話語權最終是由生態(tài)的繁榮決定的。

關鍵字: 華為 12nm 手機 衛(wèi)星通信

要點: 有效應對環(huán)境變化,經(jīng)營業(yè)績穩(wěn)中有升 落實提質(zhì)增效舉措,毛利潤率延續(xù)升勢 戰(zhàn)略布局成效顯著,戰(zhàn)新業(yè)務引領增長 以科技創(chuàng)新為引領,提升企業(yè)核心競爭力 堅持高質(zhì)量發(fā)展策略,塑強核心競爭優(yōu)勢...

關鍵字: 通信 BSP 電信運營商 數(shù)字經(jīng)濟

北京2024年8月27日 /美通社/ -- 8月21日,由中央廣播電視總臺與中國電影電視技術學會聯(lián)合牽頭組建的NVI技術創(chuàng)新聯(lián)盟在BIRTV2024超高清全產(chǎn)業(yè)鏈發(fā)展研討會上宣布正式成立。 活動現(xiàn)場 NVI技術創(chuàng)新聯(lián)...

關鍵字: VI 傳輸協(xié)議 音頻 BSP

北京2024年8月27日 /美通社/ -- 在8月23日舉辦的2024年長三角生態(tài)綠色一體化發(fā)展示范區(qū)聯(lián)合招商會上,軟通動力信息技術(集團)股份有限公司(以下簡稱"軟通動力")與長三角投資(上海)有限...

關鍵字: BSP 信息技術
關閉
關閉