資源簡(jiǎn)介

中小學(xué)教育資源及組卷應(yīng)用平臺(tái)
粵高教A版2021信息技術(shù)第四節(jié)魅力圖層讓動(dòng)畫(huà)更精彩教學(xué)設(shè)計(jì)
課題 魅力圖層讓動(dòng)畫(huà)更精彩 單元 第一單元 學(xué)科 信息技術(shù) 年級(jí) 九年級(jí)
學(xué)習(xí)目標(biāo) 1.了解圖層的分類及操。。2.熟練掌握引導(dǎo)層動(dòng)畫(huà)、遮罩層動(dòng)畫(huà)的制作方法。3.學(xué)習(xí)引導(dǎo)層動(dòng)畫(huà)及遮罩層動(dòng)畫(huà)的制作，提高創(chuàng)新意識(shí)和創(chuàng)新能力，增強(qiáng)學(xué)習(xí)興。。
重點(diǎn) 熟練掌握引導(dǎo)層動(dòng)畫(huà)、遮罩層動(dòng)畫(huà)的制作方法。
難點(diǎn) 熟練掌握引導(dǎo)層動(dòng)畫(huà)、遮罩層動(dòng)畫(huà)的制作方法。
教學(xué)過(guò)程
教學(xué)環(huán)節(jié) 教師活動(dòng) 學(xué)生活動(dòng) 設(shè)計(jì)意圖
導(dǎo)入新課 視頻：《留守兒童》動(dòng)畫(huà)片段我們可以看到動(dòng)畫(huà)片段的內(nèi)容非常精彩，有些對(duì)象沿不同的路徑運(yùn)動(dòng)，有些對(duì)象以不同的方式出現(xiàn)，共同組織了美奐的效果。那么，它們運(yùn)用了那些動(dòng)畫(huà)類型呢？今天我們來(lái)學(xué)習(xí)引導(dǎo)線動(dòng)畫(huà)和遮罩層動(dòng)畫(huà)。 思考 激發(fā)學(xué)生學(xué)習(xí)興趣并快速進(jìn)入學(xué)習(xí)狀態(tài)
講授新課 問(wèn)題：(1)在Flash中，圖層分為哪幾類 如何操作和管理圖層 (2)怎樣運(yùn)用引導(dǎo)層實(shí)現(xiàn)軌跡運(yùn)動(dòng)動(dòng)畫(huà) (3)怎樣運(yùn)用遨覃層實(shí)現(xiàn)圖片加框特效 任務(wù)運(yùn)用特殊的圖層效果，制作沿曲線運(yùn)動(dòng)的球體和橢員形的運(yùn)動(dòng)相片精彩回放動(dòng)畫(huà)，如圖所示。一、認(rèn)識(shí)Flash中的圖層1.圖層的分類我們可以在不同的圖層上繪制圖形和編輯動(dòng)畫(huà)對(duì)象。在 Flash MX中，圖層的類型主要分為普通層、引導(dǎo)層和遮罩層三大類，如圖所示。運(yùn)用引導(dǎo)層可以使對(duì)象的運(yùn)動(dòng)軌跡更被引導(dǎo)層加靈活多變，而利用遮罩層則可以完成普通圖層所不能實(shí)現(xiàn)的復(fù)雜效果。2.圖層的操作圖層的操作主要有圖層的添加/刪除、顯示/隱藏、鎖定/解鎖等。可以通過(guò)時(shí)間軸左下角的圖層操作工具對(duì)圖層進(jìn)行管理，如圖所示。操作和管理圖層時(shí)應(yīng)注意以下幾點(diǎn)(1)當(dāng)一個(gè)場(chǎng)景中存在多個(gè)運(yùn)動(dòng)對(duì)象時(shí)，要將各個(gè)運(yùn)動(dòng)對(duì)象分別放在不同的圖層，并在編輯時(shí)將其他圖層鎖定，以免相互干擾影響動(dòng)畫(huà)效果。(2)每一個(gè)場(chǎng)景都可以包含任意數(shù)量的圖層，為更好地編輯管理，應(yīng)養(yǎng)成根據(jù)圖層內(nèi)容為各圖層命名的習(xí)慣。當(dāng)圖層數(shù)量太多時(shí)，可將相關(guān)的圖層歸到層文件夾中。(3) 還可以通過(guò)調(diào)整圖層的上下位置，改變圖層對(duì)象在場(chǎng)景中的前后次序。最上方的圖層就在場(chǎng)景的最前面，反之，最下方的圖層就在場(chǎng)景的最后面。視頻：《引導(dǎo)層動(dòng)畫(huà)》二、用引導(dǎo)層實(shí)現(xiàn)軌跡運(yùn)動(dòng)如果需要?jiǎng)?chuàng)建對(duì)象沿復(fù)雜的曲線軌跡運(yùn)動(dòng)，就要使用引導(dǎo)層。在引導(dǎo)層中，可以繪制對(duì)象的運(yùn)動(dòng)軌跡，使對(duì)象沿著指定的路徑運(yùn)動(dòng)。如制作“精”“彩”“回”“放”4個(gè)字沿橢圓軌跡運(yùn)動(dòng)。1.整理圖層(1)底圖延時(shí)。選擇“底圖”圖層的第80幀，插入幀，使底圖圖片延時(shí)至第80幀。(2)新建圖層文件夾。點(diǎn)擊時(shí)間軸下方的“插入層文件夾”圖標(biāo)，新建文件夾1”，如圖 (a)所示雙擊時(shí)間軸上“文件夾1”，改名為“片頭”;再用鼠標(biāo)將“底圖”“閃光燈”“運(yùn)動(dòng)圖”“標(biāo)題”拖曳到文件夾“片頭”里，如圖 (b)所示。2.創(chuàng)建文字對(duì)象(1)新建元件。創(chuàng)建一個(gè)名為“精”的圖形元件，在該元件中繪制一個(gè)黑邊白底的圓形，并輸入文字“精”，如圖 (a)所示(2)文字處理。選擇文字“精”，單擊鼠標(biāo)右鍵，選擇“分離”命令，或按Ctrl+B鍵將文字打散，如圖 (b)所示。分離后的文字被轉(zhuǎn)化為圖形這樣，就能用“墨水瓶工具” 給文字圖形勾上黑邊，如圖 (c)所示(3)重復(fù)以上步驟，創(chuàng)建元件“彩”“回”“放”3.創(chuàng)建引導(dǎo)層 (1)創(chuàng)建新圖層。返回場(chǎng)景1，新建圖層“精”，并在該層的第31幀插入關(guān)鍵幀將元件“精”從庫(kù)面板中拖放到場(chǎng)景中間。(2)插入引導(dǎo)層。單擊“添加引導(dǎo)層”按鈕，“精”上方將出現(xiàn)一個(gè)日引導(dǎo)層。在工具欄中選擇“橢圓工具”，且筆觸顏色設(shè)為黑色，填充色設(shè)置為無(wú)色，在引導(dǎo)層中繪制個(gè)只有邊線的橢圓曲線作為運(yùn)動(dòng)軌跡。選擇工具欄中的“任意變形工具”，將橢圓旋轉(zhuǎn)一定的角度，如圖所示。(3)軌跡運(yùn)動(dòng)起始幀設(shè)置。選中“精”的第31幀，選擇工具欄中的“選擇工具”，并選取“對(duì)齊工具”將元件“精”的中心點(diǎn)移到橢圓曲線軌跡右下邊的某一點(diǎn)作為起點(diǎn)，如圖所示。注意元件的中心點(diǎn)一定要套在曲線上，否則運(yùn)動(dòng)將偏離軌跡。(4)軌跡運(yùn)動(dòng)結(jié)束幀設(shè)置。選中“精”的第40幀，插入關(guān)鍵幀。與第(3)步相似，將元件“精”的中心點(diǎn)移到橢圓曲線軌跡的左上某一點(diǎn)作為終點(diǎn)(5)創(chuàng)建軌跡動(dòng)畫(huà)。在“精”的第31幀與第40幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)。測(cè)試動(dòng)畫(huà)效果，發(fā)現(xiàn)當(dāng)運(yùn)動(dòng)軌跡是一個(gè)閉合的圖形時(shí)，元件“精”沿最近的路徑運(yùn)動(dòng)。如果要使元件從橢圓曲線的右下角沿最遠(yuǎn)的路徑運(yùn)動(dòng)到左上角，可用“橡皮擦工具”在終點(diǎn)后邊擦除一個(gè)小缺口，如圖所示(6)創(chuàng)建三個(gè)新圖層。新建的三個(gè)圖層分別命名為“彩”“回”“放”，在各圖層中重復(fù)上述步驟，使元件“彩”“回”“放”同時(shí)沿橢圓曲線軌跡運(yùn)動(dòng)，如圖所示。(7)測(cè)試動(dòng)畫(huà)效果。單擊控制菜單中的“播放”命令或按 Enter鍵 將會(huì)看到“精”“彩”“回”“放”4個(gè)字沿繪制的軌跡運(yùn)動(dòng)。4.添加相框在“精”下面新建一個(gè)圖層，命名為“跑道”。將之前繪制的橢圓形跑道元件從庫(kù)中拖放到場(chǎng)景中用“任意變形工具”調(diào)整元件大小，使其與引導(dǎo)線相吻合，最后添加標(biāo)題和校徽等裝飾，結(jié)果如圖所示。5.整理圖層創(chuàng)建一個(gè)層文件夾，改名為“軌跡運(yùn)動(dòng)”，然后將軌跡運(yùn)動(dòng)中的引導(dǎo)層被引導(dǎo)層等相關(guān)的圖層全部移到該文件夾下，如圖所示。實(shí)踐運(yùn)用引導(dǎo)層，嘗試制作在花叢中自由舞動(dòng)的蝴蝶，如圖所示。視頻：《遮罩層動(dòng)畫(huà)》三、用遮罩層給圖片加相框遮罩動(dòng)畫(huà)是利用 Flash MX中一種比較重要的圖層一遮罩層來(lái)實(shí)現(xiàn)的。遮罩層就像一張不透明的紙，在該層上繪制的圖形則像在這張紙上所挖的洞透過(guò)這個(gè)洞可以看到被遮罩層上的內(nèi)容利用遮罩層能制作出諸如探照燈、百葉窗、流動(dòng)的水、電影序幕字等變幻無(wú)窮的動(dòng)畫(huà)效果。1.原理分析在日常生活中所拍攝的相片都是矩形的要想實(shí)現(xiàn)將所有相片在橢圓形的框架中依次播放，只需在遮罩層繪制一個(gè)橢圓形在被遮罩層中依次出現(xiàn)多張不同的相片，播放動(dòng)畫(huà)時(shí)就可以只看到橢圓形內(nèi)不斷變化的相片內(nèi)容，如圖所示。2.創(chuàng)建遮罩動(dòng)畫(huà)(1)制作被遮罩的相片圖層。創(chuàng)建新圖層，命名為“相片集”。選中第51幀，按F7鍵插入空白關(guān)鍵幀，將導(dǎo)入的精彩相片拖放到場(chǎng)景中的適當(dāng)位置重復(fù)多次，分別在第52，53，…，60幀放入不同的精彩相片，如圖所示。(2)創(chuàng)建遮罩層。創(chuàng)建新圖層，命名為“橢圓圖形”。在該圖層的第51幀處插入空白關(guān)鍵幀，繪制一個(gè)橢圓形，并在橢圓形內(nèi)填上顏色。調(diào)整橢圓形的大小和旋轉(zhuǎn)角度，使其與前面繪制的跑道形相框形狀一致，如圖所示。在“精”下面新建一個(gè)圖層，命名為“跑道”。將之前繪制的橢圓形跑道元件從庫(kù)中拖放到場(chǎng)景中用“任意變形工具”調(diào)整元件大小，使其與引導(dǎo)線相吻合，最后添加標(biāo)題和校徽等裝飾，結(jié)果如圖所示。選中“橢圓圖形”，右擊鼠標(biāo)，選擇“遮罩層”命令，如圖所示遮罩層中的任何填充區(qū)域都是完全透明的，而任何非填充區(qū)域都是不透明的所以真正起遮罩作用的是遮罩層中的圖形特征，可忽略圖形的顏色、漸變色、線條樣式等屬性信息。(3)整理圖層。創(chuàng)建一個(gè)層文件夾，改名為“遮罩效果”，然后將遮罩層和被遮罩層移到該文件夾下。由于“精”“彩”“回”“放”4個(gè)字被遮罩層遮住，用鼠標(biāo)移動(dòng)“遮罩效果”層文件夾位置使其位于“軌跡運(yùn)動(dòng)”層文件夾下方，如圖所示。視頻：《遮罩層動(dòng)畫(huà)示例》交流被遮罩層的相片在畫(huà)面中閃而過(guò)，如果想讓這些精彩相片停留片刻再出現(xiàn)下一張，可以怎樣做 在所在的圖片圖層上，適當(dāng)添加一些幀,延長(zhǎng)停留時(shí)間。實(shí)踐運(yùn)用遮罩動(dòng)畫(huà)，制作實(shí)踐、流光溢彩的動(dòng)態(tài)文字標(biāo)題。參照下圖探照燈動(dòng)畫(huà)遮罩動(dòng)畫(huà)的表現(xiàn)形式常常分為兩種: 一種是遮罩層的圖形不動(dòng)，而被遮軍層的內(nèi)容變化，從而產(chǎn)生固定形狀下的填充內(nèi)容不斷變幻的動(dòng)態(tài)效果另種是被遮罩層的內(nèi)容靜止不動(dòng)，而遮罩層的圖形不斷運(yùn)動(dòng)變化，從而產(chǎn)生類似于聚光燈掃射的動(dòng)態(tài)效果 如圖所示的探照燈動(dòng)畫(huà)就是遮罩動(dòng)畫(huà)的另一種表現(xiàn)形式。探照燈動(dòng)畫(huà)的原理是先在被遮罩層導(dǎo)入一張靜止的圖片，然后在遮罩層繪制一個(gè)圓形，并使圓形在場(chǎng)景區(qū)域內(nèi)四處轉(zhuǎn)動(dòng)應(yīng)用遮罩效果后，通過(guò)圓形的游動(dòng)可看到圖片中不同的部分，從而產(chǎn)生探照燈的效果。課堂練習(xí)1、在 Flash MX中，圖層的類型主要分為（ ）、（ ）和（ ）三大類。2、在（ ）中，可以繪制對(duì)象的運(yùn)動(dòng)軌跡，使對(duì)象沿著指定的路徑運(yùn)動(dòng)。3、（ ）就像一張不透明的紙，在該層上繪制的圖形則像在這張紙上所挖的洞透過(guò)這個(gè)洞可以看到被遮罩層上的內(nèi)容。 通過(guò)教師的講解，以小組合作的方式，開(kāi)展探討交流，完成任務(wù)。通過(guò)教師的講解，以小組合作的方式，開(kāi)展探討交流，完成任務(wù)。通過(guò)老師演示學(xué)生動(dòng)手操作，提高動(dòng)手能力。小組交流、分享通過(guò)教師的講解，以小組合作的方式，開(kāi)展探討交流，完成任務(wù)。通過(guò)教師的講解，以小組合作的方式，開(kāi)展探討交流，完成任務(wù)。通過(guò)教師的講解，以小組合作的方式，開(kāi)展探討交流，完成任務(wù)。通過(guò)老師演示學(xué)生動(dòng)手操作，提高動(dòng)手能力。小組交流、分享通過(guò)老師演示學(xué)生動(dòng)手操作，提高動(dòng)手能力。小組交流、分享學(xué)生小組間討論，共同完成任務(wù)，并分組匯報(bào)。 通過(guò)小組合作，加強(qiáng)學(xué)生組內(nèi)團(tuán)結(jié)、共同完成任務(wù)，通過(guò)小組合作，加強(qiáng)學(xué)生組內(nèi)團(tuán)結(jié)、共同完成任務(wù)，加強(qiáng)學(xué)生組內(nèi)團(tuán)結(jié)、共同完成任務(wù)，通過(guò)小組合作，加強(qiáng)學(xué)生組內(nèi)團(tuán)結(jié)、共同完成任務(wù)，通過(guò)小組合作，加強(qiáng)學(xué)生組內(nèi)團(tuán)結(jié)、共同完成任務(wù)，通過(guò)小組合作，加強(qiáng)學(xué)生組內(nèi)團(tuán)結(jié)、共同完成任務(wù)，加強(qiáng)學(xué)生組內(nèi)團(tuán)結(jié)、共同完成任務(wù)，加強(qiáng)學(xué)生組內(nèi)團(tuán)結(jié)、共同完成任務(wù)，培養(yǎng)學(xué)生獨(dú)立完成練習(xí)的能力。
課堂小結(jié) 分小組總結(jié)歸納，教師補(bǔ)充。 各組匯報(bào)總結(jié)，其他小組成員做補(bǔ)充。 鍛煉學(xué)生的總結(jié)能力，邏輯思維、語(yǔ)言表達(dá)能力。
布置作業(yè) (1)在Flash中，圖層分為哪幾類 如何操作和管理圖層 (2)怎樣運(yùn)用引導(dǎo)層實(shí)現(xiàn)軌跡運(yùn)動(dòng)動(dòng)畫(huà) (3)怎樣運(yùn)用遨覃層實(shí)現(xiàn)圖片加框特效
板書(shū) 一、認(rèn)識(shí)Flash中的圖層1.圖層的分類2.圖層的操作二、用引導(dǎo)層實(shí)現(xiàn)軌跡運(yùn)動(dòng)1.整理圖層2.創(chuàng)建文字對(duì)象3.創(chuàng)建引導(dǎo)層4.添加相框5.整理圖層三、用遮罩層給圖片加相框1.原理分析2.創(chuàng)建遮罩動(dòng)畫(huà)
21世紀(jì)教育網(wǎng) www.21cnjy.com 精品試卷·第 2 頁(yè) （共 2 頁(yè)）
HYPERLINK "http://www.21cnjy.com/" 21世紀(jì)教育網(wǎng)(www.21cnjy.com)(共45張PPT)
信息技術(shù)粵高教A版2021
第四節(jié) 魅力圖層讓動(dòng)畫(huà)更精彩
新知導(dǎo)入
新知導(dǎo)入
我們可以看到動(dòng)畫(huà)片段的內(nèi)容非常精彩，有些對(duì)象沿不同的路徑運(yùn)動(dòng)，有些對(duì)象以不同的方式出現(xiàn)，共同組織了美奐的效果。那么，它們運(yùn)用了那些動(dòng)畫(huà)類型呢？今天我們來(lái)學(xué)習(xí)引導(dǎo)線動(dòng)畫(huà)和遮罩層動(dòng)畫(huà)。
新知講解
(1)在Flash中，圖層分為哪幾類 如何操作和管理圖層
(2)怎樣運(yùn)用引導(dǎo)層實(shí)現(xiàn)軌跡運(yùn)動(dòng)動(dòng)畫(huà)
(3)怎樣運(yùn)用遨覃層實(shí)現(xiàn)圖片加框特效
問(wèn)題
新知講解
運(yùn)用特殊的圖層效果，制作沿曲線運(yùn)動(dòng)的球體和橢員形的運(yùn)動(dòng)相片精彩回放動(dòng)畫(huà)，如圖所示。
任務(wù)
新知講解
一、認(rèn)識(shí)Flash中的圖層
1.圖層的分類
我們可以在不同的圖層上繪制圖形和編輯動(dòng)畫(huà)對(duì)象。
在 Flash MX中，圖層的類型主要分為普通層、引導(dǎo)層和遮罩層三大類，如圖所示。
運(yùn)用引導(dǎo)層可以使對(duì)象的運(yùn)動(dòng)軌跡更被引導(dǎo)層加靈活多變，而利用遮罩層則可以完成普通圖層所不能實(shí)現(xiàn)的復(fù)雜效果。
新知講解
圖層的操作主要有圖層的添加/刪除、顯示/隱藏、鎖定/解鎖等。
可以通過(guò)時(shí)間軸左下角的圖層操作工具對(duì)圖層進(jìn)行管理，如圖所示。
2.圖層的操作
新知講解
(1)當(dāng)一個(gè)場(chǎng)景中存在多個(gè)運(yùn)動(dòng)對(duì)象時(shí)，要將各個(gè)運(yùn)動(dòng)對(duì)象分別放在不同的圖層，并在編輯時(shí)將其他圖層鎖定，以免相互干擾影響動(dòng)畫(huà)效果。
(2)每一個(gè)場(chǎng)景都可以包含任意數(shù)量的圖層，為更好地編輯管理，應(yīng)養(yǎng)成根據(jù)圖層內(nèi)容為各圖層命名的習(xí)慣。當(dāng)圖層數(shù)量太多時(shí)，可將相關(guān)的圖層歸到層文件夾中。
操作和管理圖層時(shí)應(yīng)注意以下幾點(diǎn)
(3) 還可以通過(guò)調(diào)整圖層的上下位置，改變圖層對(duì)象在場(chǎng)景中的前后次序。最上方的圖層就在場(chǎng)景的最前面，反之，最下方的圖層就在場(chǎng)景的最后面。
新知講解
引導(dǎo)層動(dòng)畫(huà)
新知講解
如果需要?jiǎng)?chuàng)建對(duì)象沿復(fù)雜的曲線軌跡運(yùn)動(dòng)，就要使用引導(dǎo)層。
二、用引導(dǎo)層實(shí)現(xiàn)軌跡運(yùn)動(dòng)
在引導(dǎo)層中，可以繪制對(duì)象的運(yùn)動(dòng)軌跡，使對(duì)象沿著指定的路徑運(yùn)動(dòng)。
如制作“精”“彩”“回”“放”4個(gè)字沿橢圓軌跡運(yùn)動(dòng)。
新知講解
選擇“底圖”圖層的第80幀，插入幀，使底圖圖片延時(shí)至第80幀。
1.整理圖層
(1)底圖延時(shí)。
新知講解
(2)新建圖層文件夾。
點(diǎn)擊時(shí)間軸下方的“插入層文件夾”圖標(biāo)，新建文件夾1”，如圖 (a)所示
雙擊時(shí)間軸上“文件夾1”，改名為“片頭”;再用鼠標(biāo)將“底圖”“閃光燈”“運(yùn)動(dòng)圖”“標(biāo)題”拖曳到文件夾“片頭”里，如圖 (b)所示。
新知講解
創(chuàng)建一個(gè)名為“精”的圖形元件，在該元件中繪制一個(gè)黑邊白底的圓形，并輸入文字“精”，如圖 (a)所示。
2.創(chuàng)建文字對(duì)象
(1)新建元件。
新知講解
(2)文字處理。
選擇文字“精”，單擊鼠標(biāo)右鍵，選擇“分離”命令，或按Ctrl+B鍵將文字打散，如圖 (b)所示。
分離后的文字被轉(zhuǎn)化為圖形這樣，就能用“墨水瓶工具” 給文字圖形勾上黑邊，如圖 (c)所示
新知講解
(3)重復(fù)以上步驟，創(chuàng)建元件“彩”“回”“放”
新知講解
(1)創(chuàng)建新圖層。
返回場(chǎng)景1，新建圖層“精”，并在該層的第31幀插入關(guān)鍵幀
3.創(chuàng)建引導(dǎo)層
將元件“精”從庫(kù)面板中拖放到場(chǎng)景中間。
新知講解
(2)插入引導(dǎo)層。
在工具欄中選擇“橢圓工具”，且筆觸顏色設(shè)為黑色，填充色設(shè)置為無(wú)色，在引導(dǎo)層中繪制個(gè)只有邊線的橢圓曲線作為運(yùn)動(dòng)軌跡。
單擊“添加引導(dǎo)層”按鈕，“精”上方將出現(xiàn)一個(gè)日引導(dǎo)層。
選擇工具欄中的“任意變形工具”，將橢圓旋轉(zhuǎn)一定的角度，如圖所示。
新知講解
選中“精”的第31幀，選擇工具欄中的“選擇工具”，并選取“對(duì)齊工具”
(3)軌跡運(yùn)動(dòng)起始幀設(shè)置。
將元件“精”的中心點(diǎn)移到橢圓曲線軌跡右下邊的某一點(diǎn)作為起點(diǎn)，如圖所示。
注意元件的中心點(diǎn)一定要套在曲線上，否則運(yùn)動(dòng)將偏離軌跡。
新知講解
(4)軌跡運(yùn)動(dòng)結(jié)束幀設(shè)置。
與第(3)步相似，將元件“精”的中心點(diǎn)移到橢圓曲線軌跡的左上某一點(diǎn)作為終點(diǎn)
選中“精”的第40幀，插入關(guān)鍵幀。
新知講解
(5)創(chuàng)建軌跡動(dòng)畫(huà)。
測(cè)試動(dòng)畫(huà)效果，發(fā)現(xiàn)當(dāng)運(yùn)動(dòng)軌跡是一個(gè)閉合的圖形時(shí)，元件“精”沿最近的路徑運(yùn)動(dòng)。
在“精”的第31幀與第40幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà)。
如果要使元件從橢圓曲線的右下角沿最遠(yuǎn)的路徑運(yùn)動(dòng)到左上角，可用“橡皮擦工具”在終點(diǎn)后邊擦除一個(gè)小缺口，如圖所示
新知講解
(6)創(chuàng)建三個(gè)新圖層。
新建的三個(gè)圖層分別命名為“彩”“回”“放”，在各圖層中重復(fù)上述步驟，使元件“彩”“回”“放”同時(shí)沿橢圓曲線軌跡運(yùn)動(dòng)，如圖所示。
新知講解
(7)測(cè)試動(dòng)畫(huà)效果。
單擊控制菜單中的“播放”命令或按 Enter鍵
將會(huì)看到“精”“彩”“回”“放”4個(gè)字沿繪制的軌跡運(yùn)動(dòng)。
新知講解
將之前繪制的橢圓形跑道元件從庫(kù)中拖放到場(chǎng)景中
4.添加相框
在“精”下面新建一個(gè)圖層，命名為“跑道”。
用“任意變形工具”調(diào)整元件大小，使其與引導(dǎo)線相吻合，最后添加標(biāo)題和校徽等裝飾，結(jié)果如圖所示。
新知講解
5.整理圖層
創(chuàng)建一個(gè)層文件夾，改名為“軌跡運(yùn)動(dòng)”，然后將軌跡運(yùn)動(dòng)中的引導(dǎo)層被引導(dǎo)層等相關(guān)的圖層全部移到該文件夾下，如圖所示。
新知講解
運(yùn)用引導(dǎo)層，嘗試制作在花叢中自由舞動(dòng)的蝴蝶，如圖所示。
實(shí)踐
新知講解
遮罩層動(dòng)畫(huà)
新知講解
遮罩層就像一張不透明的紙，在該層上繪制的圖形則像在這張紙上所挖的洞透過(guò)這個(gè)洞可以看到被遮罩層上的內(nèi)容
三、用遮罩層給圖片加相框
遮罩動(dòng)畫(huà)是利用 Flash MX中一種比較重要的圖層一遮罩層來(lái)實(shí)現(xiàn)的。
利用遮罩層能制作出諸如探照燈、百葉窗、流動(dòng)的水、電影序幕字等變幻無(wú)窮的動(dòng)畫(huà)效果。
新知講解
1.原理分析
在日常生活中所拍攝的相片都是矩形的要想實(shí)現(xiàn)將所有相片在橢圓形的框架中依次播放，只需在遮罩層繪制一個(gè)橢圓形
在被遮罩層中依次出現(xiàn)多張不同的相片，播放動(dòng)畫(huà)時(shí)就可以只看到橢圓形內(nèi)不斷變化的相片內(nèi)容，如圖所示。
新知講解
2.創(chuàng)建遮罩動(dòng)畫(huà)
創(chuàng)建新圖層，命名為“相片集”。
選中第51幀，按F7鍵插入空白關(guān)鍵幀，將導(dǎo)入的精彩相片拖放到場(chǎng)景中的適當(dāng)位置
重復(fù)多次，分別在第52，53，…，60幀放入不同的精彩相片，如圖所示。
(1)制作被遮罩的相片圖層。
新知講解
創(chuàng)建新圖層，命名為“橢圓圖形”。
在該圖層的第51幀處插入空白關(guān)鍵幀，繪制一個(gè)橢圓形，并在橢圓形內(nèi)填上顏色。
調(diào)整橢圓形的大小和旋轉(zhuǎn)角度，使其與前面繪制的跑道形相框形狀一致，如圖所示。
(2)創(chuàng)建遮罩層。
新知講解
將之前繪制的橢圓形跑道元件從庫(kù)中拖放到場(chǎng)景中
在“精”下面新建一個(gè)圖層，命名為“跑道”。
用“任意變形工具”調(diào)整元件大小，使其與引導(dǎo)線相吻合，最后添加標(biāo)題和校徽等裝飾，結(jié)果如圖所示。
新知講解
遮罩層中的任何填充區(qū)域都是完全透明的，而任何非填充區(qū)域都是不透明的
所以真正起遮罩作用的是遮罩層中的圖形特征，可忽略圖形的顏色、漸變色、線條樣式等屬性信息。
選中“橢圓圖形”，右擊鼠標(biāo)，選擇“遮罩層”命令，如圖所示
新知講解
創(chuàng)建一個(gè)層文件夾，改名為“遮罩效果”，然后將遮罩層和被遮罩層移到該文件夾下。
由于“精”“彩”“回”“放”4個(gè)字被遮罩層遮住，用鼠標(biāo)移動(dòng)“遮罩效果”層文件夾位置
使其位于“軌跡運(yùn)動(dòng)”層文件夾下方，如圖所示。
(3)整理圖層。
新知講解
遮罩層動(dòng)畫(huà)示例
新知講解
被遮罩層的相片在畫(huà)面中閃而過(guò)，如果想讓這些精彩相片停留片刻再出現(xiàn)下一張，可以怎樣做
交流
在所在的圖片圖層上，適當(dāng)添加一些幀,延長(zhǎng)停留時(shí)間。
新知講解
運(yùn)用遮罩動(dòng)畫(huà)，制作實(shí)踐、流光溢彩的動(dòng)態(tài)文字標(biāo)題。參照下圖
實(shí)踐
知識(shí)拓展
探照燈動(dòng)畫(huà)
遮罩動(dòng)畫(huà)的表現(xiàn)形式常常分為兩種:
一種是遮罩層的圖形不動(dòng)，而被遮軍層的內(nèi)容變化，從而產(chǎn)生固定形狀下的填充內(nèi)容不斷變幻的動(dòng)態(tài)效果
另種是被遮罩層的內(nèi)容靜止不動(dòng)，而遮罩層的圖形不斷運(yùn)動(dòng)變化，從而產(chǎn)生類似于聚光燈掃射的動(dòng)態(tài)效果
知識(shí)拓展
如圖所示的探照燈動(dòng)畫(huà)就是遮罩動(dòng)畫(huà)的另一種表現(xiàn)形式。
知識(shí)拓展
探照燈動(dòng)畫(huà)的原理是先在被遮罩層導(dǎo)入一張靜止的圖片，然后在遮罩層繪制一個(gè)圓形，并使圓形在場(chǎng)景區(qū)域內(nèi)四處轉(zhuǎn)動(dòng)
應(yīng)用遮罩效果后，通過(guò)圓形的游動(dòng)可看到圖片中不同的部分，從而產(chǎn)生探照燈的效果。
課堂練習(xí)
1、在 Flash MX中，圖層的類型主要分為（ ）、（ ）和（ ）三大類。
2、在（ ）中，可以繪制對(duì)象的運(yùn)動(dòng)軌跡，使對(duì)象沿著指定的路徑運(yùn)動(dòng)。
3、（ ）就像一張不透明的紙，在該層上繪制的圖形則像在這張紙上所挖的洞透過(guò)這個(gè)洞可以看到被遮罩層上的內(nèi)容。
遮罩層
普通層
引導(dǎo)層
引導(dǎo)層
遮罩層
課堂小結(jié)
總結(jié)本節(jié)課所學(xué)內(nèi)容
板書(shū)設(shè)計(jì)
一、認(rèn)識(shí)Flash中的圖層
1.圖層的分類
2.圖層的操作
二、用引導(dǎo)層實(shí)現(xiàn)軌跡運(yùn)動(dòng)
1.整理圖層
2.創(chuàng)建文字對(duì)象
3.創(chuàng)建引導(dǎo)層
4.添加相框
5.整理圖層
三、用遮罩層給圖片加相框
1.原理分析
2.創(chuàng)建遮罩動(dòng)畫(huà)
(1)在Flash中，圖層分為哪幾類 如何操作和管理圖層
(2)怎樣運(yùn)用引導(dǎo)層實(shí)現(xiàn)軌跡運(yùn)動(dòng)動(dòng)畫(huà)
(3)怎樣運(yùn)用遨覃層實(shí)現(xiàn)圖片加框特效
作業(yè)布置
謝謝
21世紀(jì)教育網(wǎng)（www.21cnjy.com) 中小學(xué)教育資源網(wǎng)站
有大把高質(zhì)量資料？一線教師？一線教研員？
歡迎加入21世紀(jì)教育網(wǎng)教師合作團(tuán)隊(duì)！！月薪過(guò)萬(wàn)不是夢(mèng)！！
詳情請(qǐng)看：
https://www.21cnjy.com/help/help_extract.php

展開(kāi)更多......

收起↑