免費音樂下載

• http://www.media-tracks.com/soundeffects.asp
• http://www.findsounds.com/
• http://www.partnersinrhyme.com/pir/PIRsfx.html

字型按鈕設計

目標
設計字型按鈕元件並搭ActionScript (AS)

學習新功能

• 元件庫→新增元件→按鈕

步驟
一、製作元件

1. 先在舞台上先畫好文字型按鈕原型，例如「播放「或「暫停」或「Play」、「Stop」的字型。
2. 選取，剪下。
3. 視窗→元件，新增元件→按鈕。
4. 在第一影格貼上。
5. 修改 >打散兩次。
   
6. 視窗 > 對齊。完成對齊設定。
7. 點按第二影格，按插入關鍵影格。
8. 點按第三影格，按插入關鍵影格。
9. 點按第四影格，按插入關鍵影格。
10. 新增圖層，在第四影格插入空白關鍵影格。依第一層的文字範圍，畫出一矩形為感應區，並灌入黑色。
11. 選取該黑色矩形，編輯 > 剪下。
12. 點選第一層的第四影格，將文字刪除。
13. 編輯 > 在原地貼上。
14. 將第二圖層刪除。

二、配用AS

1. 將按鈕元件拖拉放到舞台，選取該實體。
2. 視窗 > 屬性，於屬性視窗內更改實體名稱。
3. 新增圖層，設為Action。於第一影格，鍵入類似以下的AS:
   play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);
   function clickplay_btn(event:Event):void {
   trace ("play_btn");
   gotoAndPlay("Lplay");
   }
   
   pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);
   function clickpause_btn(event:Event):void {
   trace ("pause_btn");
   stop();
   }
4. 存檔。
5. 測試影片。

補充
上列的AS語令，其字串的彩色之意義如下：

• 藍色是AS的專用名詞；
• 綠色是你設定的實體名稱或影格標籤。
• 黑色字與實體名稱相同者，表示以該實體所欲施行的方法，如pause_btn有綠色也有黑色。實體名稱及影格標籤之命名須避免與AS內定專用名。
  

按鈕AS3.0

目標
影片片頭、片尾各加一個按鈕以控制影片的播放。



學習新功能
AS3.0中的語令

• stop()
  
• gotoAndPlay()
• addEventListener(MouseEvent.CLICK, variable)

步驟
一、啟動Flash

1. 開新檔案，選ActionScript 3.0模式。

二、製作雲的移動補間

1. 在元件庫新增圖像元件，畫一片雲。
2. 在第5影格到第48影格，製作使雲有大小及位置變化的移動補間。
3. 新增圖層，更名為「文字」，在第1影格，於舞台上鍵入黑體字「試按右下二鈕」，將它們打散。
4. 在第4影格加入影格。

二、套用按鈕元件

1. 新增一圖層，更名為「按鈕」。
2. 視窗 > 內建元件庫，選擇播放按鈕，拖拉放到舞台右下，於屬性視窗設定長、寬值。
3. 視窗 > 內建元件庫，選擇播暫停鈕，拖拉放到舞台右下，於屬性視窗設定長、寬值。
4. 利用視窗 > 對齊，使齊底，再調動位置。
5. 到元件庫，將播放元件更名為「play」，將暫停元件更名為「pause」
   

三、設定實體名稱

1. 點按舞台上的播放鈕，在屬性視窗內，於實體名稱處，更名為「play_btn」。
2. 點按舞台上的播放鈕，在屬性視窗內，於實體名稱處，更名為「pause_btn」。

四、加影格標籤

1. 新增一圖層，取名為Action。
   
2. 在第5影格新增一空白關鍵影格，於屬性視窗之影格標籤欄鍵入「Lplay」。

五、加入AS (ActionScript)

1. 選取Action圖層上的第1影格，輸入以下的語令：
   stop();
   
   play_btn.addEventListener(MouseEvent.CLICK, clickplay_btn);
   function clickplay_btn(event:Event):void {
   trace ("play_btn");
   gotoAndPlay("Lplay");
   }
   
   pause_btn.addEventListener(MouseEvent.CLICK, clickpause_btn);
   function clickpause_btn(event:Event):void {
   trace ("pause_btn");
   stop();
   }
2. 在Action圖層上的最後一影格插入空白關鍵影格。
3. 點選該最後影格，於動作視窗內輸入以下語令：
   gotoAndPlay ("Lplay");
   

六、存檔

1. 測試影片。
2. 檔案，取名儲存。

建議瀏覽AS3.0教材

• 介紹官方版(中文)
  
• 按鈕設定
• 介紹滑鼠事件
• 做網頁用的Flash及其AS
  

期未作業

目標
自編劇本或改編劇本；畫分鏡、做動畫、配音效，完成有創意的Flash動畫作品。

方法

• 二人一組為原則 (可增或減一人)。
• 片長：不含片頭片尾，進修部及進專每人至少30秒，日間部每人至少60秒。
  
• 在本欄登錄班組員、專題、參考作品、故事板(分鏡表)及進度時間表。
• 作品有片頭、內容及片尾。
• 作品做成光碟版及上傳到網站。

設計比賽

2011

• 台灣國際學生設計大賽 (6月15截止)
  
• 漢字動畫比賽 (7月31日截止)

2010

•   時報金犢奬

串接外部swf (方法二)

目標
學會將數個外部swf檔串接

前置工作

• 做好cloud_1.fla~cloud_6.fla及cloud_1.swf~cloud_6.swf檔案，將它們放在同一個資料夾。

步驟

一、修改子檔

1. 開始cloud_1.fla檔。
2. 新增一圖層，置於最上層。
3. 於最後一影格，插入一空白關鍵影格。點選該空白關影格，於Action Script視窗鍵入下列語令：
stop();
loadMovie("cloud_2.swf", 0); (註：在部落格串接，"cloud_2.swf"須用絶對位址如 "http://xxx.xxx.xxx/xx/xxx/cloud_2.swf")

4. 存檔。
5. Ctrl+Enter，測試影片，以更新原swf檔。
6. 依上述2~5步驟，完成cloud_2.fla~cloud_6.fla的修改，步驟5.中語法內的_2依序更改為_3；_4；_5；_6；_1。
   

二、新增主檔

1. 新增一個檔案，取名為cloud_0。
2. 在第13加入一個空白關鍵影格。(前12影格空白，使影片進場有一秒鐘的緩衝。
3. 點選第13影格，視窗 > 動作。點選該空白關影格，於Action Script視窗鍵入下列語令：
   stop();
   loadMovie("cloud_1.swf", 0); (註：在部落格串接，"cloud_1.swf"須用絶對位址如 "http://xxx."cloud_1.swf")
   
4. 依上二步驟，將14~18的關鍵影格貼入相同的語法，但須將其中的cloud_1依序改為cloud_2；cloud_3；cloud_4；cloud_5；cloud_6。
5. 儲存檔案
6. Ctrl+Enter，測試影片，以更新原swf檔。

三、匯整

1. 新增一個英文資料夾。
2. 將複製上述主檔及各子檔的swf，貼入上一資料夾。
3. 利用Filezilla將上一資料夾上傳到學校個人網站。

四、將swf超連結到部落格。

1. 將cloud_0.swf~cloud_6.swf七個檔案上傳到個入的網站。
2. 將cloud_0.swf上傳到自己的部落格。