2009/05/09

媽祖露臉

目標
製作伸鏡入廟看媽祖的動畫



步驟
一、在ToonBoon做伸鏡動畫

(一)繪製動畫元素
  1. 啟動ToonBoom。
  2. 新增一專案,設定其畫面大小為640x360。
  3. 視窗 > 繪圖
  4. 分別畫出廟、順風耳、千里眼、媽祖、背景等物件。
(二)設定各動畫元素的影格數
  1. 滑鼠右鍵點按Timeline的各元素層,選Extend Exposuere,為各物件設影格數60格。
(三)調整各動畫元素的Z軸深度
  1. 選Timeline的元素層,點按Top View,被選的元素會呈深綠,將各元素排列,廟離相機最近,其次是順風耳與千里眼,接著是媽祖,最後是背景。
(四)調整各動畫元素的正面
  1. 從Timeline視窗選各動畫元素,進入Camera視窗,觀看其正面配置。
(五)設定相機的peg
  1. 於Timeline視窗,將內定的Peg層更名為「Camera_Peg」。
  2. 將內定的Camera圖層拖拉放給「Camera_peg」。
  3. 滑鼠右鍵點按「Camera_Peg」時間軸上的第1影格,選擇「Add Keyframe」。
  4. 同上一步驟,在「Camera_Peg」時間軸上的第20、40、60影格,選擇「Add Keyframe」。
  5. 進入Side View模式,從工具列選用Motion工具,移動Peg的節點。
  6. 進入Camera視窗,點按播放鈕,測動伸鏡結果,調整之,迄滿意為止。
(六)設定動畫元素的peg
  1. 點按Timeline視窗上方的「Add Peg」鈕以新增一peg圖層,將該圖層更名為「SoonPhone_peg」。
  2. 把順風耳圖層拖拉放到「SoonPhone_peg」層。
  3. 依序在「SoonPhone_peg」時間軸上的第40及60影格,以「Add Keyframe」新增關鍵影格。
  4. 進入Top View模式,從工具列選用Motion工具,移動Peg的節點,使順風耳往右移動。
  5. 同上三步驟,新增Senliyen_peg,將千里眼做出在影格40往左移的動畫。
二、存檔
  1. 儲存檔案。
  2. 輸出為swf,取名為mazu_1.swf
三、在Flash新增Play及Replay按鈕
  1. 開啟Flash,設定畫面大小為640x360。
  2. 檔案 >匯入至舞台,選mazu_1.swf。
  3. 新增一圖層,取名為「按鈕」。
  4. 加入播放及重播按鈕。(參考伸鏡入景法之步驟十~十二)
  5. 加入AS語令。(參考伸鏡入景法之步驟十三)
  6. 另存新檔,測試影片。
  7. 將上一步驟的swf取名為mazu_btn.swf,將它上傳到部落格。