《Animate 動畫設計實例教程》電子教案

鄭州電力職業(yè)技術學院教案本系別：教師：20年——20學年第學期

課程概要： (課程教案首頁)課程名稱動畫制作學分課程性質(zhì)1、公共基礎課（）；專業(yè)基礎課；專業(yè)課（）2、必修課（）；選修課（）3、理論課（）；實踐課（）；理論課（含實踐課）（）4、主要先修課程：主要后續(xù)課程：教學目的與基本要求掌握二維動畫的制作思路、制作方法及應用技巧，能夠?qū)崿F(xiàn)交互動畫的設計及實現(xiàn)。主要教學內(nèi)容時間軸和逐幀動畫補間動畫的制作思路及制作技巧引導層動畫的制作思路及制作技巧元件嵌套的制作思路及制作技巧遮罩動畫的制作思路及制作技巧AS3.0動作腳本實現(xiàn)交互教學重點與難點補間動畫元件嵌套遮罩動畫AS3.0動作腳本實現(xiàn)交互主要教材與參考資料動畫制作案例教程課程總學時其中：理論（32）學時，實驗（）學時，上機（32）學時其他（）學時，其他是指：課程周學時其中：理論周學時（）實驗周學時（）上機周學時（）其他周學時（），其他是指：上課周數(shù)上課時間：從第周至第周授課方式1、非多媒體教學（）；2、多媒體教學，多媒體教學內(nèi)容所占比例（）課程考核1、考試（）、考查（）；2、筆試（）、口試（）、其他方式（）教材名稱動畫制作實例教程作者白燕青出版社電子工業(yè)出版社版次與時間20-20學年第學期教學進度表系別：信息工程系專業(yè)：計算機技術班級：課程：Animate周學時：4周數(shù)學時內(nèi)容（章節(jié)）授課方式12第1章動畫基礎多媒體2逐幀動畫—大雁飛實操22逐幀動畫—寫字效果多媒體2逐幀動畫—字母運動實操32第2章繪制圖形多媒體2變形復制—玫瑰實操42綜合運用—眨眼的熊貓多媒體2傳統(tǒng)文本應用—文字設計實操52第3章補間動畫多媒體2傳統(tǒng)補間屬性——運動的小球?qū)嵅?2元件實例屬性——跳動的紅心多媒體2中心點動畫——折扇運動實操72第4章ActionScript3.0腳本基礎-生成隨機數(shù)多媒體2鼠標事件-按鈕控制太陽升落實操82鍵盤事件-方向鍵控制影片剪輯實例的移動實操2鍵盤事件-方向鍵控制影片剪輯實例的移動實操92第5章引導層動畫多媒體2簡單運動—泡泡運動實操102較復雜運動—火花四濺多媒體2綜合練習—星光文字實操112第6章元件的嵌套使用多媒體2案例—雪花飛舞實操122案例—青春寄語多媒體2案例—小池實操132第7章遮罩層動畫多媒體2基礎遮罩動畫實操142水流動畫——池中景多媒體2圖片切換實操152第8章視頻和音頻多媒體2處理和編輯視頻、音頻實操162音樂MV歌詞制作多媒體2音樂MV動畫制作實操

課題: 第1章動畫基礎重點：逐幀動畫的制作方法難點：“時間軸”面板的運用教學方法：多媒體教授、案例分析教學用具：多媒體教室復習舊課/導入新課：動畫，現(xiàn)代英語中animation，是活動的圖畫，可以解釋為經(jīng)由創(chuàng)作者的安排，使原本不具生命的東西獲得生命一般的活動。教學目標培養(yǎng)：知識目標技能目標掌握逐幀動畫的制作思路能夠熟練使用時間軸面板掌握選擇幀、移動幀、翻轉(zhuǎn)幀的方法能夠設計、制作逐幀動畫素質(zhì)目標思政目標培養(yǎng)學生自主學習的能力：對時間軸的靈活應用培養(yǎng)學生全面發(fā)展的自我意識教學過程：一、相關知識（一）Animate工作環(huán)境1、重要概念：矢量圖和位圖、幀、影片、場景。2、Animate界面：軟件界面由六部分組成，即舞臺、時間軸、工作面板區(qū)、工具箱、編輯欄、菜單欄。（二）動畫類型逐幀動畫逐幀動畫圖1動畫類型逐幀動畫，需要分別設置對象的每一個運動狀態(tài)。優(yōu)點是有很大的靈活性，幾乎可以表現(xiàn)任何想要表現(xiàn)的內(nèi)容；缺點是難度大、工作量大、文件容量大。補間動畫，只需要設置對象的起始狀態(tài)和結(jié)束狀態(tài)，中間的運動過程由系統(tǒng)通過計算自動生成補間。優(yōu)點是制作簡單、文件容量??；缺點是無法表達比較細膩的動作及運動規(guī)律。（三）時間軸1、幀的基本類型圖2幀的類型（1）關鍵幀：在動畫制作中，創(chuàng)建關鍵性動作的幀，是可編輯的幀；（2）空白關鍵幀：在動畫制作中，可以創(chuàng)建內(nèi)容的幀；（3）普通幀：處于關鍵幀后方，用來延長關鍵幀的內(nèi)容；是延時的幀；（4）過渡幀：Animate生成的補間，不可編輯。2、插入幀的操作幀的快捷菜單或快捷鍵（F5、F6、F7）。3、設置幀的顯示狀態(tài)很小、小、標準、中、大、預覽、關聯(lián)預覽、較短。4、設置幀頻幀頻是動畫播放的速度，以每秒播放的幀數(shù)（fps）為度量單位。24(fps)的幀速度是最新Animate文檔的默認設置，通常在Web上能提供最佳效果。5、編輯幀選擇幀、移動幀、剪切幀、復制幀、粘貼幀。二、案例實現(xiàn)1、大雁飛圖3大雁飛實現(xiàn)效果：天空中，大雁在原地展翅飛翔。設計思路：借助時間軸的“繪圖紙外觀輪廓”按鈕，分別繪制每一幀的大雁飛翔的狀態(tài)，最后連續(xù)播放形成大雁飛的動作。注意：大雁飛翔的整個過程要構(gòu)成一個完整的循環(huán)（即翅膀的運動：上-下-上），才能保證動畫循環(huán)播放的時候，一直流暢飛翔。為了讓大雁飛翔的動作更加真實，可以設置大雁身體隨翅膀扇動而上下移動（翅膀向上時，身體向下，翅膀向下時，身體向上）。注意：fla源文件、swf影片文件圖標區(qū)別如圖4所示。圖4fla源文件、swf影片文件圖標區(qū)別fla文件為Animate源文件，需要在Animate中打開編輯；swf影片為播放的影片，只能播放或網(wǎng)絡傳播。2、寫字效果圖5寫字實現(xiàn)效果：“動畫”兩個字一筆一劃的寫出來。設計思路：使用“橡皮擦”工具從字的最后一筆的末端開始擦除，然后從倒數(shù)第二筆的末端開始擦除；最后選擇所有幀，執(zhí)行“翻轉(zhuǎn)幀”命令。注意：寫字效果最簡單的思路就是：倒著擦，翻轉(zhuǎn)幀。需要同學們在制作前，分析好每一個字的筆畫，然后從字的最后一筆開始擦，然后擦倒數(shù)第二筆，倒數(shù)第三筆……，擦除到第一筆的時候，要保留一點點第一筆的痕跡（可將放大倍數(shù)調(diào)大些）不要完全擦掉（完全擦除，就成空白關鍵幀了。如果將寫字效果做成元件的話，就不容易辨識到它的位置）。如果希望將來寫字的速度快一些，可以每次擦除的多一點；反之，可以擦除的少一點。3、字母運動圖6字母Start運動過程實現(xiàn)效果：字母start從左到右逐字做向上升高的效果，同時震感十足。設計思路：第一幀，字母S的中心點移至字母底部、同時變高，第二幀，字母t的中心點移至字母底部、同時變高……；震感效果通過上、下、左、右方向鍵將每幀的字母隨意移動一個或幾個像素。4、打字效果學習目標：掌握逐幀動畫打字效果的制作技巧。實現(xiàn)效果：文字“愿你有”“溫暖的心”“聰明的腦”“勇敢的心”“健康的身”，從左到右逐字顯示，文字顯示完畢，動畫停止播放。如圖1-40所示。圖7設計思路：“愿你有”“溫暖的心”“聰明的腦”“勇敢的心”“健康的身”一共有19個字。“愿你有”文本一直顯示，單獨放一個圖層。“溫暖的心”“聰明的腦”“勇敢的心”“健康的身”逐字顯示，所以單獨放一個圖層。提高：控制動畫停止播放在簡單的動畫中，Animate播放器順序播放動畫中的場景和幀。如果希望干預動畫的播放順序，可以通過時間軸控制函數(shù)實現(xiàn)。常見的時間軸控制函數(shù)如表1-1所示。表1-1時間軸控制函數(shù)函數(shù)名稱功能play()時間軸從當前幀播放動畫stop()使時間軸停止在當前幀上gotoAndPlay()時間軸跳轉(zhuǎn)到設定幀位置并且播放動畫gotoAndStop()時間軸跳轉(zhuǎn)到設定幀位置并且停止在那一幀nextFrame()時間軸跳轉(zhuǎn)到下一幀并停止在那一幀nextScene()跳轉(zhuǎn)到下一場景第一幀prevFrame()時間軸回到上一幀并停止在那一幀prevScene()時間軸回到上一場景第一幀stopAllSounds()停止時間軸上的所有聲音播放①新建圖層：as。在動畫最后一幀插入空白關鍵幀。②按【F9】鍵，打開“動作”面板，輸入stop();。③測試動畫。播放到最后一幀，停止播放。三、總結(jié)1、創(chuàng)建逐幀動畫的方法有以下幾種：（1）導入多張靜態(tài)圖片，通過圖片間的變化建立逐幀動畫。（2）在每一幀繪制連貫的矢量圖形創(chuàng)建逐幀動畫。（3）導入序列圖像創(chuàng)建逐幀動畫。（4）用文字作為逐幀動畫的內(nèi)容，通過改變文字沒人、位置等參數(shù)創(chuàng)建逐幀動畫。2、本章快捷鍵記憶：分類快捷鍵Windows撤銷：Ctrl+Z全選：Ctrl+A向后刪除：Delete復制：Ctrl+C粘貼：Ctrl+V向前刪除：Backspace選擇工具選擇：V幀插入幀：F5轉(zhuǎn)換為關鍵幀：F6轉(zhuǎn)換為空白關鍵幀：F7繪圖工具畫筆：B矩形：R文本：T播放影片播放影片：Enter測試影片：Ctrl+Enter編輯工具任意變形：Q橡皮擦：E縮放：Z手形工具：H面板屬性：Ctrl+F3變形：Ctrl+T對齊：Ctrl+K工具箱：Ctrl+F2動作：F93、拓展——最新應用Animate增強了對視頻格式文件的輸出功能。在導出視頻時，根據(jù)軟件提示，下載相關插件即可導出成功；再通過“格式工廠”等工具軟件轉(zhuǎn)視頻格式，即可在手機、網(wǎng)絡上播放，解決了部分瀏覽器不支持swf影片的問題。布置作業(yè)：基礎練習大雁飛、寫字效果、字母運動教學體會：教研室主任簽字： 年月日

課題: 第2章繪制圖形重點：掌握Animate圖形四種形態(tài)之間的區(qū)別及應用特點難點：形狀、繪制對象、組合對象、元件在繪圖中的應用教學方法：多媒體教授、案例分析教學用具：多媒體教室復習舊課/導入新課：在動畫中每一片翠綠的葉片、每一朵迷人的鮮花、每一個鮮活的卡通形象、每一個運動的場景，都可以通過Animate提供的繪圖工具繪制。教學目標培養(yǎng)：知識目標技能目標掌握常用繪圖工具“線條、鋼筆、五角星形、文本、顏料桶、墨水瓶”的使用方法能夠在圖形的兩種繪制模式——形狀、繪制對象間靈活切換掌握圖形形態(tài)“形狀、繪制對象、組、元件”的區(qū)別能夠繪制、臨摹簡單圖形素質(zhì)目標思政目標培養(yǎng)學生自主學習的能力：對繪圖工具箱的靈活應用提升學生的審美意識，培養(yǎng)學生對中國傳統(tǒng)文化的欣賞能力教學過程：一、相關知識（一）工具箱1、繪圖工具圖1工具箱—繪圖工具Animate繪制的圖形為矢量圖，由輪廓顏色和填充顏色構(gòu)成?？赏瑫r設置輪廓顏色和填充顏色，也可單獨設置輪廓顏色或填充顏色。2、上色工具圖2工具箱--顏色工具欄顏料桶工具（K鍵）：編輯或添加填充顏色；墨水瓶工具（S鍵）：編輯或添加輪廓顏色。3、顏色面板提供的顏色類型為：純色、線性漸變、徑向漸變、位圖填充。在顏色面板，可以通過添加、刪除顏色標記創(chuàng)建或編輯更加豐富的顏色效果。圖3“顏色”面板4、選擇工具圖4選擇工具選擇工具功能介紹：選擇、移動、復制、調(diào)整形狀。配合選擇工具選項欄，達到更加精確的調(diào)整。圖5選擇工具形狀選項卡部分選取工具功能：編輯輪廓、輪廓上的節(jié)點以及調(diào)節(jié)節(jié)點的切線方向。任意變形工具功能：對圖形進行縮放、旋轉(zhuǎn)、傾斜、扭曲、封套變形。漸變變形工具功能：對填充的漸變色、位圖進行變形。套索工具功能：在舞臺上選擇不規(guī)則區(qū)域或多個對象。配合套索工具選項欄，達到更加精確的區(qū)域選取。圖6套索工具選項欄（二）形狀與繪制對象Animate2021的工具箱，靈活性強，新增了“編輯工具欄”按鈕，可以在“工具箱”和“拖放工具”面板間對工具進行管理。如圖7所示。圖7工具箱使用工具箱工具繪制的圖形，都是矢量圖形。矢量圖形由輪廓線和填充色兩部分構(gòu)成。如圖8所示。圖8形狀、繪制對象，是線條、鋼筆、畫筆、矩形等繪圖工具的兩種繪制狀態(tài)。選擇這些繪圖工具時，“繪制對象”按鈕會在兩個地方顯示。工具箱的底部。如圖9（a）所示。“屬性”面板，“工具”選項。如圖9（b）所示。 （a）工具箱 （b）“屬性”面板圖9在繪圖過程中，形狀和繪制對象因其固有特性（見圖10）常常綜合使用。形狀，形狀，具有離散性，易分割、易形成新造型。繪制對象，繪制對象，具有完整性，易修改、易整體移動。圖101．形狀的特性（1）形狀選中后，會顯示麻點狀。選擇某條輪廓線：單擊該輪廓線，如圖11（a）所示。選擇整條輪廓線：雙擊輪廓線，如圖11（b）所示。選擇某填充色：單擊該填充色，如圖11（c）所示。選擇整個圖形：雙擊填充色，如圖11（d）所示。 （a） （b） （c） （d）圖11（2）線條具有分割特性例如，在雞蛋圖形的中間位置繪制一根線條，結(jié)果雞蛋被分成了兩部分。如圖12所示。圖12（3）相同的填充顏色放置在一起，會結(jié)合成為一個新的圖形例如，繪制4個輪廓線為無顏色、填充色為白色的橢圓，移動到一起后，會形成一個新的圖形“白云”。如圖13所示。圖13（4）不同的填充顏色放置在一起，會相互分割、覆蓋，形成新的圖形例如，一個黑色橢圓和一個黃色橢圓放在一起后，取消選擇，上面的橢圓把下面被覆蓋的橢圓區(qū)域覆蓋掉；移動黑色橢圓后，黃色橢圓就變成一個月亮的形狀。如圖14所示。圖142．繪制對象的特性繪制對象是可以直接編輯的圖形對象，既保留了形狀的可編輯性，又具備對象的完整性。圖15提示因為繪制對象本身是完整的個體，所以在創(chuàng)建閉合圖形時，不能開啟繪制對象模式。3．形狀與繪制對象的相互轉(zhuǎn)換（1）形狀轉(zhuǎn)換為繪制對象菜單命令：“修改”—“合并對象”—“聯(lián)合”。（2）繪制對象轉(zhuǎn)換為形狀菜單命令：“修改”—“分離”（【Ctrl+B】鍵）。（3）打示。圖16（三）組當多個形狀或繪制對象需要被整體選擇、移動、復制時，可以將它們編成一個“組”。組，不能修改顏色、造型，相當于一個面包袋，里面的每塊“面包”都是獨立的。（四）元件多次被使用、并具有自己特有屬性的圖形，我們可以將它創(chuàng)建為一個元件。1、元件的特點：（1）元件可以在當前或其他文檔中重復使用，并且具有獨立的編輯環(huán)境；（2）一個元件可以生成多個元件實例（簡稱實例）；（3）元件發(fā)生改變，生成的所有元件實例都隨之改變；（4）每一個元件實例具有自己的屬性，可以通過改變屬性，實現(xiàn)實例的多樣化，元件實例發(fā)生改變，元件沒有任何變化。元件實例的屬性包括大小、位置、角度、色調(diào)、透明、亮度等信息。（5）元件實例分離后，變?yōu)樾螤罨驅(qū)ο?，與元件沒有任何關系。2、創(chuàng)建元件3、轉(zhuǎn)換為元件4、編輯元件二、案例1、變形復制——玫瑰圖17玫瑰實現(xiàn)效果：紅色玫瑰花，綠色莖、葉，淺色陰影構(gòu)成了一幅和諧的美圖。設計思想：使用“多角星形”工具繪制花朵，通過“變形”面板的“重置選取和變形”按鈕，實現(xiàn)花朵的復制，使用“線條”工具（N鍵）、“選擇”工具繪制花莖，完成案例的制作。案例制作中，要特別注意形狀、繪制對象的區(qū)別，以及形狀和繪制對象之間的互相轉(zhuǎn)換。2、眨眼的熊貓圖18眨眼的熊貓實現(xiàn)效果：可愛的熊貓眨眼，同時一顆紅心從眼中跳出，掉落到一旁、消失。設計思路：第一個關鍵幀，繪制一只熊貓（為了便于管理，開啟繪制對象模式，每部分都是一個繪制對象，每部分都是完整的橢圓）。第二個關鍵幀，將一只眼睛刪除，在相同位置繪制三條線段，形成閉著的眼睛。將第一個關鍵幀復制到第三個關鍵幀。新建圖層，繪制一顆小紅心，在合適的位置調(diào)整紅心的位置及透明度值，形成紅心從眼睛中出現(xiàn)并掉落消失的效果。3.傳統(tǒng)文本應用—文字設計圖19學習目標：掌握文本的編輯技巧。實現(xiàn)效果：將文本分離為形狀后，具備形狀的所有特征，可以靈活設計各種效果。如圖19所示。設計思路：首先，設置好文本的字體、大小、間距、行距等參數(shù)；其次，將文本分離為形狀；最后，添加筆觸顏色，或設置填充色為漸變色、位圖的效果。三、總結(jié)1、在繪制角色、場景動畫時，因?qū)ο蟮拿恳徊糠挚赡芏紩O計到具體的動作。所以，要保證對象的每一部分都是完整并且獨立的，不能因為只能看到它的某一部分，而剩下的部分就不繪制了。同時，還要考慮該對象是否參與運動，除了要保證對象的完整性，還要將該對象放置在一個單獨的圖層。2、快捷鍵記憶：分類快捷鍵元件命令新建元件：Ctrl+F8轉(zhuǎn)換為元件：F8復制命令錯位復制：Ctrl+D粘貼到原位置：Ctrl+Shift+V變形工具漸變變形：F任意變形：Q選擇工具選擇：V部分選?。篈套索：L繪圖工具畫筆：B矩形：R文本：T線條：N橢圓：O鋼筆：P矩形工具：R鉛筆工具：Y轉(zhuǎn)換錨點：Shift+C顏料桶：K墨水瓶：S排列位置上移一層：Ctrl+↑移至頂層：Ctrl+Shift+↑下移一層：Ctrl+↓移至底層：Ctrl+Shift+↓面板顏色：Ctrl+Shift+F9庫：Ctrl+L四、提高創(chuàng)新1、卡通角色——豬小妹佩奇2、卡通角色——冰墩墩、雪容融布置作業(yè)：基本練習——玫瑰、眨眼的熊貓、傳統(tǒng)文本設計教學體會：教研室主任簽字： 年月日

課題: 第3章補間動畫重點：傳統(tǒng)補間動畫、形狀補間動畫難點：能夠正確判斷何時選擇哪一種類型的補間動畫，制作出理想的動畫效果教學方法：多媒體教授、案例分析教學用具：多媒體教室復習舊課/導入新課：相對于逐幀動畫，補間動畫不必將對象的每一個運動狀態(tài)都繪制出來，只需要設置運動對象的起始狀態(tài)、中間狀態(tài)、結(jié)束狀態(tài)，中間狀態(tài)之間的變化過渡由計算機自動生成補間。教學目標培養(yǎng)：知識目標技能目標掌握傳統(tǒng)補間動畫的制作思路能夠利用實例的Alpha屬性制作淡入、淡出動畫效果；掌握實例的四個屬性、傳統(tǒng)補間的兩個屬性的參數(shù)設置能夠利用實例的亮度屬性制作黑閃、白閃動畫效果；能夠利用實例的色調(diào)屬性制作簡單的色調(diào)變化動畫效果；能夠利用實例的高級屬性制作高級顏色變化動畫效果；能夠利用傳統(tǒng)補間的緩動屬性制作變速動畫效果夠利用傳統(tǒng)補間的旋轉(zhuǎn)屬性制作旋轉(zhuǎn)動畫效果素質(zhì)目標思政目標培養(yǎng)學生自主學習的能力：對傳統(tǒng)補間動畫的靈活應用培養(yǎng)學生努力學習本領，為祖國發(fā)展貢獻一份力量的信念教學過程：一、相關知識（一）傳統(tǒng)補間動畫1、制作思路：在一個關鍵幀中放置一個元件實例，然后，在另一個關鍵幀改變這個元件實例的大小、位置、顏色、透明度等參數(shù)值，Animate根據(jù)兩者之間的幀創(chuàng)建的動畫即被稱為傳統(tǒng)補間動畫。圖1補間動畫傳統(tǒng)補間動畫可以實現(xiàn)：復雜位置變化、旋轉(zhuǎn)傾斜變化、色調(diào)亮度變化及淡入淡出等動畫效果。2、制作要求：（1）每個運動對象都必須是——元件。（2）傳統(tǒng)補間動畫，補間兩端的關鍵幀里是同一個元件，而且只能是同一個元件。（3）每個圖層只有一個運動對象。有多個運動對象的時候，保證每個對象占到一個圖層。（4）找到運動對象的時間點后，先創(chuàng)建關鍵幀（F6鍵），再調(diào)整對象的具體狀態(tài)。（二）形狀補間動畫1、制作思路：在一個關鍵幀中繪制一個形狀，然后在另外一個關鍵幀中更改該形狀或者繪制另外一個形狀，最后Animate根據(jù)兩者之間的形狀來創(chuàng)建的動畫即被稱為形狀補間動畫。圖2雞蛋變小雞形狀補間動畫可以實現(xiàn)：兩個圖形之間顏色、形狀、大小、位置等的相互變化，其變形的靈活性介于逐幀動畫和傳統(tǒng)補間動畫之間。2、制作要求：（1）每個參與形狀補間動畫的對象只能是——形狀或繪制對象。如果是組對象、文本對象或元件實例，必須將它們分離為形狀。（2）形狀補間動畫，補間兩端的關鍵幀里是不同的形狀。（三）補間動畫（了解+視頻學習）（四）補間動畫的常見錯誤1、傳統(tǒng)補間動畫的常見錯誤①在創(chuàng)建傳統(tǒng)補間動畫的時候，如果對象不是實例或包含實例以外的內(nèi)容，系統(tǒng)會提示：將所選內(nèi)容轉(zhuǎn)換為元件以進行補間。如圖3所示。如果點“取消”按鈕，動畫創(chuàng)建不成功，可以先排查錯誤；如果直接點“確定”按鈕，“庫”面板會自動生成“補間”圖形元件（強制在兩個不同實例間生成傳統(tǒng)補間動畫，違背傳統(tǒng)補間動畫是同一個實例的原則）。如圖4所示。 圖3圖4修改方法：認真檢查補間兩端的實例是不是一個元件的實例，如果不是，刪除補間實例，重新生成元件實例。②如果在制作傳統(tǒng)補間動畫的時候，時間軸的關鍵幀之間出現(xiàn)了虛線（見圖5），就表示補間動畫出錯了。修改方法：首先，刪除補間，右擊虛線，在彈出的快捷菜單中選擇“刪除經(jīng)典補間動畫”命令（見圖6）；然后，分情況確定錯誤類型并修改。圖5圖6情況一：檢查是否補間缺少結(jié)束關鍵幀，如圖7中的“球”圖層。修改方法：在結(jié)束時間點插入關鍵幀。圖7情況二：根據(jù)動畫設計判斷是否在延時的普通幀區(qū)域創(chuàng)建了補間，如圖8中的“背景”圖層。背景是靜止的，沒有發(fā)生運動，但是創(chuàng)建了傳統(tǒng)補間。修改方法：右擊虛線，在彈出的快捷菜單中選擇“刪除經(jīng)典補間動畫”命令。圖8情況三：檢查虛線兩端是否有關鍵幀包含了多余的實例。系統(tǒng)認為傳統(tǒng)補間兩端的關鍵幀里應該是同一個對象。圖9中第15幀放置了兩個對象，所以出現(xiàn)虛線提示錯誤。修改方法：直接刪除多余的對象。圖92、形狀補間動畫的常見錯誤如果在制作形狀補間動畫的時候，時間軸的關鍵幀之間出現(xiàn)虛線[見圖10]，或者是在創(chuàng)建形狀補間時快捷菜單中的“創(chuàng)建補間形狀”命令為禁用（淺灰色）狀態(tài)[見圖11]，都表示形狀補間動畫創(chuàng)建失敗。圖10圖11修改方法：檢查參與形狀補間動畫的圖形是否為形狀或繪制對象。如果不是形狀或繪制對象，選擇對象后，按【Ctrl+B】鍵，將對象分離為形狀或繪制對象。二、案例1、運動的小球圖12學習目標：通過設置補間的屬性值實現(xiàn)非勻速運動。實現(xiàn)效果：一個藍色的小球從上掉落后彈起，重復幾次彈起后，滾向一邊。設計思路：創(chuàng)建小球圖形元件，通過設置小球元件實例在不同時間點的位置變化生成傳統(tǒng)補間動畫。通過設置補間的屬性值調(diào)整小球的運動速度。注意：小球彈起時，受到重力的吸引，速度會越來越慢，屬于減速運動；小球落下時，受到重力的吸引，速度會越來越快，屬于加速運動。圖13學習目標：通過元件實例屬性的設置，實現(xiàn)動畫的特殊效果。實現(xiàn)效果：一顆紅心從小到大再到小跳動，同時顏色、透明度發(fā)生改變。設計思路：創(chuàng)建紅心圖形元件，繪制紅心，通過設置紅心元件實例大小、色調(diào)、Alpha值生成傳統(tǒng)補間動畫。折扇運動圖14學習目標：中心點動畫的制作方法，以及多個對象之間的協(xié)調(diào)運動。實現(xiàn)效果：折扇慢慢打開的效果。設計思路：折扇由扇面、竹片、兩側(cè)竹片構(gòu)成。折扇展開的運動就是扇面、竹片、兩側(cè)竹片的協(xié)調(diào)運動。拓展：動畫播放后停止播放stop();三、總結(jié)1．“庫”面板——“直接復制元件”命令2．交換元件3．通過學習，對于時間的認知應有所提高在動畫編輯過程中，需要適時地調(diào)整運動對象的狀態(tài)、時間，以達到對動畫節(jié)奏的要求。①編輯動畫對象，其實就是在編輯關鍵幀的內(nèi)容。②動畫的速度可以由關鍵幀后面補間的長短來控制。即可通過在過渡幀中增加普通幀來適當延時。方法：選擇關鍵幀或過渡幀，按【F5】鍵。③延時時，選擇一個過渡幀，按一次【F5】鍵，就插入一個普通幀；選擇多個過渡幀，按一次【F5】鍵，就插入多個普通幀。4．關于中心點的高級應用涉及中心點的動畫，必須保證一段傳統(tǒng)補間兩端的關鍵幀中實例的中心點在同一個地方。否則會出現(xiàn)不圍繞旋轉(zhuǎn)中心點旋轉(zhuǎn)的錯誤。在下面的案例中，矩形從舞臺左側(cè)一路走到右側(cè)。觀看視頻，分析矩形中心點的位置；再設計“矩形走路”的動畫效果，體會中心點動畫的實現(xiàn)。四、提高創(chuàng)新：傾斜變形—圓環(huán)翻轉(zhuǎn)（補間動畫方式比對制作）圖15學習目標：掌握圓環(huán)360°翻轉(zhuǎn)動畫效果的制作思路及方法。實現(xiàn)效果：圓環(huán)慢慢旋轉(zhuǎn)360°。如圖3-42所示。設計思路：利用“變形”面板的傾斜變形值，實現(xiàn)對象360°翻轉(zhuǎn)動畫的效果。下面的案例是通過改變傾斜高度值實現(xiàn)翻轉(zhuǎn)，通過改變傾斜寬度值也同樣可以實現(xiàn)翻轉(zhuǎn)效果。傾斜高度(Alpha)：180°(0%)——130°(30%)——95°(50%)——83°(55%)——0°(100%)圖16布置作業(yè)：運動的小球、跳動的紅心、折扇運動提高練習圓環(huán)翻轉(zhuǎn)教學體會：教研室主任簽字： 年月日

課題: 第4章ActionScript3.0腳本基礎重點：掌握ActionScript3.0腳本的使用方法難點：利用腳本編寫代碼達到想要的效果教學方法：多媒體教授、案例分析教學用具：多媒體教室復習舊課/導入新課：掌握了Animate中逐幀動畫和補間動畫的制作方法及區(qū)別后，本章我們將學習如何用代碼更好的控制動畫。教學目標培養(yǎng)：教學目標培養(yǎng)：知識目標技能目標了解事件偵聽機制、函數(shù)的作用及調(diào)用方法能夠通過代碼提示選擇動作腳本掌握為實例命名的方法、在“動作”面板選擇常用動作腳本的方法能夠制作鼠標交互的動畫效果能夠制作鍵盤交互的動畫效果素質(zhì)目標思政目標培養(yǎng)學生自主學習的能力：對時間軸控制函數(shù)的靈活應用培養(yǎng)學生多角度思考問題的能力和面對困難敢于拼搏、敢于挑戰(zhàn)的精神教學過程：一、相關知識（一）Animate中的編程環(huán)境1．AS腳本AS即ActionScript的縮寫，是針對Animate的編程語言，AS是內(nèi)嵌在Animate中的語言，又叫做腳本程序、代碼、指令?？梢詫崿F(xiàn)交互、流程管理、元件控制、數(shù)據(jù)管理及其他功能。通過ActionScript設置動作可以創(chuàng)建交互動畫。ActionScript每一行的代碼都可以簡單地從ActionScript面板中直接調(diào)用。使用動作面板上的按鈕，無需編寫任何動作腳本就可以插入動作。2．“動作”面板Animate是在“動作”面板的編輯環(huán)境中進行動作腳本的編寫的。如圖1所示。（1）打開“動作”面板方法一：【F9】鍵。方法二：右擊關鍵幀，選擇“動作”命令。方法三：選擇菜單命令：“窗口”→“動作”。（2）“動作”面板“動作”面板主要有腳本窗格、腳本導航器、工具欄構(gòu)成。腳本窗格輸入ActionScript代碼的區(qū)域?？赏ㄟ^菜單命令：“編輯”→“首選參數(shù)”→“編輯首選參數(shù)”命令項，打開“首選參數(shù)”對話框，設置代碼字體、字號、顏色等參數(shù)。如圖2所示。圖1圖2腳本導航器腳本導航器列出了當前文檔中已應用動作腳本的所有幀。通過在所列出的各幀上單擊，可以快速在文檔中的ActionScript動作腳本之間進行切換。如圖3所示。圖3工具欄單擊“代碼片斷”按鈕，打開“代碼片斷”對話框，代碼分兩類：ActionScript、HTML5Canvas。如圖4所示。圖4（3）添加代碼的方式從“代碼片斷”選擇代碼。如圖5所示。圖5直接錄入，一定要在英文輸入法狀態(tài)下錄入。從別的文件復制代碼文本。3．“輸出”面板“輸出”面板可以對腳本編寫提供輔助功能，通過trace()語句，在“輸出”面板中輸出內(nèi)容，供測試和調(diào)試代碼使用。例如，在關鍵幀輸入代碼：trace("Animate腳本：ActionScript");，在“輸出”面板顯示輸出內(nèi)容。如圖6所示。trace("Animate腳本：ActionScript");4．“編譯器錯誤”面板如果輸入腳本有誤，當測試動畫時，會在“編譯器錯誤”面板提示錯誤信息。如圖7所示。 圖6 圖7二、案例1、生成隨機數(shù)學習目標：掌握根據(jù)“動作”面板“代碼片斷”按鈕選擇動作腳本的方法。實現(xiàn)效果：測試動畫時，在“輸出”面板生成隨機數(shù)。圖8效果截圖2、鼠標事件——按鈕控制太陽升落學習目標：掌握按鈕控制動畫的代碼選擇方法。效果實現(xiàn)：單擊“上升”按鈕，太陽上升；單擊“下落”按鈕，太陽下落。如圖9所示。設計思路：對太陽實例命名、按鈕實例命名，在“動作”面板，通過“代碼提示”選擇鼠標單擊事件，獲得該事件的偵聽格式；最后修改代碼。圖9效果截圖3、鍵盤事件——方向鍵控制影片剪輯實例的移動學習目標：掌握使用鍵盤控制Animate的方法。實現(xiàn)效果：通過鍵盤上、下、左、右4個方向鍵控制對象的移動，并顯示按鍵對應的ASCII碼值。如圖10所示。圖10效果截圖三、總結(jié)掌握了動畫的制作方法及音頻、視頻技術后，就可以開始制作綜合小動畫。此時，動畫文件會出現(xiàn)時間長、動畫內(nèi)容復雜、圖層多等情況。很多初學者習慣將內(nèi)容依次放置在時間軸上，這樣的好處是比較直觀，但是缺點也比較多，除了時間軸會被拉得很長，更重要的是修改起來極其不方便。針對動畫內(nèi)容多少，一般有兩種處理方法。動畫內(nèi)容不太多時，采用模塊化的設計思想，將能拆開的動畫效果制作成元件。如果內(nèi)容比較多，在合成動畫時，除了采用模塊化的設計思想，還要借助“場景”面板，將動畫放置在多個場景進行合成。1．“場景”面板“場景”面板默認不打開。打開時選擇菜單命令：“窗口”—“場景”或按【Shift+F2】鍵，打開“場景”面板。如圖8-60所示。每一個場景都有一個獨立的時間軸，在Animate動畫導出以后，動畫將按照場景的先后順序進行播出。使用“場景”面板的優(yōu)點如下：①可以隨意改變單個鏡頭的時間長短。因為每個場景是獨立的，無論長短，都要播放完以后再播出下一個場景，因此，修改鏡頭長短不會影響其他的場景。②可以隨意調(diào)整鏡頭的順序。在“場景”面板中可以對每個場景的順序進行調(diào)整，因為每個場景都是獨立的，所以播出順序的調(diào)整不會影響到其他場景。2．編輯場景“場景”面板的左下角有3個按鈕，分別是“添加場景”“重制場景”“刪除場景”。圖8①“添加場景”按鈕：添加一個新的空場景。②“重制場景”按鈕：選中某一場景，單擊該按鈕，可將該場景完整地復制出來。在做鏡頭重復的時候很有用。③“刪除場景”按鈕：選中某一場景，單擊該按鈕，可將該場景刪除。3．測試場景測試某一場景中的動畫效果，按【Ctrl+Alt+Enter】組合鍵。測試影片，觀看連貫的場景效果，按【Ctrl+Enter】組合鍵。4．合成動畫一部Animate動畫經(jīng)常由幾個人同時制作不同的部分，最后將這些部分放置在一個Animate文件中，這部分工作稱為動畫合成。注意：為了避免總合成時出現(xiàn)文件大小不一、元件名稱沖突、字體不一致等情況。在分工之前，要明確通用參數(shù)，團隊制定統(tǒng)一標準。比如，舞臺大小、幀頻、字體、字號、實例命名規(guī)則、元件命名規(guī)則等。①合成時的常用操作共享庫面板，獲得元件?？截悎D層，復制圖層。②合成時文件間的舞臺大小不一致的處理方法激活時間軸面板“編輯多個幀”按鈕，全選所有幀中的圖像；使用“任意變形工具”進行放縮，使畫面和舞臺大小一致；最后關閉“編輯多個幀”按鈕。提高創(chuàng)新——交互課件設計學習目標：綜合運用知識，設計交互式課件。實現(xiàn)效果：線條動畫之后，魔棒寫出課程名稱“計算機組成原理”，章節(jié)內(nèi)容“尋址方式”位移至舞臺右側(cè)（見圖8-64），單擊“play”按鈕，進入內(nèi)容場景。圖8分別單擊舞臺左上角的“教學目標”“教學重點”“教學難點”和下方的“直接尋址方式”“寄存器尋址方式”“間接尋址方式”“寄存器間接尋址”“變址尋址方式”“相對尋址方式”“基址寄存器尋址”按鈕，在舞臺中間白色區(qū)域顯示對應的文字說明和動畫演示效果。布置作業(yè)：生成隨機數(shù)、鼠標事件、鍵盤事件教學體會：教研室主任簽字： 年月日課題: 第5章引導層動畫重點：掌握引導層動畫的制作方法難點：掌握使運動對象繞路徑運行時更真實、使其活靈活現(xiàn)的技巧教學方法：多媒體教授、案例分析教學用具：多媒體教室復習舊課/導入新課：之前的學習積累，使我們具備了制作動畫的能力。本章起，我們開始接觸動畫制作的各種技巧，使動畫效果更加真實，使動畫制作過程更加簡單、有趣。教學目標培養(yǎng)：知識目標技能目標掌握引導層動畫的制作思路和方法；能夠制作引導層動畫；掌握引導層路徑的繪制技巧能夠排除引導層動畫出現(xiàn)的錯誤素質(zhì)目標思政目標培養(yǎng)學生自主學習的能力：對引導層動畫的靈活應用培養(yǎng)學生自主探究的學習能力和勤動腦、勤動手的學習習慣教學過程：一、相關知識（一）引導層動畫引導層動畫實現(xiàn)效果：讓運動對象，按照設計好的路徑進行運動。1、引導層的構(gòu)成一個最基本的“引導層動畫”由兩個圖層組成，上面一層是“引導層”，下面一層是“被引導層”。2、制作思路：首先，創(chuàng)建傳統(tǒng)運動補間動畫。其次，添加傳統(tǒng)運動引導圖層，繪制連續(xù)、圓滑的路徑。注意：引導線允許重疊，但在重疊處的線段必須保持圓潤，以使Animate能夠辨認出線段走向，否則會導致引導失敗。最后，調(diào)整運動對象的中心點分別與路徑的起點、終點對齊。圖1實例中心點注意：開啟“貼緊至對象”按鈕后，拖動小球中心點移動到路徑起點附近時，中心點會自動吸附在路徑上。如果要調(diào)整小球中心點的位置，可借助“任意變形”工具，顯示中心點后進行位置調(diào)整，見圖1所示。圖2（二）引導層動畫的常見錯誤1、引導關系沒有正確建立，導致的錯誤正常的引導關系，引導層圖標是一個曲線，并且在引導層和被引導層的圖標間會形成一個前后關系，如圖2所示。圖2正常引導關系如果引導關系沒有正確建立，引導層圖標是一個小錘子，并且引導層和被引導層的圖標在同一個位置，沒有前后關系，如圖3所示。圖3錯誤引導關系就修正過程修改方法：略向被引導層的右上（引導層的右下），拖動被引導層（就圖3）。2、引導關系正確，但是運動對象沒有按路徑運動，自身做直線運動這是運動對象沒有綁定到路徑上導致的結(jié)果。修改方法：使用選擇工具，選擇運動對象，這是物體會顯示一個小圓點，將鼠標放在這個小圓點上，拖動舞臺到路徑上，只有吸附上以后，運動對象才算是和路徑綁定在一起了，才可以沿路徑運動。3、引導關系正確，運動對象也綁定到路徑上，但不能正確引導運動對象按路徑運動這種情況極有可能是引導線出了問題，仔細觀察引導線是否有斷裂的情況。如果斷點非常微小，肉眼不容易定位，可以使用放大鏡工具進行區(qū)域放大，或者可以逐段路徑的進行檢查。修改方法：使用選擇工具，打開“貼近至對象”按鈕，將斷裂處連接在一起即可。（三）一般運動規(guī)律（了解）二、案例1、泡泡運動學習目標：繪制透明泡泡，即內(nèi)虛（透明）外實（不透明）的效果。實現(xiàn)效果：透明泡泡向上飄。設計思路：使用徑向漸變繪制透明泡泡，然后讓泡泡按照路徑運動（見圖4）。圖4泡泡運動2、火花四濺學習目標：繪制內(nèi)實（不透明）外虛（透明）的火花；掌握一個引導層可以放置多條路徑。實現(xiàn)效果：火花四濺，并消失。設計思路：使用徑向漸變繪制火花，然后讓多個火花按照不同的路徑運動。圖5火花四濺3、文字做路徑——星光文字學習目標：掌握當引導層路徑比較復雜時動畫的處理方式及繪制星星的多種方法。實現(xiàn)效果：星星造型沿3個單詞運動一周，停止播放。如圖5-23所示。設計思路：手繪字母路徑，制作引導層動畫。圖6三、總結(jié)學習目標：掌握按鈕控制圖片切換的制作方法。實現(xiàn)效果：單擊左側(cè)“琴音”“夢幻”“花兒”“乖乖女”按鈕，在右側(cè)顯示相應的圖片。圖8四、提高創(chuàng)新1、鼠標替換 圖9布置作業(yè)：泡泡運動、火花四濺、文字做路徑——星光文字、鼠標替換教學體會：教研室主任簽字： 年月日

課題: 第6章元件的嵌套使用重點：能夠用模塊化的設計思想處理動畫重復使用及動作疊加效果難點：掌握疊加動作的制作方法教學方法：多媒體教授、案例分析教學用具：多媒體教室復習舊課/導入新課：當動畫中出現(xiàn)：對象多、圖層多的情況時，按常規(guī)的思路來處理問題，就會很麻煩。這時，我們可以像庖丁解牛一樣，把動畫中能分開的地方都分開，分成一部分一部分的分別制作，然后再合起來成為一個整體。教學目標培養(yǎng)：知識目標技能目標掌握元件嵌套疊加和模塊化設計的思想能夠制作雪花飛舞、煙花爆炸等動作重復類動畫；掌握元件嵌套在案例中的應用方法能夠通過按鈕控制動畫的播放素質(zhì)目標思政目標培養(yǎng)學生自主學習的能力：對元件嵌套的靈活應用培養(yǎng)學生立志為國、不負青春的氣概和愛國主義精神教學過程：難點剖析1．動畫怎么分模塊將每個可以獨立拿出來的動畫部分，單獨做成影片剪輯元件。但并不是要把整個動畫都分成模塊，只要把比較復雜（圖層多、對象多）的部分用模塊處理即可。2．分完了在哪里做，哪個對象有獨立的編輯環(huán)境元件有獨立的編輯環(huán)境，所以在元件里做。3．做完了在哪里合成動畫在主場景中合成動畫。①建立圖層，找到合適的時間點插入空白關鍵幀，生成元件實例。②將實例延時，確保和元件里動畫的制作時間保持一致。4．動畫可以在元件里合成嗎可以。元件可以嵌套使用，所以可以在元件里合成。如果動畫復雜度比較高，可以在元件里合成；如果動畫比較簡單，在一、相關知識（一）元件的嵌套使用（動作疊加）①在影片剪輯元件里，制作對象自身的運動，比如，大雁展翅的動畫效果。②生成“大雁展翅”實例，再制作大雁位置變化的動畫效果。③測試影片，實現(xiàn)大雁飛來飛去的疊加動作。圖1勤勞的小蜜蜂（二）圖形元件、影片剪輯元件、按鈕元件的區(qū)別1．圖形元件圖形元件一般用來放置靜態(tài)圖形。圖形元件的時間軸和場景的時間軸是同步的，在圖形元件中制作動畫片段，在舞臺上生成元件實例，延時，直接拖動播放指針可以觀察動畫片段的效果。2．影片剪輯元件影片剪輯元件一般放置動畫片段。影片剪輯元件的時間軸是獨立的，它的播放與主時間軸沒有直接關系，只能在測試場景（按【Ctrl+Enter】鍵）或?qū)С鲇捌蟛拍芸吹絼赢嬈蔚男Ч?。影片剪輯元件實例的“屬性”面板有一些特殊的參?shù)項：濾鏡、混合模式等。濾鏡可以影片剪輯元件實例支持動作腳本。按鈕元件圖2按鈕按鈕元件與影片剪輯元件一樣，時間軸是獨立的，當測試影片或?qū)С鲇捌瑫r才能看到按鈕效果。按鈕元件實例的“屬性”面板有一些特殊的參數(shù)項：濾鏡、混合模式等。按鈕元件只有4幀。圖3按鈕的編輯狀態(tài)彈起：默認狀態(tài)；指針經(jīng)過：鼠標滑過時；按下：鼠標按下時；點擊：感應區(qū)域，不可見。按鈕的四種狀態(tài)可以放置圖形、文本、實例（包括動畫實例）、音頻。注意：除了制作透明按鈕或者擴大感應區(qū)域范圍，第4幀一般不用。在制作透明按鈕使用第4幀時，前三幀不要放置內(nèi)容。按鈕可以感知用戶的鼠標狀態(tài)，并觸發(fā)相應事件。當光標放在按鈕上時，會顯示小手狀。圖4按鈕按鈕元件實例支持動作腳本。二、案例1、雪花飛舞圖6雪花飛舞學習目標：元件的嵌套使用。實現(xiàn)效果：漫天雪花飛舞。設計思路：將一片雪花飄的效果制作成一個影片剪輯元件，然后再新建影片剪輯元件，在該元件的編輯環(huán)境生成一片雪花飄的實例，復制多個實例，調(diào)整實例的大小、角度、位置、透明度、時間等參數(shù)，實現(xiàn)漫天雪花飛舞的效果。2、煙花圖7煙花學習目標：元件的嵌套使用（即動作的疊加使用）。實現(xiàn)效果：不同顏色、不同大小的煙花在天空一個接著一個的爆炸、消失。設計思想：每個煙花爆炸的動作一模一樣、只是大小、顏色、爆炸的先后順序不同，所以可以判斷是對煙花爆炸效果的重復運用，即需要制作一個煙花爆炸的元件。然后，煙花爆炸效果可以判斷為是橢圓的淡出效果，可以先制作一個“橢圓淡出”的影片剪輯元件，再按照變形復制的方法制作“煙花爆炸”的影片剪輯元件。最后，生成很多個“煙花爆炸”實例，延時、調(diào)整實例大小、顏色，將實例分散到圖層，調(diào)整時間即可。3、閃動七星圖8閃動七星學習目標：動作的嵌套疊加使用。實現(xiàn)效果：星星甩著尾巴沿弧線飛舞、消失。如圖6-28所示。設計思路：基礎元件是“一個星星的淡出”；之后，按照72復制“一個星星的淡出”實例5次，實現(xiàn)五個星星向四周淡出的效果；再將向四周淡出的星星實例復制多個并排成一個弧線造型，設置顯示時間，形成逐個顯示的效果；最后，將排成弧線造型的實例再復制多個，擺造型、設置時間，形成最終效果。動作共計疊加了3次，元件的嵌套使用練習得非常到位。4、青春寄語圖9青春寄語學習目標：模塊化的設計思想及元件的嵌套使用。實現(xiàn)效果：黑色矩形從中間向兩邊展開，星星圖標從舞臺上方掉落；中間出現(xiàn)一個黃色矩形條、顯示文字愿你以夢為馬，不負韶華”，星光從每個文字上閃過，星光閃動的同時向四周掉落；文字愿你拼盡全力，無畏前行”，最后黑色矩形又從兩邊向中間展開。設計思路：分模塊解決問題。星星簽名是一個模塊，星星光芒是一個模塊、文字“你以夢為馬，不負韶華”是一個模塊，文字“愿你拼盡全力，無畏前行”是一個模塊。小池圖10小池學習目標：模塊化的設計思想及元件的嵌套使用。實現(xiàn)效果：畫軸展開，荷塘上方柳葉飄動、露珠晶瑩剔透閃閃發(fā)亮，荷塘里蝌蚪成群游動，荷葉在水流的沖擊下上下浮動，此時兩朵荷花綻放，吸引蜻蜓飛來駐足休息，最后顯示楊萬里的經(jīng)典古詩《小池》。設計思路：把動畫分成八個模塊—荷葉、荷花、荷花開、柳條飄、蜻蜓飛、蝌蚪甩尾巴、蝌蚪游、古詩。將八個模塊分別做好，在場景1中，制作畫軸，畫軸展開后，合成動畫。所需影片剪輯元件：荷葉動、荷花、荷花開、柳條飄、蜻蜓飛、蝌蚪游、詩文。所需圖形元件：荷葉、荷花、柳條、蜻蜓左翅膀、蜻蜓右翅膀、古詩、畫軸、畫紙。重點講解、應用：荷花的綻放過程。圖10荷花綻放三、總結(jié)1．雙擊實例進入元件編輯環(huán)境當前狀態(tài)下，可以在元件的編輯環(huán)境下看到舞臺。既可以達到根據(jù)舞臺大小設計元件內(nèi)部動畫效果的目的（如雪花路徑、蝌蚪游的距離），又可以達到在舞臺上定位影片剪輯元件的目的（如在舞臺上定位“漫天飛舞”元件）。2．文件間實現(xiàn)庫共享打開多個文件后，通過“庫”面板列表，可以實現(xiàn)已打開文件間的元件共享。打開多個文件后，直接將A文件的元件拖入B文件的舞臺即可，同時與該元件相關的所有元件、素材也自動復制到B文件庫中。3．整理“庫”面板——建立文件夾分類別管理元件當“庫”面板中的元件比較多時，顯得雜亂無章，這會降低我們的工作效率。在動畫制作過程中，通過“庫”面板中的文件夾來管理庫資源。在“庫”面板中新建多個文件夾，按照模塊命名，或自己制定命名規(guī)則，一定要清晰易懂，便于后期修改和團隊成員查看。4．整理“庫”面板——查找沒有使用到的元件在“庫”面板中，可以看到使用次數(shù)，將使用次數(shù)為0的元件刪除，可為文件減肥。提高創(chuàng)新——按鈕控制動畫播放實現(xiàn)效果：畫軸展開，小池里柳條飄動、蝌蚪游動。單擊“播放”按鈕，荷花綻放、蜻蜓飛來、古詩內(nèi)容顯示；單擊“返回”按鈕，動畫回到卷軸展開后的狀態(tài)（21幀）。布置作業(yè)：雪花飛舞、煙花、閃動七星、青春寄語、小池、線繪孔雀教學體會：教研室主任簽字： 年月日課題: 第7章遮罩層動畫重點：遮罩圖層和被遮罩圖層在遮罩層動畫中承擔的作用難點：遮罩層動畫在動畫中的靈活應用教學方法：多媒體教授、案例分析教學用具：多媒體教室復習舊課/導入新課：在動畫的制作過程中，有時候，我們并不希望對象直接全部顯示出來，而是希望讓對象一點一點的顯示出來，或者是顯示對象的某一部分，這時候怎么實現(xiàn)？可以通過Animate提供的遮罩圖層來實現(xiàn)。教學目標培養(yǎng)：知識目標技能目標掌握遮罩層動畫的設計思想能夠制作、編輯遮罩層動畫掌握遮罩圖層、被遮罩圖層的區(qū)別能夠設計遮罩技術實現(xiàn)的動畫效果掌握遮罩層動畫的制作方法素質(zhì)目標思政目標培養(yǎng)學生自主學習的能力：對遮罩技術的靈活應用培養(yǎng)學生虛心求學，以誠待人的優(yōu)秀品德教學過程：一、相關知識（一）遮罩層動畫1、遮罩層的概念遮罩層：可以將與遮罩層相鏈接的圖形中的圖像遮蓋起來。遮罩層必須至少有兩個圖層，上面的一個圖層為“遮罩層”，下面的稱“被遮罩層”；這兩個圖層中只有相重疊的地方才會被顯示。2、遮罩動畫的設計思路制作遮罩動畫，我們將要顯示的對象放置在下面圖層，將要顯示的區(qū)域放置在上面圖層。遮罩層中有內(nèi)容的地方對應的被遮罩層內(nèi)容將顯示出來。也就是說在遮罩動畫中，被蓋住的內(nèi)容會顯示，沒有被蓋住的內(nèi)容不顯示。即，兩個圖層相重疊的部分才會被最終顯示。下面的關系要牢記：下面圖層：放置要顯示的內(nèi)容。（可以是動畫或靜態(tài)）上面圖層：設置內(nèi)容的顯示區(qū)域。（可以是動畫或靜態(tài)）注意：遮罩層內(nèi)容在播放時不會顯示，所以它的顏色對動畫沒有任何影響，即使透明也沒有關系。遮罩動畫顯示的顏色完全由被遮罩層內(nèi)容的顏色決定。3、建立遮罩關系圖1（二）編輯遮罩層動畫將圖層解鎖后，遮罩效果暫時消除，可以進行編輯。（三）遮罩層動畫的注意事項制作遮罩動畫時，要注意有幾種情況是無法顯示正確的遮罩效果的。1、遮罩層不支持線條2、遮罩層不支持多個對象3、遮罩不支持部分字體二、案例（一）基礎遮罩動畫1、手繪效果圖2學習目標：掌握用遮罩技術實現(xiàn)手繪效果的方法。實現(xiàn)效果：圖片內(nèi)容一點兒一點兒地顯示出來，先顯示荷葉、蜻蜓，再顯示文字。設計思路：遮罩層：逐幀涂抹動畫；被遮罩層：“小荷才露尖尖角”畫作。發(fā)光效果圖3學習目標：掌握經(jīng)典的發(fā)光效果的制作方法。實現(xiàn)效果：在五角星后面，光線不停地閃爍并發(fā)散著金黃色的光芒，如圖7-11所示。設計思路：繪制線條，轉(zhuǎn)換為填充，調(diào)整中心點，旋轉(zhuǎn)復制形成造型后，利用線條的交叉互逆運動實現(xiàn)發(fā)光效果。遮罩層：線條處理后的造型。被遮罩層：水平翻造型，做旋轉(zhuǎn)運動。廣告中的線條運動圖4實現(xiàn)效果：神秘光線從舞臺上劃過，充滿誘惑。如圖7-15所示。設計思路：該效果技巧性很高，是網(wǎng)頁廣告中比較典型的遮罩技術的應用。該效果要顯示的是熒光球的漸變色，顯示區(qū)域是線條。遮罩層：線條（轉(zhuǎn)換為填充）。被遮罩層：運動的熒光。流水文字效果圖5學習目標：顏色運用在遮罩動畫中顯示的奇妙效果。實現(xiàn)效果：文字上方好像水流流過（見圖2）。設計思路：在遮罩動畫中，利用黑白顏色的交替使用來模擬水流效果。要顯示的是灰白交替顏色矩形的左右移動；顯示區(qū)域是小橋流水人家。所以，遮罩層，是文本：小橋流水人家；被遮罩層，是移動的矩形。光束劃過文字效果圖6學習目標：普通圖層和遮罩效果共同組成動畫效果。如圖7-23所示。實現(xiàn)效果：一束黃光從文字上劃過。設計思路：黃白色光束劃過文字的效果是遮罩動畫效果。藍色文字一直顯示，黃色文字通過遮罩技術顯示。需要3個圖層。黃色文字的顯示，通過遮罩動畫實現(xiàn)，該效果需要兩個圖層。遮罩層：文本。被遮罩層：運動的光束。普通層：藍色文本。水流動畫—池中景圖7學習目標：掌握水流的制作方法。實現(xiàn)效果：清涼的音樂中，氣墊船在水流的流動下左右晃動，邀人共享