GIMP 補間動畫

其實要說的就是GAP(GIMP Animation Package，相關下載參考自由影像處理軟體GIMP 相關下載)的部份功能『Move Path ...』

什麼叫做補間動畫？
就是只要在兩個關鍵影格設定好元件的相關資料
程式就會根據這些資料算出這兩個關鍵影格間其他影格的變化
例如要做一段15個影格的動畫，元件由左(座標位置x=0,y=100)向右(座標位置x=300,y=100)移動
那我們只需調整好第一個影格元件的座標到x=0,y=100
最後一個影格元件座標到x=300,y=100
那麼程式就會自動算出其他13個影格元件位置的變化了


而用GAP可以做哪些補間動畫
移動、縮放大小、旋轉、透明度、透視跟導引線動畫

接下來就進入主題，示範一下作法
裡面包括了移動、縮放、旋轉跟導引線動畫


首先準備好底圖跟要在上面做效果動作的元件
底圖必須是單一圖層，至於元件單一或多圖層都可以
但兩者都必須是RGB全彩的格式(如果不是，『影像』->『模式』->『RGB』將它轉成全彩
如果元件是經過優化過的GIF，『濾鏡』->『動畫』->『Unoptimize』取消優化)

開啟底圖圖檔之後，將它另存成xcf的檔案格式(『檔案』->『Save As...』)如0001.xcf
最好是新建一個資料夾來儲存(如C:\XCFTemp)
因為待會會產生一些暫存的序列檔案，等動畫製作完成，就可以刪除這些檔案
如果是要做導引線動畫，在存檔之前，先用鋼筆(路徑工具)做出你要的路徑後再存檔 (可以需要時再做路徑，不需存檔)

跟其它補間動畫軟體不同的地方是你必須先決定要製作的動畫總共是幾個影格
而且接下來的動作因為都是直接對檔案進行寫入的動作，所以是沒辦法Undo的

假設我們要做一個30影格的動畫
在0001.xcf的視窗，『Video』->『Duplicate Frames ...』

將N times值調成29，來創建出我們所需要的影格數
(這個動作其實就是將0001.xcf這個檔案複製29次，檔名依序改為0002.xcf～0030.xcf
連同原來的0001.xcf，所以總共是30個影格)

『Video』->『Move Path』開啟對話框



From Frame、To Frame 決定這次的Move Path效果動作是從哪個影格到哪個影格檔案
就類似決定頭尾兩個關鍵影格，不同於其他軟體的是GAP它的控制點可以只是一個或二個以上
GAP會將你設定的總控點數平均分配在兩個關鍵影格間
Layerstack 決定元件圖層的順序，0是指在最上層


『Instant Apply』勾選之後，可以即時顯示所作的調整
『Frame』在Preview視窗要顯示哪一個影格檔案


Current Point:[目前編輯的控制點] of [總共的控制點數]
X、Y 調整元件的座標位置，用來做移動補間


Width、Height 調整元件的寬高，可以用來做縮放補間
Opacity 透明度，Rotate 旋轉角度，Perspective 透視
Selection Handling 對於選區要做何處理


『Source Image/Layer』選擇來源影像來當元件.
『Mode』 圖層模式，跟圖層對話框裡的一樣，當你調完動作之後按『確定』
程式根據這些設定算出元件在每個影格的位置大小等資訊
然後把這個元件當作圖層加在對應的影格圖檔裡
如第1個影格就加在0001.xcf，第2個影格就加在0002.xcf檔案裡
如你所看到的，因為是對圖檔直接做寫入的動作，所以是無法Undo的
『Stepmode』 如果你使用的元件是多圖層動畫檔案，你希望元件在做動作時依然保持原有動畫方式
那麼可以選擇Loop，如只是想使用其中的一個圖層，就選None
也可以利用這個來合併GIF動畫檔案
『Handle』指元件是以它的哪個點來計算其位置，有左上、左下、右上、右下及中心點5種選擇


Add Point 增加控制點
Insert Point 插入、Delete Point 刪除、Prev Point前一控點、Next Point下一控點、
First Point第一、Last Point最後、Reset Point重置、Reset All Points重置所有控點、Delete All Points刪除所有控點
Grab Path 擷取路徑，如果圖檔裡有路徑的話
Rotate Follow 元件跟隨控點旋轉

首先看一下elastic水晶閃字這個元件它的動作
元件由右上角旋轉、放大、移動到左下角，停頓一段時間之後，移出畫面
有三個動作，因此需要做三次的『Move Path』
第一次
From Frame: 1
To Frame: 10
讓元件由右上角旋轉、放大、移動到左下角，所以需要2個控點
調整好第一點的位置、角度、寬高之後
按『Add Point』加入控點
接著同樣調整好第2點的位置、角度、寬高
上面那張『Move Path』對話框的圖就是第一次，第二個控點時所抓的圖

關於調整座標位置，那個XY拉桿能調整的範圍就只限定在底圖的大小
如果需要超出底圖，如負值，可以直接輸入數值或調整旁邊的上下按鍵或是直接在Preview拖曳元件位置

由於無法Undo，所以最好調完設定之後，按一下『Anim Preview』來製作暫時的影像來預覽結果
(如果底圖包含透明，但預覽的影像卻是白底或是其他顏色不透明，是ok的，我們只是用它來看我們所調的動作對不對)
預覽正確之後，再按『確定』。至於預覽的影像，預覽之後，即可關掉它，但不要存檔


另外，如果你用的Gimp是2.4，那麼按完確定之後，會出現如下的一個錯誤訊息
按確定關掉它即可，GAP程式還是有做完我們所要的動作
GAP2.2.2有修正一些問題，不過目前只有釋出的原始碼，還沒有可以安裝使用的binary版本


第二次『Move Path』
From Frame: 11
To Frame: 25
讓元件停頓一段時間，只需一控點，調整好位置即可

第三次『Move Path』
From Frame: 26
To Frame: 30
讓元件移出畫面，還是需要2個控點

做完水晶閃字這個元件的動作後，接下來是導引線
再次開啟『Move Path』對話框
選擇好元件，設定好『Stepmode』、『Handle』
調整好From Frame、To Frame:
先按住鍵盤上的 Shift 鍵，再按『Grab Path』，放開Shift鍵之後，再按『Rotate Follow』就好了
有沒有按住Shift鍵的差別在於，以我上面做的那條路徑，只有四個控點
沒按住Shift鍵，抓進來的Path就只有那四個控點
如果按住Shift鍵，那麼程式會依據你設定的frame數根據你調整的貝茲曲線為每個frame創建出控點

最後，完成所要編輯的動作之後，『Video』->『Frames to Image』將那些影格檔案轉成單一多圖層影像即可存檔了

存檔之前，按一下『濾鏡』->『動畫』->『動畫優化』以減小製作出來的檔案大小，不過效果多大，取決於你所做的動畫內容

這是有加透視的


動畫圖檔做出來之後，如果確定不再加入其他元件效果，那麼就可以到剛新建的資料夾(如C:\XCFTemp)刪掉這些xcf檔案了

在『Move Path』按了確定之後才發覺做錯了怎麼辦？
前面說了，『Move Path』的動作是將所選的元件當圖層加入對應的影格圖檔之內
所以『Video』->『Frames Layer Delete ...』


將裡面的參數值調整為剛『Move Path』裡你所設定的值後
按『確定』將剛在『Move Path』所加入的圖層刪除
注意：這步再做錯，就沒救了，得整個重新再來