遮罩動(dòng)畫(huà)教案

1、Word 文檔2016年全省技工教育和職業(yè)培訓(xùn)參評(píng)教案學(xué)科Flash動(dòng) 回用第七章制作特殊效果動(dòng)畫(huà)第一.節(jié)遮罩動(dòng)畫(huà)審批簽字授課時(shí)數(shù)2授課方法自主學(xué)習(xí)、協(xié)作教具 多媒體網(wǎng)絡(luò)授課時(shí)間2016年4月16日Hs學(xué)尸，教室授課班級(jí)計(jì)算機(jī)1541教學(xué)目的學(xué)會(huì)遮罩圖層的建立和遮罩效果的實(shí)現(xiàn)方法，能夠獨(dú)立制作遮罩動(dòng)畫(huà)教學(xué)重點(diǎn)和難點(diǎn)教學(xué)重點(diǎn)：遮罩的含義以及遮罩效果的制作方法。教學(xué)難點(diǎn)：理解遮罩層與被遮罩層之間的關(guān)系。復(fù)習(xí)提問(wèn)補(bǔ)問(wèn)動(dòng)畫(huà)有幾種類型？教學(xué)內(nèi)容、方法和過(guò)程§7.1遮罩動(dòng)畫(huà)【組織教學(xué)】清點(diǎn)學(xué)生人數(shù)，檢查多媒體教室設(shè)備是否正常，安定課堂紀(jì)律，填 寫(xiě)教室日志?！緩?fù)習(xí)提問(wèn)】提問(wèn)：補(bǔ)問(wèn)動(dòng)畫(huà)有幾種類型？學(xué)

2、生回答：教師總結(jié)：補(bǔ)向動(dòng)回有動(dòng)回補(bǔ)向和形狀補(bǔ)1可兩種。附 t己集中學(xué)生注意 力，進(jìn)入課堂教 學(xué)氛圍。師生互動(dòng)，引導(dǎo) 學(xué)生回顧所學(xué) 知識(shí)。i教學(xué)內(nèi)容、方法和過(guò)程附記8教師引導(dǎo)學(xué)生同學(xué)們喜歡看看動(dòng)回嗎？非常喜歡。想不想自己動(dòng)手制作呢？想！從學(xué)生感興趣 的動(dòng)畫(huà)入手，激 發(fā)學(xué)生學(xué)習(xí)新 課的興趣，把學(xué) 生引入到學(xué)習(xí) 狀態(tài)。通過(guò)提問(wèn)幫助 學(xué)生復(fù)習(xí)前面 學(xué)習(xí)的知識(shí)，并 引導(dǎo)出新課內(nèi) 容。教師引導(dǎo)，下達(dá) 任務(wù)【教學(xué)引入】播放遮罩動(dòng)畫(huà)實(shí)例（探照燈、畫(huà)卷、水中倒影），引導(dǎo) 學(xué)生分析其中的組成元素，引出遮罩動(dòng)畫(huà)所要求學(xué)習(xí)的知識(shí) 點(diǎn)。遮罩動(dòng)畫(huà)簡(jiǎn)介遮罩層好比黑夜中的一支手電筒，照在哪兒（指被遮罩層）哪兒 就顯現(xiàn)。遮罩層

3、決定形狀，被遮罩層決定顯示的內(nèi)容！【新課講授】導(dǎo)入：打開(kāi)探照燈源文件，讓學(xué)生主要觀察遮罩層和被遮罩層回答問(wèn)題。師：通過(guò)觀察源文件你發(fā)現(xiàn)什么沒(méi)有？生：光圖層的探照燈經(jīng)過(guò)的地方文字亮圖層的內(nèi)容顯示，其余部分不顯示！師：回答的很好！這就是我們這節(jié)課要講的動(dòng)畫(huà)效果 -遮罩 動(dòng)畫(huà)。原理解釋：遮罩動(dòng)畫(huà)是利用遮罩圖層創(chuàng)建的，使用遮罩圖層后，被遮罩層上 的內(nèi)容就像通過(guò)一個(gè)窗口顯示出來(lái)一樣，這個(gè)窗口便是遮罩層上的對(duì) 象。播放動(dòng)畫(huà)時(shí)，遮罩層上的對(duì)象不會(huì)被顯示，被遮罩層上位于遮罩 層對(duì)象之外的內(nèi)容也不會(huì)被顯示。力1.靜態(tài)遮罩根據(jù)學(xué)生的認(rèn) 知規(guī)律，知識(shí)由 淺入深的重新 建構(gòu)，從靜態(tài)到 動(dòng)態(tài)，教師邊講 解邊操作，讓學(xué)

4、生觀察效果，掌 握制作方法。 步驟1實(shí)例制作一鏡中貓:務(wù)圖層2 X等3口力明層1 a 口+ 心- 口;操作講解:教師引導(dǎo)學(xué)生探照燈文字效果有幾個(gè)圖層?兩個(gè)，一層放的是圖片, 是圖形（圓）一層放的學(xué)生通過(guò)觀察， 把遮罩的簡(jiǎn)單 制作與圖層的 互換效果全部 領(lǐng)會(huì)，為以后的 重點(diǎn)操作打下 良好的基礎(chǔ)。教師提問(wèn)，引導(dǎo) 學(xué)生得出結(jié)論。哪一個(gè)圖層中的內(nèi)容在變化?圓”圖層中是什么動(dòng)畫(huà)類型?動(dòng)作補(bǔ)間動(dòng)畫(huà)教師總結(jié)，加深 學(xué)生對(duì)遮罩層 的理解與掌握。結(jié)論：遮罩層就像是一張帶有鏤空?qǐng)D形的紙， 我們透過(guò)鏤 空的圖形可以看到它下面的被遮罩層中的內(nèi)容。（兩者的位置：遮罩層在上，被遮罩層在下）遮罩效果的實(shí)現(xiàn)，需要兩 層：一層

5、是遮罩層（在上層）一一提供了形狀；另一層是被 遮罩層（在下層）一一提供了被擋住的內(nèi)容一一（文字、圖 片等）導(dǎo)入：剛才我們演示的遮罩層是靜止不動(dòng)的， 那如果要遮罩層動(dòng)起來(lái) 又會(huì)產(chǎn)生怎樣的效果呢？2動(dòng)態(tài)遮罩讓學(xué)生積極觀 察教師的操作， 體會(huì)到不同遮 罩效果，分析這 兩種遮罩的不 同點(diǎn)。實(shí)例制作一探照燈效果：(1)運(yùn)行Flash,設(shè)置文檔屬性，背景黑色(2)把圖層1命名為“文字亮”圖層，在第1幀鍵入 靜態(tài)文本“歡迎學(xué)習(xí)遮罩動(dòng)畫(huà)”，文本顏色白色，并拷貝(3)新建圖層“文字暗”，單擊右鍵【粘貼到當(dāng)前位 置】命令，把歡迎學(xué)習(xí)遮罩動(dòng)畫(huà)粘貼到原來(lái)位置。并改變文 本顏色為深灰(4)新建一個(gè)圖形元件，命名為 “光

6、”。在編輯區(qū)里 面畫(huà)一個(gè)放射狀填充的圓形(5)返回到場(chǎng)景1,新建圖層“遮罩”層。把“光”圖 形元件拖動(dòng)到第1幀，調(diào)整其在場(chǎng)景中的位置(6)在“遮罩”圖層的第70幀插入關(guān)鍵幀，并調(diào)整場(chǎng) 景中“光”圖形元件的位置。(7)創(chuàng)建移動(dòng)漸變動(dòng)畫(huà)。并把“遮罩”圖層移動(dòng)到“文 字亮”圖層的下面，在“文字亮”圖層創(chuàng)建遮罩(8)測(cè)試影片當(dāng)操彳乍要點(diǎn)：要?jiǎng)?chuàng)建動(dòng)態(tài)效果，可以讓遮罩層動(dòng)起來(lái)。對(duì)于用 作遮罩的填充形狀，可以使用補(bǔ)問(wèn)形狀；對(duì)于文字對(duì)象、圖形實(shí)例或 影片剪輯，可以使用補(bǔ)問(wèn)動(dòng)畫(huà)。當(dāng)使用影片剪輯實(shí)例作為遮罩時(shí)，可 以讓遮罩沿著運(yùn)動(dòng)路徑運(yùn)動(dòng)。 1 -« 一 +-H#- 一 一 Vb一 一 + Ml + *

7、¥ H 一，一 學(xué)生實(shí)操：教師操作演示后由學(xué)生自行在計(jì)算機(jī)上進(jìn)行操作練習(xí)（練習(xí)題目彩虹字效果。）講解練習(xí)：制作本例的重點(diǎn)是設(shè)置補(bǔ)問(wèn)動(dòng)畫(huà)。課后思考：如何為流水瀑布效果？靜態(tài)遮罩和動(dòng)態(tài)遮罩的比較和分析：一、集體討論：討論：大家通過(guò)自己的操作體驗(yàn)，說(shuō)說(shuō)靜態(tài)遮罩設(shè)置和動(dòng)態(tài)遮罩 設(shè)置有什么異同點(diǎn)？學(xué)生自由進(jìn)行討論后請(qǐng)2-3位同學(xué)作為代表發(fā)言。二、教師引導(dǎo)及總結(jié)：兩者在操作上的主要不同是靜態(tài)遮罩是動(dòng)態(tài)遮罩的基礎(chǔ)，動(dòng)態(tài)遮 罩在靜態(tài)的基礎(chǔ)上加了動(dòng)畫(huà)效果。強(qiáng)調(diào)操作要點(diǎn) 加深學(xué)生的理 解與掌握。學(xué)生相互交流 分析動(dòng)畫(huà)構(gòu)成， 教師點(diǎn)評(píng)。通過(guò)對(duì)比與分 析，使學(xué)生對(duì)這 兩種遮罩的特 點(diǎn)掌握的更加 精確。在單層

8、遮罩的 基礎(chǔ)上學(xué)習(xí)多導(dǎo)入：學(xué)習(xí)完以上內(nèi)容我們對(duì)遮罩層動(dòng)畫(huà)的制作基本上掌握了，可我教學(xué)內(nèi)容、方法和過(guò)程附 t己層遮罩，循序漸進(jìn)，利于學(xué)習(xí)。們制作的遮罩都是比較簡(jiǎn)單的單層遮罩，那如果我想要發(fā)制作一些較復(fù)雜的多層遮罩又該如何來(lái)完成呢？3多層動(dòng)態(tài)遮罩 實(shí)例制作一放大鏡效果 1.打開(kāi)Flash新建文檔，大小為1100Px X200px,背景9為淡黃色;學(xué)生積極觀察 教師的操作，體 會(huì)到不同遮罩 效果，分析這兩 種遮罩的不同 點(diǎn)。2.將圖層1命名為小字，并在舞臺(tái)上打上“聰明在于勤奮，天才在于積累。，具體屬性設(shè)置如下圖所示:3.新建一層，命名為大字，也打上和圖層一一樣的字，的教學(xué)內(nèi)容、方法和過(guò)程附記具體屬性

9、設(shè)置如下圖所示:4.新建一層，命名為放大鏡，可以在網(wǎng)上找一個(gè)素材,或者自己畫(huà)一個(gè)也行;5.在圖層3第40幀插入關(guān)鍵幀，在圖層1、2插入幀;生創(chuàng)建動(dòng)畫(huà)一放大鏡6 .將放大鏡層第一幀放在舞臺(tái)左邊，第四十幀放在舞層。臺(tái)右邊，并創(chuàng)建補(bǔ)間動(dòng)畫(huà)；7 .新建一層，命名為放大鏡2,將放大鏡層復(fù)制，然后 提醒學(xué)生遮罩將放大鏡2放到大字和小字層中間；層是放大鏡層。8 .選擇放大鏡層右擊一遮罩層，到此放大鏡效果就完成了 ！按ctrl+enter看看效果吧！15操作講解通過(guò)總結(jié)和回 顧加深學(xué)生對(duì) 遮罩動(dòng)畫(huà)效果 的理解。1 .如果需要添加為被遮罩的圖層位于遮罩圖層上方，則選 取該圖層，然后將它拖到遮罩層下方即可2 .如

10、果需要添加為被遮罩的圖層位于遮罩層下方，可打 開(kāi)“圖層屬性”對(duì)話框，在類型列表中選擇“被遮罩”單選鈕即 可。3 .在制作過(guò)程中，遮罩層經(jīng)常擋住下層的元件，影響視 線，無(wú)法編輯，可以按下遮罩層時(shí)間軸面板的顯示圖層輪廓 按鈕，使之變成，使遮罩層只顯示邊框形狀，在種情況下， 你還可以拖動(dòng)邊框調(diào)整遮罩圖形的外形和位置。者操作要點(diǎn)：一個(gè)遮罩層只能包含一個(gè)遮罩項(xiàng)目,也不能用一個(gè)遮罩層試圖遮蔽另一個(gè)遮罩層。學(xué)生實(shí)操：教師操作演示后由學(xué)生自行在計(jì)算機(jī)上進(jìn)行操作練習(xí)（練習(xí)題目自傳地球效果）講解練習(xí)：制作本例的重點(diǎn)是為同一遮罩層選中多個(gè)被遮罩層。課后思考：如何制作波紋理效果？單層動(dòng)態(tài)遮罩和多層動(dòng)態(tài)遮罩的比較和分析

11、：一、集體討論：討論：大家通過(guò)自己的操作體驗(yàn)，說(shuō)說(shuō)動(dòng)態(tài)遮罩和多層動(dòng)態(tài)遮罩教師講解后學(xué)生 馬上自己動(dòng)手操 作，對(duì)所學(xué)內(nèi)容 的識(shí)記效果最 好，同時(shí)通過(guò)自 主完成操作任 務(wù)，感受到學(xué)習(xí) 的成就感有什么異同點(diǎn)？學(xué)生自由進(jìn)行討論后請(qǐng)2-3位同學(xué)作為代表發(fā)言。二、教師引導(dǎo)及總結(jié)：兩者在操作上的主要不同是單層動(dòng)態(tài)遮罩的被遮罩層只有一層， 多層動(dòng)態(tài)遮罩的被遮罩層可以是多層。導(dǎo)入：以上所演示的實(shí)例主要是通過(guò)遮罩層來(lái)實(shí)現(xiàn)，如果把 我們以前所學(xué)習(xí)的動(dòng)畫(huà)制作知識(shí)結(jié)合遮罩層來(lái)制作動(dòng)畫(huà)，又會(huì)有什么效果呢。綜合實(shí)例一水中倒影：分析動(dòng)畫(huà)：觀察生活中的水中倒影可以看出，水波波動(dòng)時(shí)，水里物體的影像 會(huì)向外擴(kuò)散，產(chǎn)生比真實(shí)物體放大

12、的效果1 .制作倒影層在圖層“背景”和“小熊”的第80幀插入幀新建圖層，重命名為“水中倒影”，在第50幀插入 關(guān)鍵幀復(fù)制“背景”層上的倒影圖案，粘貼在“水中倒影” 圖層的第50幀位置，使用“任意變形工具”將圖像適當(dāng)放 大通過(guò)學(xué)生觀察 遮罩產(chǎn)生的不 同效果，來(lái)引中 遮罩意義上的 廣泛性，使遮罩 的內(nèi)容進(jìn)一步 得到升華，提醒 學(xué)生遮罩還有 更廣泛的應(yīng)用， 引導(dǎo)學(xué)生進(jìn)行 思考，激發(fā)他們 動(dòng)手的欲望。2 .制作水波遮罩新建圖層，重命名為“水波”在第50幀處插入關(guān)鍵幀，使用“刷子工具”繪制圓 環(huán)圖案在“水波”層的第80幀處插入關(guān)鍵幀，使用“任意 變形工具”將水波圖案放大拓展延伸，深化學(xué)習(xí)。在“水波”層的

13、第50幀至80幀之間創(chuàng)建形狀補(bǔ)間動(dòng) 畫(huà)右擊圖層“水波”，選擇“遮罩層”命令，測(cè)試影片操作講解：1. 制作遮罩動(dòng)畫(huà)之前，先要明確遮罩層和被遮罩層的對(duì)象2. . 注意遮罩層與被遮罩層的圖層順序3. 一種遮罩效果的實(shí)現(xiàn)可以有多種方法在學(xué)生動(dòng)手制 作過(guò)程中，教師 應(yīng)適時(shí)引導(dǎo)，從 多個(gè)方面啟發(fā) 學(xué)生，發(fā)散思 維。課堂作業(yè)：展開(kāi)畫(huà)卷（由學(xué)生自己思考完成，教師可提供操作步驟作為參考）參考步驟：（D新建flash文檔，在“畫(huà)”圖層第1幀制作自己喜歡的畫(huà)面（制作完成后最好轉(zhuǎn)換為元件），并延續(xù)至 50幀左右（2）在“矩形”圖層第1幀上制作一縱向能覆蓋畫(huà)卷的矩形 （如 圖2中暗紅色矩形教師要注意觀察 學(xué)生操作的情

14、況，及時(shí)化解學(xué) 生操作中的錯(cuò) 誤，在練習(xí)過(guò)程 中對(duì)學(xué)生容易忽 略的細(xì)節(jié)進(jìn)行提醒和補(bǔ)充討論中應(yīng)盡量 讓學(xué)生自己總 結(jié)得出結(jié)論，加 深學(xué)習(xí)印象。(3)在“矩形”圖層的第40幀上插入關(guān)鍵幀(此時(shí)該幀內(nèi)容現(xiàn) 第1幀的相同)，并用“任意變形工具”將該小矩形變形為如圖3所 示，并在第1幀和第40幀之間做形狀補(bǔ)問(wèn)，延續(xù)至50幀：(4)在“右軸”圖層第1幀上制作自己喜愛(ài)的畫(huà)卷卷軸，制作完成 后轉(zhuǎn)換為元件，延續(xù)至50幀，(5)在“左軸”圖層第1幀上從庫(kù)中拖入卷軸元件(6)在“左軸”圖層第40幀上插入關(guān)鍵幀(此時(shí)該幀內(nèi)容也為卷 軸)，將該卷軸移動(dòng)到如圖6所示左邊位置，并在第1幀和第40幀之 間做動(dòng)作補(bǔ)問(wèn)，延續(xù)至50幀設(shè)置“矩形”圖層為遮罩層，“畫(huà)”圖層為被遮罩圖層，如圖7所示，測(cè)試影片。課堂綜合練習(xí)：相鄰4人分成一組，討論生活中哪些現(xiàn)象可以通過(guò)遮罩層來(lái)實(shí)現(xiàn)， 并把這些現(xiàn)象通過(guò)Flash