Flash8第5堂 (970624)

- 1 -
投影片 1 反光效果

1 開啟「反光效果.fla」檔。
2 在時間軸按下「插入圖層」按鈕，並將新圖層命名為「遮色片」。
3 在工具箱啟用「鋼筆工具」，將筆畫設為紅色、填色為無，並在屬性面板將筆畫粗細設為2。接著在舞台內沿著太空衣邊緣勾勒出數條輪廓線。
 繪製貝茲曲線時，若按鍵盤的ESC鍵可結束目前繪製的路徑。
4 接著，在舞台內使用選取工具框選所更的輪廓線，並執行「修改 /形狀 /將線段轉換成填色」；完畢後將遮色片圖層鎖定（接續下頁…）。
投影片 2 反光效果

5 在時間軸按下「插入圖層」按鈕，並將新圖層命名為「反光」；接著將反光圖層拖曳至遮色片圖層的下方（保持反光圖層為選取狀態）。
6 在工具箱啟用「矩形工具」，並將筆畫設為無。
7 開啟「調色盤」面板，先在面板內點選「填色」色盤，再將填色類型設為線性。
8 在調色盤左下角的色標按兩下滑鼠左鍵，將顏色設為白色，並將Alpha值設為0；接著再點選調色盤右下角的色標，並同樣設為白色、Alpha值為0（接續下頁…）。
投影片 3 反光效果

9 在兩個色標的中間按一下滑鼠左鍵來新增色標，並將新色標設為白色、Alpha值為100。
10 接著，使用目前顏色設定來在舞台內繪製一橫條矩形。
11 在工具箱啟用「填色變形工具」：在舞台內點選剛繪製的橫條矩形，並將漸層方向轉動為上、下兩側為透明色。
12 最後，將矩形執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「反光」，類型為圖像，按「確定」（接續下頁…）。
投影片 4 反光效果

13 在舞台內使用選取工具將橫條矩形移至舞台下側。
14 在時間軸反光圖層的影格15按F6來新增關鍵影格；接著在舞台內使用選取工具來將橫條矩形
移至舞台上側。
15 在反光圖層的影格1-15之間執行「右鍵 /建立移動補間動畫」。
16 在時間軸選取「遮色片」圖層，並執行「右鍵 /遮色片」。
17 在時間軸內反白所更圖層的影格40，並按F5來插入影格。最後按Ctrl +Enter來測試動畫效果。
投影片 5 按鈕製作

18 開啟「按鈕製作.fla」檔。
19 在工具箱啟用「矩形工具」：將筆畫為無，圓角半徑設為約20。
20 開啟「調色盤」面板，先在面板內點選「填色」色盤，再將填色類型設為線性。
21 在調色盤左下角的色標按兩下滑鼠左鍵，將顏色設為灰色（#666666）；接著再點選調色盤右下角的色標，並設為白色。
22 顏色設定完畢後，在舞台內繪製出一圓角矩形（接續下頁…）。
投影片 6 按鈕製作

23 在工具箱啟用「填色變形工具」，將圓角矩形的漸層方向調整為垂直方向（上灰下白），並將漸層範圍縮小至與按鈕同高。
24 在舞台內使用選取工具點選圓角矩形，並執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「按鈕」，類型為影片片段，按「確定」。
25 在舞台內點選按鈕實體，並在屬性面板的濾鏡標籤內按下「＋」號來新增「光暈」濾鏡：將光暈設為深灰色（#333333），品質設為高。
26 接著，再按「＋」號來新增「投影」濾鏡：將投影設為深灰色（#333333），品質設為高，距離設為2（接續下頁…）。
投影片 7 按鈕製作

27 在舞台內點選按鈕實體，並依序執行「編輯 /剪下」及「編輯 /在原地貼上」。
28 接著，點選剛複製的按鈕實體，並在屬性面板的濾鏡標籤內按兩次「－」號來移除原先套用的兩個濾鏡。完畢後再執行「右鍵 /重製元件」：將元件名稱設為「光澤」，按「確定」。
29 開啟「變形面板」，在面板內取消勾選「限制」
- 2 -
選項；再將光澤實體的寬度欄設為95，高度欄設為90（接續下頁…）。
投影片 8 按鈕製作

30 在舞台內光澤實體的上方按兩下滑鼠左鍵來進入元件編輯模式。
31 在調色盤左下角的色標按兩下滑鼠左鍵，將顏色設為白色、Alpha值設為85；接著再點選調色盤右下角的色標，將Alpha值設為0。
32 在工具箱啟用「文字工具」：將屬性面板內將色彩設為黑色、字型設為Arial、套用置中對齊；接著在按鈕上方按一下滑鼠左鍵，再鍵入HOME字樣（接續下頁…）。
 可根據按鈕大小來在屬性面板自訂文字大小、字距等外觀選項。
投影片 9 按鈕製作

33 使用選取工具框選舞台上所更的按鈕圖形，並執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「HOME」，類型為「按鈕」，按「確定」。
34 在舞台內按鈕實體的上方按兩下滑鼠左鍵來進入元件編輯模式：先在時間軸的「滑入」影格按F6來新增關鍵影格（接續下頁…）。 投影片 10 按鈕製作
35 在舞台內使用選取工具點選按鈕最底部的圖形，並利用屬性面板的顏色下拉選單來套用任意色調，著色量則設為約20%。
36 在時間軸的「按下」影格按F6來新增關鍵影格，並在舞台內框選整個按鈕後，使用鍵盤方向鍵略向右下角移動。
37 在時間軸的「感應區」影格按F5插入一般影格；再於時間軸左上角點選「場景1」來回到主要舞台，並按Ctrl +Enter來測試按鈕功能。
 亦可啟用「控制 /啟動簡易按鈕」功能。
投影片 11 影片按鈕製作

38 開啟「按鈕動作設定.fla」檔。
39 執行「插入 /新增元件」：在對話框的名稱欄鍵入「青蛙」，類型設為按鈕，按「確定」。
40 將「青蛙1」影片元件從元件庫拖曳至舞台，並依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
41 在時間軸點選「滑入」影格，並執行「右鍵 /
插入空白關鍵影格」（快速鍵F7）；接著將「青蛙2」影片元件從元件庫拖曳至舞台，並依序執行「編輯 /剪下」及「編輯 /在中央貼上」（接續下頁…）。
投影片 12 影片按鈕製作

42 在時間軸點選「按下」影格，並按F7來插入空白關鍵影格；接著將「青蛙3」影片元件從元件庫拖曳至舞台，並依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
43 在時間軸點選「感應區」影格，按F7來插入空白關鍵影格；再點選時間軸下側的「描圖紙」按鈕來以半透明方式顯現其它影格的影像。
44 接著，在舞台內使用「鋼筆工具」沿著青蛙實體繪製一多邊形。
45 在時間軸左上角點選「場景1」來回到主要舞台；再從元件庫內將製作好的「青蛙」按鈕元件拖曳舞台的中心圓內。
投影片 13 影格動作

46 在時間軸左下側點選「插入圖層」按鈕，並將新圖層重新命名為「動作」。
47 執行「視窗 /動作」來開啟動作面板（快速鍵F9）；接著在面板內按下「Script助理」按鈕。
48 在動作面板內按下「+」號按鈕，並執行「全域函數 /時間軸控制項 /stop」來插入stop語法。
投影片 14 按鈕動作設定

49 在舞台內使用選取工具點選「青蛙」實體；接著在動作面板內按下「+」號按鈕，並執行「全域函數 /時間軸控制項 /goto」：在影格欄鍵入10。
50 在時間軸動作圖層的影格25按F6來插入關鍵影格；接著在動作面板內按下「+」號按鈕，並執行「全域函數 /時間軸控制項 /goto」：在影格欄鍵入1，並勾選「前往並停止」選項。
51 最後，按Ctrl +Enter測試動畫：此時按下中央的青蛙按鈕後，影片會跳到影格10並繼續播放（產生火焰動畫），最後又回到影格1停止。
投影片 15 沿向路徑設定

52 開啟「火箭猴.fla」檔。
53 將「火箭猴」影片片段元件從元件庫拖曳至舞台內，並使用「自由變形工具」將其略為等比例縮
- 3 -
小（按Shift鍵拖曳邊框控制點）。
54 在時間軸確認火箭猴圖層為選取狀態，再按下時間軸左下角的「增加導引線」按鈕。
55 在工具箱啟用「鉛筆工具」，並在工具箱下側指定為「平滑化」模式；接著在舞台內繪製一橫向曲線來做為火箭猴的飛行路線（接續下頁…）。
投影片 16 沿向路徑設定

56 執行「檢視 /貼齊」，並確認「貼齊物件」選項為勾選狀態。
57 在舞台內使用選取工具拖曳火箭猴的中心圓點，使其放置在導引線的右側開端。
58 在時間軸火箭猴圖層的影格120按F6來插入關鍵影格，接著在舞台內拖曳火箭猴的中心圓點至導引線的左側尾端。
59 在火箭猴圖層的影格1-120之間執行「右鍵 /建立移動補間動畫」；接著反白其它圖層的影格120，並按F5來插入一般影格（接續下頁…）。
投影片 17 沿向路徑設定

60 點選火箭猴圖層的關鍵影格1，並在舞台內使用「自由變形工具」來將火箭猴實體的角度旋轉至與導引線的開端平行。
61 點選火箭猴圖層的關鍵影格120，並同樣在舞台內使用「自由變形工具」來將火箭猴實體的角度旋轉至與導引線的尾端平行。
62 點選火箭猴圖層的關鍵影格1，並在屬性面板內勾選「沿向路徑」選項：如此火箭猴在飛行時會沿著導引線來改變飛行角度。
投影片 18 火焰動畫

63 在舞台內點選火箭猴實體，並執行「右鍵 /編輯」來進入元件編輯模式。
64 在舞台內框選「火焰」圖案，並執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「火焰」，類型設為「影片片段」，按「確定」。
65 在舞台內點選火焰實體，並在屬性面板的濾鏡標籤下按「+」號來新增「模糊」濾鏡：將模糊X、Y分別設為10與20，品質設為為高（接續下頁…）。
投影片 19 火焰動畫

66 在時間軸火焰圖層的影格3按F6來插入關鍵影
格，接著再至影格4按F5來插入一般影格。
67 在舞台內點選火焰實體，並使用「自由變形工具」按住Alt鍵不放來向下拖曳火焰的下邊框控制點，使火焰能向下延長高度。
68 在時間軸猴子圖層的影格4按F5來補齊影格（接續下頁…）。
投影片 20 觸發按鈕設定

69 在時間軸左上角點選「場景1」來回到主要舞台。
70 在時間軸左下角按下「插入圖層」按鈕，並將新圖層重新命名為「按鈕」：接著在元件庫內將「發射按鈕」元件拖曳至舞台內。
71 在時間軸左下角按下「插入圖層」按鈕，並將新圖層重新命名為「動作」；接著在動作面板內按下「+」號按鈕，並執行「全域函數 /時間軸控制項 /stop」來插入stop語法。
72 最後，在舞台內點選發射按鈕實體，並在動作面板內按下「+」號按鈕，並執行「全域函數 /時間軸控制項 /play」。
投影片 21 按鈕音效

73 執行「檔案 /匯入 /匯入至元件庫」：在對話框內點選「Beep.wav」，再按「開啟」；接著重複此步驟來將Explode.wav檔匯入至元件庫內。
74 在舞台內對著「發射按鈕」實體按兩下滑鼠左鍵來進入元件編輯模式。
75 在時間軸左下角按下「插入圖層」按鈕，並將新圖層重新命名為「音效」：先在「滑入」影格按F6來插入關鍵影格，再至屬性面板的「聲音」下拉選單點選Beep.wav。
76 在「按下」影格按F6來插入關鍵影格，再至屬性面板的「聲音」下拉選單點選Explode.wav。
77 最後，按Ctrl +Enter來測試按鈕效果。