Lesson 9: Flash (I)
* Flash screen
shot
9.1
Introduction
- 功能表列: 包含 Flash
所有的功能與指令，選擇功能名稱後，可以拉出該功能的選單。
- 工具: 工具面板分為工具、檢視、顏色和選項四部份，進行繪製及編修圖形。
- 狀態列: 顯示目前編輯狀態的訊息。
- 編輯區域:
可繪製圖形、製作動畫及顯示動畫效果，並進行各種編修及調整。
- 時間軸面板:
將所有物件透過順序安排，放在時間軸的不同影格 (Frame) 上，加上某些影格中的特殊效果設定。
- 檢視面板 (Panels):
在功能表列的視窗選單裡，Flash 提供了各種不同功能的面板來進行動畫製作的設定。
- 屬性檢視器 (Properties):
點選不同物件時，會顯示該物件的相關屬性。
9.2
基本操作
- 動畫中心的時間軸
1. 圖層: 在同一個圖層可放置很多物件，若有兩個物件要同時出現，須將這兩個物件放在不同的圖層上，如此才能進行動畫播放。
2. 影格: 在時間軸上的一格一格就是影格，每一個影格就像卡通影片中，一張張動作的分解圖。
3. 時間軸: 在時間軸的每一個影格上，安排圖片或效果。
4. 時間軸指標: 顯示目前舞台上正在放映的影格。
5. 描圖紙工具: 輔助編輯檢視的工具。
9.3
影格
- 新增影格 bus.bmp
* 將演員放在舞台上後，必須要新增影格，才會形成動畫。移動指標選擇第 20 影格，到功能表列選擇插入，從選單中選擇影格。
- 插入關鍵影格
* 關鍵影格 (Keyframe) 和影格的不同在於，影格是一個靜態的動畫，如要讓動畫產生變化或增加物件時，就要增加關鍵影格。For example,
第1到第19影格元件在原地不動，到了第20影格要改變元件的位置時，就要在第20影格插入一個關鍵影格。
1. 移動指標選擇第20影格，按滑鼠右鍵後，從選單中選擇插入關鍵影格。
2. 選擇第20影格，移動指標將元件拖移到左標。
- 空白關鍵影格
* 空白關鍵影格 (Blank Keyframe)
內是不會有如何的物件，它也是在製作動畫時很重要的影格。如果舞台上的元件要消失在第15影格，然後在第20影格再顯示元件，中間消失的過程就需要用到空白影格。
9-4
Flash 動畫中的演員
- 建立圖像元件:
bird.bmp;
small picture.zip;
small background.zip
1. 功能表插入 --> 新增元件。
2. 出現視窗後，填入名稱 --> 在行為指令區選擇確定。
3. 進入圖像元件編輯模式，利用工具面板繪製元件，或是匯入點陣圖，選擇場景1回到場景畫面。
4. 開啟元件庫面板後，將新增的圖像元件拖移到編輯區。
5. 將製作好的元件拖移到編輯區後，就成為一個替身 (Instance)。
- 建立影片片段元件:
saucer.jpg
* 影片片段元件 (Movie Clip) 就像是一個獨立的小動畫。
1. 移動指標到元件，到功能表列選擇插入，從拉出的選單中選擇轉換成元件。
2. 出現轉換視窗後，輸入名稱，在行為指令區選擇影片片段，按確定。
3. 移動指標選擇編輯文件鈕，從選單中選擇該元件。
4. 進入影片元件編輯模式後，移動指標到第15影格按下滑鼠右鍵，從選單中選擇插入關鍵影格。
5. 開啟屬性面板，移動指標選擇第一影格，從補間動畫選單中選擇移動，從旋轉選單中選擇順時針，次數輸入
2，選擇場景 1 回到場景畫面。
6. 回到場景後，開啟元件庫面板，將做好的影片片段拖移到編輯區。
7. 功能表列選擇控制，選單中選擇測試影片。
- 建立按鈕元件
1. 功能表選插入，選新增文件。
2. 視窗出現後，輸入名稱，行為指令區選按鈕，確定。
3. 進入按鈕編輯模式後，在一般影格製作按鈕樣式，接著選滑入影格，按滑鼠右鍵，從選單中選擇插入關鍵影格。
4. 在滑入影格修改按鈕樣式後，選按下影格，按滑鼠右鍵，從選單中選插入關鍵影格。
5. 在按下影格作相同的動作。選感應區影格，按滑鼠右鍵，從選單中插入空白關鍵影格。
6. 到工具面板選擇橢圓形工具，在編輯區畫出感應範圍。
7. 回場景，開元件庫，將按鈕元件拖移至編輯區。
8. 從功能表選擇
控制/啟動簡易按鈕預覽。
7.4
漸變動畫
- 漸漸消失的元件
11-04-01.fla
1. 將元件拖移到編輯區，選擇第 20 影格，按滑鼠右鍵，選擇插入關鍵影格。
2. 選擇元件，移到右上角。
3. 到工具列選擇縮放鈕，元件周圍會出現 8
個黑色方塊，移到方塊上拖移滑鼠將元件縮小。
4. 開屬性面板後，從顏色選單中選擇
Alpha，在右邊空格中輸入元件的透明度。
5. 選第 1 影格，按滑鼠右鍵，選單中選擇建立移動補間動畫。
- 照路線移動
11-04-02.fla
1. 移動指標選擇第 20 影格，按滑鼠右鍵，選單中選擇插入關鍵影格。
2. 移動指標選擇 plane 圖層，按滑鼠右鍵，選單中選擇增加導引線。
3. 新增導引線後，移動指標在工具面板選擇鉛筆工具鈕，在編輯區繪製移動導引線。
4. 選擇 plane 圖層的第 1 影格，將元件的中心點移到導引線的起始位置。
5. 選擇 plane 圖層的第 20 影格，將元件的中心點移到導引線的終點位置。
6. 選擇第 1 影格，按滑鼠右鍵，從選單中選擇建立移動補間動畫。執行測試。
- 忽隱忽現的動畫
11-04-03.fla
1. 移動指標選擇第 20 影格，按滑鼠右鍵，選單中選擇插入關鍵影格。
2. 移動指標選擇第 20 影格，將元件移到編輯區的左邊。
3. 移動指標選擇第 1 影格，按滑鼠右鍵，選單中選擇建立移動補間動畫。
4. 新增遮罩圖層後，選擇矩形工具鈕，在編輯區繪製遮罩的物件。
5. 選遮罩圖層，按滑鼠右鍵，選單中選擇遮色片。選擇播放鈕播放動畫。
- 葡萄變草莓
11-04-04.fla
1. 開啟元件庫面板，將葡萄元件移到編輯區。
2. 選擇葡萄元件，到功能表列選擇修改，選單中選擇打散。
3. 選擇第 15 影格，按滑鼠右鍵，從選單中選擇插入關鍵影格。
4. 選擇第 15 影格，按 Delete
鍵，將原本的葡萄刪除，將草莓元件移到編輯區，並將它打散。
5. 選擇第 1 影格，開啟屬性面板，從補間動畫選擇形狀。
Reference:
1. 多媒體設計實務。碁峰, 2004。
2 Flash MX
2004 白皮書.
台北:
文魁資訊, 2004.
Last Updated 3/2009
