心琴

在FLASH 所用到的元件有「圖像」、「按鈕」、「影片片段」3 個種類, 特別是影片片段元件是最常被使用的。在這個單元裡, 我們要製作摩托車在運行的動畫, 一邊組合輪胎等摩托車的零件(影片片段元件), 一邊做有效率的操作。

STEP01: 仔細學習元件的種類
到目前為止的單元裡, 我們所使用的元件主要是「圖像」元件, 而元件共分為圖像、按鈕、影片片段3個類別。

圖像元件
可用來設定靜止畫面與動畫, 它和影片片段元件不同的是, 無法利用ActionScript 控制, 所以在製作與瀏覽者互動的道具上很少被採用；還有時間軸與主要時間軸為同步。優點是檔案比影片片段小一點, 也比較不佔記憶體空間。

TIP：若要製作不需使用ActionScript 控制的動畫, 請盡量 使用圖像元素

按鈕元件
按鈕式功能的元件, 可以用ActionScript 控制, 時間軸則和「圖像」與「影片片段」不同, 它的時間軸比較特別, 有「一般」(通常的狀態)、「滑入」(當指標移至按鈕上的狀態)、「按下」(在按鈕上按下滑鼠鈕的狀態)、「感應區」(反應指標的範圍) 的影格。

影片片段
具有更多製作彈性的元件, 也可以當作「圖像」或「按鈕」來使用。它具有獨立的時間軸, 和主時間軸不同步。例如, 將30 影格的旋轉動畫設定為影片片段元件, 再將其配置在主時間軸上時, 即使只有一個影格, 也可以播放(「圖像」元件便無法播放)。

由於它具有獨立的時間軸, 想要確認動畫時, 就要利用測試動畫功能(否則即使按鍵也無法播放)。
如果要製作元件內的元件(在元件內又加入元件, 以製作出較複雜的動畫), 就可用影片片段元件的功能。
STEP02: 確認作業流程

在這個單元裡, 我們要製作一個摩托車在運行的動畫, 由於動作比較複雜, 如果只用一個時間軸來設定會太辛苦, 而且最大的問題, 就是編修工作了。

若使用FLASH 的影片片段元件, 可將單獨動作的物件用零件來管理, 構築整個動畫。到目前為止,我們使用了一些影片片段元件, 在此我們要了解在元件內放入元件的架構, 並做更仔細的學習。

STEP03: 確認製作動畫的素材

請開啟範例檔案les2_07.fla, 確認時間軸的內容。其中共有8 個圖層, 其中「摩托車」圖層沒放任何東西。接下來請打開元件庫面板, 其中有3 個資料夾, 在「圖像素材」資料夾裡, 有「monkey」、「輪胎」、「摩托車」3 個圖像元件。

另外我們還設定了動畫, 先用測試動畫預覽看看,可以發現背景的草與標幟等會移動。我們要在這個單元裡將運行的摩托車放置在舞台中央。

STEP04: 製作輪胎旋轉的影片片段元件

1.先建立一個空的影片片段。請按一下元件庫面板的建立新元件,在交談窗的名稱欄輸入"mc_輪胎"；類別設定為影片片段後, 按下確定鈕。

2.建立好影片片段元件後, 會切換至元件編輯模式,圖層的名稱是圖層1, 在名稱位置雙按後, 將圖層名稱變更為"輪胎"。

3.在元件庫面板裡, 將「圖像素材」資料夾下的「輪胎」拉曳到舞台上。配置好「輪胎」的實體後, 請執行『編輯/剪下』命令, 接著再執行『編輯/在中央貼上』命令。

4.旋轉輪胎。在「輪胎」圖層的第10 影格裡插入關鍵影格(按右鈕選擇『插入關鍵影格』命令)。

5.點選「輪胎」圖層的第1 影格, 在屬性面板的補間動畫欄選擇移動, 再於旋轉欄設定逆時針。旁邊的輸入欄裡會自動顯示「1」, 這個「1」是指10 個影格做一次旋轉。請按下Enter鍵確認動畫。

6.新增輪胎的影子。按下插入圖層, 建立一個新圖層, 圖層名稱設定為"影子", 並把「影子」圖層拉曳到「輪胎」圖層的下面。

7.製作透明的影子。首先, 選取橢圓形工具,打開調色盤面板, 將筆畫顏色設為無；填色顏色設為黑色；Alpha欄裡輸入"35" 之後, 請按下Enter鍵。

8.請在舞台上畫出輪胎的橢圓形影子, 畫好後利用選取工具調整它的位置, 定好「mc_輪胎」影片片段元件的輪胎旋轉動畫了。