游戲GIF動畫制作簡易教程

這個是刊在《玩電腦》雜志05年第一期的上的文章,，我現(xiàn)在貼出原稿,，也為論壇多一篇教程，全文采用GIF Movie Gear做圖,，簡單易用,。

常上論壇的朋友一定見過一些街機游戲人物的個性動畫簽名，是不是覺得很有意思呢,，我現(xiàn)在就教大家如何制作此類簽名,。
那些有趣的圖片就是GIF動畫,，是由好幾張甚至幾百張圖片組成的，我們要做的就是截取游戲圖片,，然后合成一個GIF動畫,。

一、截取圖片：
首先就是要有模擬器和游戲（rom）,，這個我相信有玩過模擬器的都有,。我就以著名的模擬器WinKawaks和KOF97游戲為例，來介紹整個制作過程,。先熟悉一下幾個常用的按鍵,。
Enter鍵是暫停，F(xiàn)5是存盤,，F(xiàn)7是讀盤,，Shift+F5是開始錄像，Shift+F7是讀取錄像,。（圖1）


1,、讀取游戲：點圖1中的載入游戲，彈出游戲菜單（圖2）,，


雙擊游戲名稱就進入游戲了,。
2、先玩玩吧,，玩夠了你接著往下看,。
3、好了,，我們來做一個人物的出招動作,，游戲中按下Shift+F5開始錄像，完成出招動作后,，再按Shift+F5結(jié)束錄像?，F(xiàn)在按下Shift+F7看看是否是剛才錄制的動作的回放，確定我們錄制的動作無誤后接下來進行下一步,。
4,、再次按下Shift+F7，然后按回車鍵暫停,。點“視頻”把背景顏色設(shè)置成“粉紅”,，因為這個顏色是游戲中用不到的顏色，便于將來的去背景操作,。（圖3）


然后點“工具”選“抓圖工廠”（圖4）,，


就彈出圖5所示的窗口，


由于之后的截圖操作都是在這里進行，所以最好把原游戲窗口和這個抓圖工廠窗口一左一右或一上一下的放置,，以便于操作,。
5、雙擊圖5中的活動塊便可以去掉游戲背景以及不要的人物,，圖7就是圖6去掉部分活動塊后的效果,。




最后我們只留下一個人物的活動塊（見圖8），


這時畫面中除了人還有不用的血槽和時間（圖9）,。


不要緊,，點圖9中鼠標處的圖層8x8，就可以去掉了,。（圖10）


（提示：其他游戲,，如某些射擊游戲可能還要去掉16x16、32x32圖層）
6,、現(xiàn)在可以開始截圖了,，點圖9中的“屏幕截圖（未過濾）”，便截下一張圖,，然后點“顯示下一禎（S）”,，畫面就變了，于是再點“屏幕截圖（未過濾）”就截下第二張圖,。由于活動塊不是固定的,，所以在點下一禎時，畫面可能會又多出不用的背景,，這時需要再去掉這些活動塊,。依法一張張的截圖，直到人物完成整個出招動作,。
（提示：不必每一禎都截下來,，只要截不同畫面的禎就好了，將來有了經(jīng)驗之后還知道有些不同的禎不需要截,。）
7,、由于人物的動作還帶有火焰，所以截圖時也要保留,，其他的如人物的影子則可以不要,。并注意隨時調(diào)整多余和丟失的活動塊,。
8,、所有截圖文件都保存在WinKawaks模擬器目錄下的capture文件夾里，格式為png,。

二,、制作動畫：
制作動畫的工具我推薦大家用GIF Movie Gear4（以下簡稱GMG），這款GIF工具簡單易用，功能強大,，非常適合新手做GIF圖,，軟件下載地址： http://emugif./down/soft/gmg401.rar
1、打開GMG,，點“打開文件”載入capture文件夾下的所有圖片（圖11）,，



這時GMG的播放窗口就彈出來并且開始播放動畫（圖12）。


2,、我們先關(guān)閉動畫窗口,，并雙擊任一禎畫面彈出“屬性設(shè)置”框，選第二分頁項“全局禎”,，然后點圖13中的“透明”,，


在彈出的“選擇透明索引色”框里用吸管點一下粉紅的背景（圖14），


這時畫面中就只有人物了（圖15）,，


最后點擊確定,，回到了剛才的“屬性設(shè)置”框。現(xiàn)在點擊最下面的下拉菜單,，把默認的“不做處理”換成“先用背景色填充”（圖16）,。


再次確定退出，發(fā)現(xiàn)所有的禎都去掉了背景,，這樣大致的動畫就完成了,。

三、修整動畫：
先點工具欄上的播放按鍵看看效果（圖17）,，


是不是覺得偏慢或者發(fā)現(xiàn)一些截取圖片時忘記去掉活動塊而產(chǎn)生的多余的東西,，不要緊，現(xiàn)在我們就來調(diào)整這個動畫,。
（提示：點工具欄上的放大或縮小鍵便于整體查看所有畫面）
1,、刪除多余禎：由于每個人截的圖都不同，所以做法略有不同,，在剛才播放過動畫后（圖18）,，


我發(fā)現(xiàn)16禎前面的幾禎不是我要的動作，所以可以刪掉,。點選不要的禎,，然后刪除。
（提示：點一副圖后按下shift鍵再點另一副圖,，這樣可以選取兩副圖之間的所有圖片,。（圖19）


2、剪掉多余的圖像：如圖20,，


有紅線框的禎在左上角都有多余的頭像,，在需要修剪的圖片上點右鍵,，選“移動/裁剪禎（M）”（圖21），


把虛線拉到合適的地方然后點確定（圖22）,，


這樣就去掉了多余的頭像,。截圖中的其他雜質(zhì)也是用這個方法去除。
3,、去除相似禎,，中間禎：相鄰的兩禎或幾禎常常都是人物位移上有些細微差距，如圖23就是人物在高度上有些細微變化,，


這時就可以只保留一禎,。還有人物的前進、后退,、上升,、下降的全過程截出的圖都有好多，其實我們只要保留移動動作的頭尾禎,，中間的過程禎可以不要,，或者最多保留一張中間禎，因為連續(xù)播放時這些畫面都一閃而過,，人的肉眼根本就觀察不到,，所以刪除了也沒有關(guān)系，還可以節(jié)省動畫的體積,，更提高了動作的流暢度,，所以這個操作是必要的。當然如果游戲中人物的動作有明顯的移動過程,，那還是要多留些中間禎的,。
（提示：感覺速度慢或者不該停頓的地方有停頓就是因為保留的幀太多，這時就該動手刪掉一些過渡禎,，但是也需要留意刪除的尺度,，如果刪除過渡造成動畫出現(xiàn)掉幀那就不妙了。）
4,、時間問題：可能有人會覺得奇怪,，為什么我在做圖時人物的動作都很正常，但是一旦上傳到網(wǎng)頁上就太快或者太慢了呢,？其實我們作圖軟件和看圖軟件里看到的GIF動畫的速度是和網(wǎng)頁上看到的速度是不一樣的,，電腦配置越高，在作圖軟件和看圖軟件里看到的速度就越快,，而網(wǎng)頁則不受這個影響,，而且我們做簽名也是在網(wǎng)頁中使用，所以我們作圖的速度應(yīng)該以網(wǎng)頁中的為準,。一般時間設(shè)為10時,，作圖軟件和網(wǎng)頁里速度是一樣的,，所以10是做GIF的標準速度,。而10以下的時間不是越少越快,，在網(wǎng)頁里最快的速度是6而不是0也不是1，所以在覺得人物速度偏慢時,，可以把速度調(diào)為6,。除6外的所有時間和10都差不多，這個大家可以自己體會,。圖16中的數(shù)字10就是速度,，也可以在圖24中改速度，


還要注意的是改的時候是單禎的速度還是全局禎的速度,，這個要看具體需要,。所以一個圖做完可以把圖拉到IE瀏覽器里播放看看是否速度正常，不正常再改,，而不必到上傳到網(wǎng)頁后才知道,。
5、裁剪大?。喝客瓿珊髨D片的尺寸是204x224（圖25）,，


我們可以剪掉空白的部分，這樣放到網(wǎng)頁上也省空間,。照上面剪多余頭像中講的方法可以剪掉多余的空白,，但是操作比較麻煩，新手可以偷懶一點,，直接點圖26中的“優(yōu)化動畫”按鈕,，


結(jié)束后再雙擊任一禎，在彈出的“屬性設(shè)置”框里選第三分頁項“動畫”,，然后點擊“自動大小”（圖27）,，


最后確定。這樣圖的尺寸就小了,。（圖28）


好了,，以上就是做一個簡單動作的全部過程，你學會了嗎,？如果你對這個GIF動畫制作感興趣而且想做更漂亮的合成圖,，那就到 http://emugif./ 網(wǎng)站看看，網(wǎng)絡(luò)上流行的此類GIF圖都是來自這里的,。