單元三元件的使用

FLASH中的元件可以分成內建的元件和自製的元件，從這個星期開始，我們要使用這兩種元件製作兩個場景以上的動畫。

知識篇

FLASH中的元件，分成圖片(Graphics)，動畫(Movie Clips)，還有按鈕(Buttons)三大類，其中圖片和動畫元件我們已經使用過了，這次要講的是按鈕元件。按鈕元件分成滑鼠離開、滑鼠經過和滑鼠按下等三種圖片，以及設定滑鼠的感應範圍，這種元件可以幫FLASH完成上一頁、下一頁或者重頭開始等按鈕的功能。

操作篇

[一]練習完成底下作品

1.做出一個形狀漸變
   1.1在左上角畫出一個藍色的正方形
   1.2到40格插入空白關鍵影格(F7)，在右下角畫出一個紅色的圓形
   1.3在2~39格之間點一下，功能表修改/影格，補間動畫選擇形狀(Shape)
2.加入停止動作
    2.1加入一個圖層2（在圖層1的下方）
    2.2在圖層2的時間軸上按下右鍵，選擇動作/基本動作，按兩下停止stop（右邊方框呈現stop();）
    2.3將圖層2第一格的a拖曳到40格（表示在第40格stop）
    2.4這時候播放方框變成圓形後將會停下來
3.加入再來一次
   3.1加入一個圖層3（在圖層1的上方）
   3.2在圖層3的40格插入關鍵影格
   3.3從視窗/內建圖庫/Buttons中找出push bar
   3.4在push bar上面按下右鍵，選動作/基本動作，按兩下Go to
  （右邊方框呈現on (release)
                             { gotoAndPlay (1);
                             };）表示按下這個按鈕的時候回到第1格
    3.5輸入文字「再來一次」，移動到push bar的上方

知識篇

FLASH除了可以製作一頁的動畫，還可以製作多頁的動畫，FLASH把這些頁，稱為場景，要增加一個場景，只要用功能表插入/場景，要編修某一個場景則是功能表修改/場景

操作篇

[一]練習完成底下作品

0.先用插入/場景的功能增加場景2和場景3
1.在場景1做出一個形狀漸變
   1.1在左上角畫出一個藍色的「我」（用文字工具之後，要打散）
   1.2到40格插入空白關鍵影格，在右下角畫出一個紅色的「你」
   1.3在2~39格之間點一下，功能表修改/影格，補間動畫選擇形狀
   1.4加入一個圖層2（在圖層1的下方）
   1.5在圖層2的40格插入空白關鍵影格，按下右鍵，選擇動作，按兩下stop
   1.6加入一個圖層3（在圖層1的上方）
   1.7在圖層3的40格插入關鍵影格
   1.8從視窗/內建圖庫/Buttons中找出oval(Button Sets)裡的oval-play按鈕
   1.9在ovel-play上面按下右鍵，選動作，按兩下Go to ，選擇場景為下一個場景
2.在場景2做一個導引線動畫
   2.1增加一個圖層2和導引線圖層2
   2.2在導引線圖層2，用鉛筆畫出老鼠的路徑
   2.3從內建圖庫中找出老鼠，在圖層2，將老鼠黏在老鼠路徑的開始點
   2.4在圖層2的40格插入關鍵影格，在導引線圖層2的40格插入影格
   2.5在圖層2，將老鼠黏在老鼠路徑的結束點
   2.6選老鼠，功能表修改/實體，選擇「進階」，然後將紅色調整成R*100%+255
   2.7建立移動補間動畫
   2.8在圖層1的第一格按下右鍵，選動作，按兩下play，在40格插入空白關鍵影格，按下右鍵，選動作，按兩下stop。
   2.9增加圖層4，在40格插入關鍵影格，將oval-play按鈕拖出來
   2.10在oval-play上面按下右鍵，選動作，按兩下Go to ，選擇場景為下一個場景
3.在場景3打出名字
   3.1打出名字
   3.2增加圖層2，將oval-play按鈕拖出來
   3.3在oval-play上面按下右鍵，選動作，按兩下Go to ，選擇場景為場景1

[二]名字的變化
1.彩紅色的名字 +5分
2.逐漸顯示的名字 +5分
(提示：將逐漸顯示名字變成元件)

解惑篇

Q1.動作怎樣刪除？
A1.重新選動作，把右邊窗格的文字按下 Delete 鍵

Q2.動作做錯了，怎麼辦?
A2.先將動作刪除，然後重新按下右鍵選動作，重新設定

Q3.如何切換場景?
A3.

Q4.為什麼我按下動作的時候，會呈現灰色的，無法選擇play(stop)？
A4.因為你按下的位置沒有影格，要先插入關鍵影格或者空白關鍵影格。

知識篇

這一次我們要做一個星星形狀的按鈕，然後使用這個按鈕做出流星的動畫。星星並不容易畫出來，我們先利用五邊形來做，五邊形的內角和是540度，所以我們每次旋轉108度。

操作篇

[一]製作所需要的元件

1.製作五邊形
   1.1新增一個圖像元件five
   1.2在元件內畫一條直線
   1.3選取直線，將直線組成群組
   1.4修改/變形/編輯中心點，將中心點移動到直線的左邊
   1.5視窗/面板/變形，旋轉填入108度，按下複製並取用變形
   1.6將中心點移動到直線的左邊，再按下複製並取用變形
   1.7重複1.6直到畫出五邊形(除了第一次填入旋轉角度，之後請勿更動，電腦自己會調整)
   1.8將所有線段組成群組
2.製作星星
   2.1回到場景1，新增一個圖像元件star
   2.2從圖庫中拉出five元件
   2.3用直線工具，將五邊形的頂點連接起來變成星星的形狀
   2.4用油漆桶圖成黑色的星星
   2.5將整個圖形群組
3.製作星星按鈕
   3.1回到場景1，新增一個按鈕元件starbtn
   3.2從圖庫中拉出star元件
   3.3從圖庫中拉出第二個star元件，縮小一些
   3.4修改/實體/效果，選擇色調，選一個喜歡的顏色
   3.5將小星星移到大星星的上方
   3.6將影格複製到滑鼠經過，然後調整小星星的顏色
   3.7將影格複製到按下，然後調整小星星的顏色
   3.8將影格複製到反應區。
4.測試和存檔
   4.1回到場景一，將starbtn元件拖出來
   4.2移動到starbtn元件看看有什麼反應
   4.3儲存檔案

[二]流星雨

1.讀回上次儲存的檔案
2.背景動作
   2.1增加一個圖層2，在第一格插入一個Stop動作
   2.2在圖層1的星星上，按下右鍵，選動作/基本動作，按兩下Go to，然後將影格改成2
   2.3在圖層1的第2格插入空白關鍵影格，畫一個黑色的方框，蓋住整個繪圖區
   2.4在圖層1的第60格插入影格（F5）
   2.5在圖層2的第60格插入關鍵影格，按下右鍵，選動作/基本動作，按兩下Go to，然後將影格改成1
3.第一個流星
   3.1我們先將圖層1和圖層2變成看不見
   3.2增加一個圖層3，在第2格插入關鍵影格
   3.3將圖庫中的star拖出來，調整大小，選修改/實體/效果，選色調，選黃色
   3.4在48格插入關鍵影格，將star拖到下方，縮小(也可以旋轉)，選修改/實體/效果，選Alpha，選0
   3.5在2~48格之間插入補間動畫
   3.6在60格拖曳到48格，把多餘的影格全部刪除
4.第二個和第三個流星
   4.1增加一個圖層4，在第8格插入關鍵影格，其餘方法和前面一樣，但是動畫要做到54格
   4.2增加一個圖層5，在第14格插入關鍵影格，其餘方法和前面一樣，但是動畫要做到60格
5.加入名字和評分
    5.1用你自己的方法加入班級座號姓名
    5.2姓名的變化可以增加2~10分
    5.3播放看看，如果正確就存檔，找老師打分數