實 作 練 習 平 面 動 畫 (二) 捍 衛 戰 士
Step1：開啟Webimage 『開始』→『程式集』→『Group 42』→『WebImage』
【說明】 按『Continue』啟動Webimage
Step2：開啟圖檔 『File』→『Open』→ 開啟C:\image目錄下的範例圖檔F14.bmp
Step3：將背景透明化 『Effects』→『Transparency』
【說明】出現〝Transparency〞的視窗時，請將游標移向背景 處按滑鼠左鍵一下。
【說明】此時〝Transparency〞視窗上的色盤會變成背景的顏 色，接下來按『Preview』可預覽背景透明的效果，最 後請按『OK』鈕即可完成背景透明化的動作
Step4：再一次加入原範例圖檔F14.bmp 『Animate』→『Add Image…』
Step5：將背景透明化 『Effects』→『Transparency』
【說明】出現〝Transparency〞的視窗時，請將游標移向背景 處按滑鼠左鍵一下。
【說明】此時〝Transparency〞視窗上的色盤會變成背景的顏 色，接下來按『Preview』可預覽背景透明的效果，最 後請按『OK』鈕即可完成背景透明化的動作
【說明】按『OK』鈕後，背景透明化的效果
Step6：圖檔播放設定 『Animate』→『Image Controls…』
Step7：設定移動方向，其各設定值如下： Image： Offset：5x,0y Transition： Delay：0.10 Remove Image With：Previous Image
【說明】在設定Image Conntrols時，會出現Error的訊息，因 為我們更改了原圖檔的位置，使圖檔偏移至設定的位 置，這樣偏移圖檔會超出原圖檔的大小，所以Error 的訊息會要我們確認是否更改設定；此時按下〝確定〞 鈕即可。
Step8：加入原範例圖檔F14.bmp 重複步驟四～步驟八(Step4～Step8)六次，每加入一張圖 片，須做背景透明化、座標、間隔時間及圖檔移除方式等設定 (Step7)；設定座標時可別忘了哦！每一張圖片所設定的座標值 均不一樣，這樣讀者才能自行依座標值(X,Y)來設定飛機移動的 方向及距離，若想要飛機飛遠一點，則須多加入一些圖檔或者 將座標的值設大一點均可。 【說明】座標值的設定，若要圖片左右移動，只須改變X軸的值； 若要圖片上下移動，只須改變Y軸的值；同時改變X軸及 Y軸，便可讓圖片斜向移動。
Step9：圖檔播放控制。 『Animate』→『Animate Controls…』
Step10：設定重複播放圖檔。 點選『Continuous Looping』→ 按『OK』鈕
Step11：儲存動畫圖檔。 『File』→『Save』
【說明】將飛機的圖檔存放於C:\image\的徑下。存檔的類型 須設成GIF的格式。
【說明】由於動畫圖檔須為GIF的格式，而原〝F14.bmp〞圖檔 式是否要轉換的訊息。
【說明】接下來的訊息即是設定格式轉換的方式，若有其他特 殊的用途，可依自己喜好設定。 設定選項如下： Palette Defintion：256 Colors Optimization Method：Dithering(Quality)。
Step12：播放圖檔。 『Animate』→『Run Animation…』
Step13：預覽播放。 按播放鈕