1、第2章 利用動畫技術制作動態演示課件Flash多媒體課件制作實用教程（第二版） 清華大學出版社 ISBN：9787302254102本章知識逐幀動畫動作補間動畫形狀補間動畫遮罩動畫路徑動畫影片剪輯元件簡單動作腳本2.1 利用逐幀動畫制作課件蠟燭本范例是小學科學“蠟燭”動畫模擬演示課件，它通過逐幀動畫演示了蠟燭燃燒的過程，充分顯現出Flash動畫模擬演示課件在再現科學實驗和生活場景上的無窮魅力。 課件簡介逐幀動畫制作課件的方法認識“時間軸”面板繪圖紙功能詳解“幀”的基本概念和操作元件的嵌套使用元件和實例的區別知識要點2.1 利用逐幀動畫制作課件蠟燭2.1.1 創建“蠟燭桿”圖形元件制作步驟新建一

2、個名字為“蠟燭桿”的圖形元件，在此元件編輯場景中，用“矩形工具”畫出一個尺寸合適的矩形，運用“漸變變形工具”調整填充色。繪制出的蠟燭桿形狀。 2.1 利用逐幀動畫制作課件蠟燭2.1.2 創建“光暈”圖形元件并柔化填充邊緣制作步驟新建一個名字為“光暈”的圖形元件，在此元件編輯場景中，用“橢圓工具”畫出一個橢圓形狀（尺寸為3040像素）。選擇“修改”|“形狀”|“柔化填充邊緣”命令，在彈出的對話框中設置“距離”為20像素，“步驟數”為15，“方向”為“擴展”。 2.1 利用逐幀動畫制作課件蠟燭制作步驟1認識“時間軸”面板“時間軸”面板是Flash實現動畫功能時不可或缺的重要面板之一，它是實現強大動

3、畫效果的保障，默認情況下“時間軸”面板出現在舞臺上邊，如果沒有打開可選擇“窗口”|“時間軸”命令打開它。關鍵幀圖層文件夾引導圖層添加圖層添加引導圖層添加圖層文件夾圖層名稱刪除圖層隱藏顯示圖層鎖定解鎖圖層輪廓顯示圖層空白關鍵幀 幀播放頭幀居中按鈕繪圖紙按鈕組當前幀數每秒播放的幀數播放時間2.1.3 運用逐幀動畫創建“火焰”影片剪輯元件2.1 利用逐幀動畫制作課件蠟燭制作步驟2認識“幀”Flash 影片將播放時間分解為幀，用來設置動畫運動的方式、播放的順序及時間等。動畫的播放速度默認是每秒12幀，可在文檔屬性中更改。在“時間軸”面板上，“幀”表現為一個個小方格。每5幀有個“幀序號”標志（呈灰色顯示

4、，其他的呈白色顯示）。根據性質的不同，可以把“幀”分為“關鍵幀”和“普通幀”。播放頭指示當前顯示在舞臺中的幀，將播放頭沿著時間軸移動，可以輕易地定位當前幀。播放頭用紅色矩形表示，紅色矩形下面的紅色細線所經過的幀表示該幀目前正處于“播放幀”。2.1 利用逐幀動畫制作課件蠟燭制作步驟3運用逐幀動畫創建“火焰”影片剪輯元件新建一個名稱為“火焰”的影片剪輯元件，在此元件編輯場景中，使用“鋼筆工具”或“鉛筆工具”繪制出“火焰”形狀，接著使用“漸變變形工具”調整填充色使其逼真。2.1 利用逐幀動畫制作課件蠟燭制作步驟默認情況下，新建的Flash文件的“時間軸”面板中，只有1個圖層，圖層中只有1幀。“火焰”

5、圖形被繪制在“圖層1”的第1幀中。2.1 利用逐幀動畫制作課件蠟燭制作步驟在選中第2幀的狀態下，選擇“插入”|“時間軸”|“關鍵幀”命令，在第2幀插入關鍵幀，可以看到第2幀變成了“關鍵幀”。為“圖層1”的第38幀插入“關鍵幀”。 2.1 利用逐幀動畫制作課件蠟燭制作步驟4運用“繪圖紙”功能修改各關鍵幀上的形狀2.1 利用逐幀動畫制作課件蠟燭制作步驟2.1.4 利用元件嵌套功能創建“蠟燭火焰”影片剪輯元件新建一個名稱為“蠟燭火焰”的影片剪輯元件，在此元件編輯場景中，插入一個新圖層，將兩個圖層重命名為“火焰”和“光暈”。打開“庫”面板，從“庫”面板中拖放“火焰”元件到“火焰”圖層，拖放“光暈”元件

6、到“光暈”圖層，調整它們的位置和大小。 2.1 利用逐幀動畫制作課件蠟燭制作步驟2.1.5 布局主場景單擊“場景1”按鈕，從元件編輯環境返回到主場景。新建3個圖層，重新命名圖層。從“庫”面板中拖出“蠟燭桿”元件至“蠟燭”圖層，拖出“蠟燭火焰”元件至“火焰”圖層，在“標題”圖層輸入課件標題，并添加“斜角”濾鏡效果。2.1 利用逐幀動畫制作課件蠟燭2.2 利用動作補間動畫制作課件 化合反應的微觀現象 本范例是中學化學“化合反應的微觀現象”動畫模擬演示課件，它從微觀角度通過動畫演示了硫和氧化合反應的實現過程。學生對化合反應的理解需要一定的想象能力，化學教師利用這個課件，可以生動、形象地將化合反應的微

7、觀過程展示給學生，使學生能更準確地掌握相關的化學知識。如圖2-2-1和圖2-2-2所示是本課件運行時的兩個畫面。 課件簡介用Flash制作動畫模擬演示課件的方法動作補間動畫的制作方法課件背景框架圖形的創建方法定義簡單幀動作知識要點2.2 利用動作補間動畫制作課件 化合反應的微觀現象 制作步驟2.2.1 創建文檔和課件所需元件2.2 利用動作補間動畫制作課件 化合反應的微觀現象 制作步驟2.2.2 規劃圖層并布局課件背景和標題2.2 利用動作補間動畫制作課件 化合反應的微觀現象 1規劃圖層制作步驟2.2.2 規劃圖層并布局課件背景和標題2.2 利用動作補間動畫制作課件 化合反應的微觀現象 2布局

8、課件背景和標題制作步驟2.2.3 創建化合反應動作補間動畫2.2 利用動作補間動畫制作課件 化合反應的微觀現象 1制作第一個動作補間動畫制作步驟2.2.3 創建化合反應動作補間動畫2.2 利用動作補間動畫制作課件 化合反應的微觀現象 2制作完整的動畫效果動畫制作步驟2.2.3 創建化合反應動作補間動畫2.2 利用動作補間動畫制作課件 化合反應的微觀現象 2制作完整的動畫效果動畫制作步驟2.2.4 定義簡單的幀動作2.2 利用動作補間動畫制作課件 化合反應的微觀現象 （1）選中“背景”圖層第60幀，按F6鍵插入關鍵幀。選擇“窗口”|“動作”命令，或按F9鍵打開“動作”面板。（2）在“動作”工具箱

9、窗口中，依次展開“全局函數”|“時間軸控制”，雙擊stop選項，定義該幀動作為“stop();”。（3）在“背景”圖層的最后一幀，出現一個a標志，表示該幀已經定義了動作腳本。2.3 利用形狀補間動畫制作課件 內吞本范例是中學生物“內吞”動畫模擬演示課件，它通過形狀補間動畫演示了液體吞入細胞的過程。充分顯現出Flash課件在展示生物微觀現象時的優勢，學生通過觀看形象的內吞動畫演示過程，對形成科學、規范的概念將大有裨益。如圖2-3-1所示和圖2-3-2所示是本課件運行時的兩個畫面。 課件簡介形狀補間動畫的制作方法添加形狀提示影片剪輯元件的應用知識要點2.3 利用形狀補間動畫制作課件 內吞制作步驟2

10、.3.1 創建“物質”圖形元件（1）新建一個Flash文件，設置背景色為淡綠色（#B0E0B6），其他參數保持默認值。（2）新建一個名稱為“物質”的圖形元件，在此元件的編輯場景中，用繪圖工具繪制一個填充色為黑色的圓形。2.3 利用形狀補間動畫制作課件 內吞制作步驟2.3.2 運用形狀補間動畫創建“圖標”影片剪輯元件1創建“圖標”影片剪輯元件2.3 利用形狀補間動畫制作課件 內吞制作步驟2為“圖標”影片剪輯元件添加動畫幀2.3 利用形狀補間動畫制作課件 內吞2.3.2 運用形狀補間動畫創建“圖標”影片剪輯元件制作步驟3定義形狀補間動畫2.3 利用形狀補間動畫制作課件 內吞2.3.2 運用形狀補間

11、動畫創建“圖標”影片剪輯元件制作步驟4添加形狀提示2.3 利用形狀補間動畫制作課件 內吞2.3.2 運用形狀補間動畫創建“圖標”影片剪輯元件制作步驟（1）從元件編輯場景返回到主場景，插入3個圖層，重新命名圖層。（2）選擇“背景”圖層，在舞臺上輸入課件標題，添加濾鏡效果。接著使用繪圖工具繪制細長形裝飾條。（3）將“庫”面板中的“圖標”影片剪輯元件拖放到場景中，調整好大小和位置。2.3 利用形狀補間動畫制作課件 內吞2.3.3 布局背景和標題制作步驟2.3 利用形狀補間動畫制作課件 內吞2.3.4 創建內吞過程補間動畫1布局內吞過程動畫幀制作步驟2.3 利用形狀補間動畫制作課件 內吞2.3.4 創

12、建內吞過程補間動畫2創建內吞過程補間動畫2.4 利用路徑動畫制作課件 臺風本課件是地理課程中有關“臺風”知識的一個模擬演示動畫。課件運行時，三路臺風按照不同的路徑從海面向大陸移動，通過課堂演示，可以使學生通過觀察直觀生動的畫面理解臺風移動的特點和路徑。如圖2-4-1所示是課件運行時的一個畫面。 課件簡介路徑動畫的制作方法自定義緩入/緩出動畫影片剪輯元件的應用交換元件的方法知識要點2.4 利用路徑動畫制作課件 臺風制作步驟 創建課件界面2.4 利用路徑動畫制作課件 臺風制作步驟 創建“臺風”圖形元件2.4 利用路徑動畫制作課件 臺風制作步驟 創建臺風沿路徑移動的動畫2.4 利用路徑動畫制作課件

13、臺風制作步驟 將路徑在動畫中顯示出來2.4 利用路徑動畫制作課件 臺風按Ctrl+Enter組合鍵測試影片，可以看到3條線路的臺風移動效果。但是路徑本身并不顯示出來。這是因為路徑在引導層，而引導層上的對象都不在最終發布的播放影片中顯示。如果想讓路徑顯示出來，必須將它們復制到普通圖層上 .制作步驟2.4.5 增強動畫效果2.4 利用路徑動畫制作課件 臺風（1）新建一個名稱為“旋轉臺風”的影片剪輯元件。下面在這個元件的編輯場景中進行操作。（2）將“庫”面板中的“臺風”圖形元件拖放到場景中心。在第10幀插入一個關鍵幀。（3）選擇第1幀，在“屬性”面板的“補間”下拉列表框中選擇“動畫”，在“旋轉”列表

14、框中選擇“順時針”，這樣就定義了一個臺風旋轉一圈的動畫效果。（4）返回“場景1”。選擇“南線”圖層第1幀上的“臺風”圖形實例，在“屬性”面板中單擊“交換”按鈕，彈出“交換元件”對話框，在其中的列表框中選擇“旋轉臺風”影片剪輯元件。 制作步驟2.4.6 用“自定義緩入/緩出”調整臺風的速度2.4 利用路徑動畫制作課件 臺風2.5 利用遮罩動畫制作課件 波的衍射本范例是高中物理“波的衍射”的動畫模擬演示課件。波是無形的，這個課件通過Flash動畫將無形的知識直觀地展示在學生面前，使學生的學習過程變得輕松，學習的內容變得形象直觀。課件運行時，畫面左邊出現兩個控制按鈕，分別單擊這兩個按鈕可以控制不同演

15、示動畫的播放。單擊上面的按鈕可以演示障礙物或孔的尺寸大于波長時，波的衍射現象不明顯的動畫效果，如圖2-5-1所示。單擊下面的按鈕時，可以演示障礙物或孔的尺寸小于波長時，衍射現象比較明顯的動畫效果，如圖2-5-2所示。課件簡介遮罩圖層和遮罩動畫的應用形狀補間動畫的應用運用多圖層技術實現動畫效果公共庫按鈕的使用方法簡單交互控制的實現方法知識要點2.5 利用遮罩動畫制作課件 波的衍射制作步驟 創建課件界面2.5 利用遮罩動畫制作課件 波的衍射制作步驟 運用形狀補間動畫創建“圓”影片剪輯元件2.5 利用遮罩動畫制作課件 波的衍射制作步驟 運用多圖層創建“波”影片剪輯元件2.5 利用遮罩動畫制作課件 波

16、的衍射制作步驟 運用遮罩動畫實現衍射動畫效果2.5 利用遮罩動畫制作課件 波的衍射1運用“遮罩動畫”實現衍射現象不明顯的效果制作步驟 運用遮罩動畫實現衍射動畫效果2.5 利用遮罩動畫制作課件 波的衍射2運用“遮罩動畫”實現衍射現象明顯的效果制作步驟 運用遮罩動畫實現衍射動畫效果2.5 利用遮罩動畫制作課件 波的衍射2運用“遮罩動畫”實現衍射現象明顯的效果制作步驟 定義動作實現簡單交互2.5 利用遮罩動畫制作課件 波的衍射課件播放時首先顯示的是一個靜止畫面，所以需要在“時間軸”的第1幀定義一個停止動作“stop();”。另外為了避免課件循環播放，在“時間軸”的最后1幀也同樣定義一個停止動作。要使

17、畫面繼續播放起來，只有借助按鈕了，通過定義按鈕的動作來控制課件的播放。第一個按鈕的動作腳本為on(release) gotoAndPlay(2);第二個按鈕的動作腳本為：on(release) gotoAndPlay(63);至此，整個課件制作完畢。“勾股定理”是八年級幾何的學習內容，是幾何學中幾個重要定理之一，它指出了直角三角形3條邊之間的數量關系。本課件通過形象、直觀的動畫效果，將勾股定理證明的全過程展現在學生面前，使學生能很快地掌握割補拼接的面積證明方法，熟練掌握勾股定理，從而培養學生觀察能力、抽象概括能力和思考能力。課件運行時先顯示一個文字引言頁面，這個頁面用文字簡單描述了勾股定理的內

18、容，如圖2-6-1所示。在這個起始頁面的右下角有一個“開始”按鈕，單擊這個按鈕，課件將跳轉到動畫演示頁面開始勾股定理證明的動畫演示，如圖2-6-2所示。課件簡介2.6 多圖層復雜演示課件 勾股定理整個動畫播放結束以后，在這個動畫演示頁面的右下角將出現一個“重播”按鈕，單擊這個按鈕，課件將重新播放動畫進行演示。利用動作補間動畫實現移動、旋轉、漸顯等動畫效果的方法以庫的方式打開影片的方法共享庫元件的方法多圖層復雜動畫的制作簡單的控制課件播放的實現方法知識要點2.6 多圖層復雜演示課件 勾股定理制作步驟 新建文檔并創建課件界面2.6 多圖層復雜演示課件 勾股定理制作步驟 創建圖形元件2.6 多圖層復

19、雜演示課件 勾股定理制作步驟 利用動作補間動畫創建三角形移動、旋轉動畫效果2.6 多圖層復雜演示課件 勾股定理1布局元件制作步驟 利用動作補間動畫創建三角形移動、旋轉動畫效果2.6 多圖層復雜演示課件 勾股定理2利用動作補間動畫定義旋轉和移動動畫制作步驟 利用動作補間動畫創建正方形漸顯動畫效果 2.6 多圖層復雜演示課件 勾股定理制作步驟 完善動畫效果 2.6 多圖層復雜演示課件 勾股定理1創建其他動畫效果快速理解Flash源文件的技巧和方法：（1）隱藏圖層。（2）查看對象屬性。（3）研究元件的結構。2創建“動態圖標”影片剪輯元件為了增強本節課件范例的表現效果，將在課件標題文字旁邊添加一個動態

20、的圖標，這個動畫片段就以制作一個影片剪輯元件的方式來實現。 制作步驟 創建課件的起始頁面和控制課件播放 2.6 多圖層復雜演示課件 勾股定理1創建課件的起始頁面2定義簡單交互動作腳本控制課件播放選中action圖層的第1幀，打開“動作”面板輸入stop()函數。為了避免課件循環播放，按照同樣的方法，在整個動畫的最后一幀也定義一個“停止”動作。按鈕的動作腳本為：on(release) gotoAndPlay(2);。 本節通過制作一個化學實驗演示課件范例，討論用Flash動畫技術設計化學實驗演示課件的方法。本課件范例制作過程中要用到前面章節介紹過的逐幀動畫、動作補間動畫、形狀補間動畫、遮罩動畫和

21、路徑動畫等動畫技術，是一次動畫制作技術綜合應用的演練，也是對前兩章基礎知識和制作方法的總復習。本范例是中學化學“氧氣的實驗室制法”演示課件，它通過動畫形象地模擬了在實驗室中制取氧氣的過程。如圖2-7-1所示是本課件運行時的一個畫面。課件簡介2.7 動畫技術綜合應用 氧氣的實驗室制法用Flash動畫技術實現模擬演示化學實驗的方法路徑動畫的應用用逐幀動畫實現火焰跳動的方法Flash柔化圖形的應用動作補間動畫、遮罩動畫的應用影片剪輯元件的應用從外部庫引用元件的方法知識要點2.7 動畫技術綜合應用 氧氣的實驗室制法制作步驟 創建課件界面和圖形元件1創建課件界面2.7 動畫技術綜合應用 氧氣的實驗室制法制作步驟 創建課件界面和圖形元件2綜合運用繪圖工具創建圖形元件2.7 動畫技術綜合應用 氧氣的實驗室制法制作步驟 創建影片剪輯元件1運用逐幀動畫創建“火焰”影片剪輯元件2.7 動畫技術綜合應用 氧氣的實驗室制法制作步驟 創建影片剪輯元件2運用形狀補間動畫創建“氣泡”影片剪輯元件2.7 動畫技術綜合應用 氧氣的實驗室制法制作步驟 布局場景中的靜態實驗儀器本課件的圖形元