一些簡(jiǎn)單的GIF制作心得
關(guān)于對GIF文件的優(yōu)化
每個(gè)GIF工具都具有自動(dòng)優(yōu)化的功能,這里首推“GIF MOVIE GEAR”(以下簡(jiǎn)稱(chēng)“GMG”),因為比較“Ulead GIF Animator”(以下簡(jiǎn)稱(chēng)“UGA”),它的優(yōu)化幅度要稍微大一些。優(yōu)化方法很簡(jiǎn)單,先在“幀-屬性”對話(huà)框中確認一下如下所示:
然后按一下工具欄中下圖這個(gè)標記出來(lái)按鈕就好了:
優(yōu)化文件的好處就是能一定幅度的減小文件的容量,利于網(wǎng)絡(luò )傳輸,本站收集GIF的其中一個(gè)要求就是要優(yōu)化容量,所以還是希望每個(gè)熱心的GIF作者能夠進(jìn)行一下這么個(gè)簡(jiǎn)單的步驟。對于不透明的場(chǎng)景圖,則要在優(yōu)化前把全局幀的屬性設定為如圖所示:
這樣優(yōu)化出來(lái)的圖至少可以減少三分之二的容量,幀數多的甚至能優(yōu)化到10%以下。
另外幀的過(guò)多也會(huì )直接導致文件過(guò)大,這時(shí)候怎么優(yōu)化都無(wú)濟于事,只能刪除不必要的幀。刪除多余幀的原則是相同的鄰近幀必須刪除,可以加倍前一幀的幀率來(lái)達到延遲的效果,而沒(méi)必要無(wú)辜多出一幀。簡(jiǎn)單的位移動(dòng)作,可以隔幀的刪除
上面這幅飛行器平移的動(dòng)畫(huà),在幀數減少三分之一的情況下,視覺(jué)效果沒(méi)有大的差異,可以考慮隔幀或者隔兩幀刪除一幀的辦法來(lái)減小文件的容量,適當的可以調整剩下的幀的幀率來(lái)彌補一下流暢度。
關(guān)于圖片的“留白”GIF圖片不需要,也不應該留下大片的空白畫(huà)面,因為圖片是放在網(wǎng)頁(yè)上展示的,為網(wǎng)頁(yè)的布局方便來(lái)著(zhù)想,只要不失真,圖片面積自然是越小越好。還是介紹用GMG剪切留白的方法,在“動(dòng)畫(huà)-剪輯”菜單中,打開(kāi)這個(gè)對話(huà)框:
按下“自動(dòng)”就ok了,圖中藍色的框是原始面積,自動(dòng)剪切后是不是可以減小不少呢,而且不用擔心在別的幀里人物會(huì )被剪去手足,很方便的。需要注意的是要在優(yōu)化文件后自動(dòng)剪切才能發(fā)揮作用,否則按下“自動(dòng)”按鈕后可能會(huì )沒(méi)有任何反應。不過(guò)下面有個(gè)現象要注意一下。
關(guān)于“腳底閃爍”現象注意到上圖的腳底有閃爍現象,這是由于對GIF的剪切過(guò)度引起的,用ACDSEE等看圖工具是看不出來(lái)的,只有在IE (“Mozilla Firefox”等其它非IE核心的瀏覽器不會(huì )有此問(wèn)題) 中,這類(lèi)優(yōu)化過(guò)度的閃爍現象才可能顯露出來(lái)。一般出現這種現象的原因是圖中緊貼圖像邊緣的部分前后兩幀無(wú)變化,由此優(yōu)化算法產(chǎn)生錯誤造成的。
因此對于自動(dòng)剪切的GIF,為保險起見(jiàn),剪切后不要急于按下“確定”,要在剪切結果的四個(gè)方向上都向外拉開(kāi)兩個(gè)像素。已經(jīng)發(fā)生閃爍現象的GIF需要求助于UGA5。用UGA5打開(kāi)需要修補的GIF,找到“編輯-畫(huà)布大小”菜單
在“按位置”和“高度”上重新設置一下:增加二個(gè)像素的高度就好了;要修復的圖中哪個(gè)方位有閃爍現象,“按位置”就選這個(gè)方向的反方向。上圖是腳底閃爍,因此“按位置”就選擇反方向上方。
其實(shí)GMG也可以補救“腳底閃爍”的GIF,方法是打開(kāi)菜單“動(dòng)畫(huà)”-“參數設置”,看到如下對話(huà)框:
把“高度”數值增加2,圖片在腳底部分就會(huì )自動(dòng)增加二個(gè)像素的空白高度。如果“寬度”數值增加2,圖片會(huì )在右側增加二個(gè)像素的空白寬度,這種方法只能解決“腳底”和右側的閃爍險象。如果出現的“頭頂”或左側閃爍,就需要在完成上面的步驟后選定全部的幀,然后選擇菜單“幀”-“移動(dòng)/裁剪”,打開(kāi)以下對話(huà)框:
這個(gè)對話(huà)框的作用是設置選定的幀中的圖像在畫(huà)布中的相對位置。在圖中畫(huà)圈的地方設置數值:如果是左邊閃爍,就在左邊的數值上加2,如果是“頭頂”閃爍,就在右邊的數值上加2。
關(guān)于幀率先解釋一下什么叫幀率,GIF的幀率是把每一秒分成100等份后所占用的份數。也就是說(shuō),幀率為6,這一幀就占用了6/100秒的時(shí)間。
一般的GIF軟件默認的幀率都是10,這個(gè)速度對于有些需要突出力度和流暢度的動(dòng)作來(lái)說(shuō)就慢了,因此需要把要加快的幀減小延遲時(shí)間,在瀏覽器中能夠表達的最小幀率是6,有些朋友喜歡把幀率設為0或者1,下面看一個(gè)對比的例子,這是一幅只有兩幀的圖:
幀率:0 幀率:10 幀率:6
在看圖工具中看出的效果自然是幀率為0時(shí)最快,但是要考慮到在網(wǎng)頁(yè)上顯示的效果與看圖工具是不同的(UGA5的預覽是調用瀏覽器的內核,因此于網(wǎng)頁(yè)顯示效果一致,而GMG則與看圖工具顯示效果一致),因此本站推薦最小幀率為6。
當然要做出體現游戲節奏的GIF來(lái),就不能一味求快了,根據需要每一幀都應該有它自己的幀率,這就需要GIF愛(ài)好者們自己來(lái)對比和設定了。
關(guān)于位移格斗游戲中鏡頭總是取雙方的折中位置的,因此如果一方被打得飄起來(lái),隨著(zhù)鏡頭的上移,站在地面的人相對位置就要向下漂移了,在GIF中這種情況會(huì )影響美觀(guān),因此需要對產(chǎn)生位移的幀逐幀調整人物位置。調整方法是選定一幀,右鍵打開(kāi)“幀屬性”菜單
調整“偏移量X”和“偏移量Y”兩個(gè)數值,這個(gè)步驟很麻煩,需要點(diǎn)耐心,因為一次可能調不準確,每一幀都需要多次反復的調,達到以下結果才算OK。
關(guān)于人物位置抓圖時(shí)人物的位置沒(méi)有選好,就可能發(fā)生一胳膊一腿露在屏幕外面,抓圖沒(méi)有抓進(jìn)去,這樣出來(lái)的作品會(huì )很難看,因此需要在抓圖的時(shí)候盡量讓人物站在屏幕中間。如果需要做打擊效果,打擊后兩個(gè)人會(huì )彈開(kāi),則可以考慮讓不需要抓進(jìn)圖中的一方站在版邊,這樣雙方彈開(kāi)的位置較小,可以避免主要人物被彈到屏幕外。
上面這條龍在飛進(jìn)屏幕的時(shí)候效果并不理想
因此干脆舍棄不完整的幀,使動(dòng)作顯得完整一些。
Co