- 1 -
投影片 1 輪胎旋轉動畫
1 開啟「機車猴.fla」檔。
2 執行「插入 /新增元件」：在對話框的名稱欄鍵入「輪胎影片」，類型為「影片片段」。按「確定」。
3 進入編輯模式後，將圖層1重新命名為「輪胎」，接著將輪胎元件從元件庫拖曳至舞台內。
4 點選舞台內的輪胎實體，先執行「編輯 /剪下」，再執行「編輯 /在中央貼上」。
5 在輪胎圖層的影格10按F6插入關鍵影格，並在影格1-10之間執行「右鍵 /建立移動補間動畫」。
6 在時間軸內點選輪胎圖層的關鍵影格1，並在屬性面板中將「旋轉」欄設為逆時針、自轉1次。
投影片 2 輪胎影子製作
7 在時間軸左下角按下「插入圖層」按鈕，並命名為影子；接著將此圖層拖曳至輪胎圖層的下方。
8 在工具箱啟用「橢圓形工具」，填色為深灰色、筆畫為無；在舞台內繪製一扁平的橢圓形來預備做為輪胎陰影。
9 使用選取工具點選橢圓形，並執行「修改 /轉換成元件」：在對話框的名稱欄鍵入「輪胎陰影」，類型為「影片片段」。按「確定」。
10 在舞台內點選橢圓形實體，並在屬性面板的濾鏡標籤內按「+」號來新增「模糊」濾鏡；接著將模糊X、Y值提高來產生模糊效果。
11 最後，在舞台內將製作好的影子移至輪胎下方。
投影片 3 柔化填色邊緣
12 若在Flash MX 2004或更早的版本，可針對需要柔化邊緣的圖形執行「修改 /形狀 /柔化填色邊緣」來產生柔邊效果。此指令可設定以下的參數：
距離：柔化邊緣的寬度。
步驟數目：數值愈高，則柔化效果愈平滑；但也會造成檔案變大。
擴展或內加：指定向外或向內來產生柔化邊緣。 投影片 4 機車與猴子動畫製作
13 執行「插入 /新增元件」：在對話框的名稱欄鍵入「機車與猴子」，類型為「影片片段」。按「確
定」。
14 進入編輯模式後，將圖層1重新命名為「機車」；接著在元件庫內將「機車」元件拖曳至舞台內，並依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
15 在時間軸左下角按下「插入圖層」按鈕，並將新圖層命名為「猴子」；接著在元件庫內將「猴子」元件拖曳至舞台內，並使猴子的手部放置在機車的手把處。
16 在舞台內點選猴子實體；並使用自由變形工具來將猴子實體中央的圓點拖曳至機車的手把處（接續下頁…）。
投影片 5 機車與猴子動畫製作
17 在時間軸猴子圖層的影格2、4、5依序按F6來插入關鍵影格；接著在機車圖層的影格5按F5來補齊影格。
18 執行「視窗 /變形」來開啟變形面板，並依序將以下關鍵影格的猴子改變旋轉角度：
影格2：設為-2度（負值為逆時針旋轉）。
影格4：設為-3度。
影格5：設為2度，。
19 最後，按Enter鍵來測試動畫設定結果。
投影片 6 機車合成製作
20 執行「插入 /新增元件」：在對話框的名稱欄鍵入「機車合成」，類型為「影片片段」。按「確定」。
21 進入編輯模式後，將圖層1重新命名為「機車」；接著在元件庫內將「機車與猴子」元件拖曳至舞台內，並依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
22 在時間軸左下角按下「插入圖層」按鈕，並命名為輪胎；接著將此圖層拖曳至機車圖層的下方。
23 在元件庫內將「輪胎影片」元件拖曳至舞台內兩次，並放置在機車前輪與後輪之位置。
24 在工具箱啟用選取工具，並按住Shift鍵來同時選取前輪與後輪；接著開啟「對齊面板」，在面板內先取消「對齊舞台」之功能，再點選「對齊下邊緣」按鈕（接續下頁…）。
投影片 7 機車合成製作
25 在時間軸輪胎圖層的影格2, 3, 4, 5依序按F6;
- 2 -
來插入關鍵影格，並在機車圖層的影格5按F5補齊影格。
26 接著，利用鍵盤方向鍵依序調整每一個關鍵影格的輪胎位置，以便製作出顛簸效果（設定如下）：
影格2：按向上1次。
影格3：按向下2次。
影格4：按向上1次。
影格5：按向下1次。
27 在時間軸標題處點選「場景1」來回到舞台。確認「機車」圖層為選取狀態，再從元件庫內將「機車合成」影片元件拖曳至舞台中央。最後按Ctrl +Enter來預覽動畫。
投影片 8 切換場景
28 開啟「萬花筒.fla」檔。
29 若要切換目前檔案中的場景，可執行「檢視 /前往 /（場景名稱）」；
亦可在時間軸右上角按下「編輯場景」按鈕來切換場景。
投影片 9 管理場景
30 執行「視窗 /其它面板 /場景」來開啟場景面板。
31 在場景面板右下角可進行以下操作：
重製：複製目前選取的場景。
增加：新增一空白場景。
刪除：刪除目前選取的場景。
32 在場景面板內可藉由滑鼠拖曳的方式來變更場景的播放順序：在預設情況下Flash每播放完一個場景，就會自動會播放下一個場景。
投影片 10 形狀漸變動畫
33 在元件庫的「花朵 3」預覽圖內按兩下滑鼠左鍵來進入元件編輯模式。
34 在時間軸內將花朵3圖層的關鍵影格2拖曳至影格30來延長動畫。
35 在時間軸內點選關鍵影格1，並在屬性面板的補間動畫下拉選單中選取「形狀」；同時將加 /減速欄中鍵入-100。 投影片 11 DIY 形狀漸變
36 執行「檔案 /開新檔案」來新增空白文件。
37 在工具箱啟用「矩形工具」（任意填色與筆畫），並在舞台內的任意處繪製一矩形。
38 在時間軸的影格30處按F7來插入「空白關鍵影格」；接著在舞台內的任意處使用「多邊星形工具」繪製一多邊形（任意邊數）。
39 在時間軸內點選影格1，並在屬性面板的補間動畫下拉選單中選取「形狀」來產生形狀漸變動畫。
投影片 12 形狀漸變轉換效果
40 設定好形狀漸變動畫後，另外可在屬性面板內指定形狀漸變的「轉換效果」：
分佈式：此方式所產生的漸變動畫會較順暢，但形狀較不規則。
角度式：此方式所產生的漸變動畫過程會保留較明顯的折角及直線。
投影片 13 增加形狀提示點
41 在時間軸點選關鍵影格1，並執行「修改 /形狀 /增加形狀提示點」：接著在舞台內將提示點拖曳至矩形的其中一角。
42 在時間軸點選關鍵影格30，並在舞台內將提示點拖曳至多邊形的任意一角：如此在進行形狀漸變動畫時，標注提示點的圖形端點會變形至指定位置。
43 若要移除提示點，可在關鍵影格1的提示點上執行「右鍵 /移除提示點」；亦可執行「修改 /形狀 /移除全部提示點」。
投影片 14 形狀漸變動畫合成
44 切換回「萬花筒.fla」文件的場景一。
45 在時間軸內選取花朵1圖層，並從元件庫中拖曳「花朵1」元件至舞台內。
46 接著，在「手掌工具」上按兩下滑鼠左鍵來將檢視比例調整為符合影格，再將花朵實體依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
47 為使場景有足夠影格數來播放影片元件，故在時間軸花朵 1圖層的影格30（即花朵1影片元件的長度）按F5來插入影格（接續下頁…）。
因影片元件已自成一動畫，故此處不需要按F6插入關鍵影格。
投影片 15 形狀漸變動畫合成
48 在時間軸花朵 2圖層的影格31按F6插入關鍵影格。
49 將「花朵 2」元件從元件庫拖曳至舞台內；接著
- 3 -
將花朵2實體依序執行「編輯 /剪下」及「編輯 /在中央貼上」，再至影格60按F5來延長影格。
50 在時間軸花朵 3圖層的影格61按F6插入關鍵影格。
51 將「花朵 3」元件從元件庫拖曳至舞台內；接著將花朵3實體依序執行「編輯 /剪下」及「編輯 /在中央貼上」，再至影格90按F5來延長影格。
52 最後，按Ctrl +Alt +Enter來預覽此場景的動畫。
投影片 16 動態遮色片製作
53 執行「檢視 /前往 /場景2」。
54 在元件庫的「花朵4」預覽圖內按兩下滑鼠左鍵來進入元件編輯模式。
55 從元件庫中拖曳「花朵」圖像元件至舞台內，並將花朵實體依序執行「編輯 /剪下」及「編輯 /在中央貼上」。
56 在時間軸的影格150處按F6來插入關鍵影格，並在影格1-150之間執行「右鍵 /建立移動補間動畫」。接著在屬性面板內將旋轉設為「逆時針」，旋轉設為1次（接續下頁…）。
投影片 17 動態遮色片製作
57 在時間軸左上角點選「場景2」。
58 在時間軸內選取「人物」圖層，並按下「插入圖層」按鈕；將此圖層命名為「遮色片」。
59 將「花朵 4」元件從元件庫拖曳至舞台內約女孩臉部位置；接著使用「自由變形工具」將花朵4略為等比例放大（按住Shift鍵拖曳邊框控制點）。
60 在時間軸選取「所有圖層」的影格150，再按F5來延長影格（接續下頁…）。
投影片 18 動態遮色片製作
61 在時間軸選取遮色片圖層，並執行「右鍵 /遮色片」。
62 在時間軸內將「背景」圖層拖曳至「遮色片」圖層之內，使背景圖層亦受到遮色片圖層的影響。
63 最後，確認遮色片、人物、背景三個圖層皆為鎖定狀態，再按Ctrl +Alt +Enter來進行場景測試。
投影片 19 花朵導引線動畫
64 在時間軸選取標題圖層，並按下「插入圖層」按鈕；將此圖層命名為「導引線」。
65 將「花朵 5」元件從元件庫拖曳至舞台內的遮色片（花朵4）上方；並使用「自由變形工具」將花朵5略為放大（使其較原遮色片圖形再大一些）。
66 在元件庫的「花朵5」預覽圖內按兩下滑鼠左鍵來進入元件編輯模式：在時間軸內先將「路徑」圖層解除鎖定，再使用「橡皮擦工具」來將舞台內的紅花下側塗抹出一個缺口。完畢後再將路徑圖層鎖定。
67 在時間軸點選回轉小花圖層；接著從元件庫內將「回轉小花」元件拖曳至舞台中（接續下頁…）。
投影片 20 花朵導引線動畫
68 執行「檢視 /貼齊」，並在選單中勾選「貼齊物件」。
69 在舞台內使用選取工具拖曳「回轉小花」實體的中心點，使其移至紅花左下角的缺口端點。
70 在時間軸回轉小花圖層的影格150按F6來插入關鍵影格，再將回轉小花實體拖曳至紅花右下角的缺口端點。
71 在回轉小花圖層的影格1-150之間執行「右鍵 /建立移動補間動畫」（接續下頁…）。
投影片 21 花朵導引線動畫
72 在時間軸選取「路徑」圖層，並執行「右鍵 /導引線」。
73 接著，將回轉小花圖層拖曳至「路徑」圖層之內，如此回轉小花圖層便可受到導引線的影響。
74 在時間軸左上角點選「場景2」，再執行「檢視 /前往 /場景1」來回到動畫起始處。最後按Ctrl +Enter來預覽全部動畫。
沒有留言:
張貼留言