《Animate 動(dòng)畫(huà)設(shè)計(jì)實(shí)例教程》電子教案

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

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

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

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

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

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

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