flash中的遮罩動(dòng)畫1教學(xué)設(shè)計(jì)

1、Flash 中的遮罩動(dòng)畫知識領(lǐng)域：多技術(shù)|知識單元：動(dòng)畫技術(shù)|適用對象：大學(xué)本科師范類學(xué)生一教學(xué)背景1.遮罩動(dòng)畫技術(shù)及其相關(guān)知識一直是 FLASH 中的重點(diǎn)和難點(diǎn)。2.在遮罩動(dòng)畫的教學(xué)過程中，由于學(xué)生本身對 FLASH 這款比較生疏，僅僅通過字面上的解釋很難讓學(xué)生掌握制作遮罩動(dòng)畫的方法，因此學(xué)生在學(xué)習(xí)上存在著諸多。3.理解遮罩動(dòng)畫的制作原理是本課的重點(diǎn)，希望學(xué)生通過本節(jié)課的學(xué)習(xí)，能夠舉一反三，將遮罩動(dòng)畫應(yīng)用到的教學(xué)活動(dòng)中。二教學(xué)目標(biāo)知識與技能1.了解制作遮罩動(dòng)畫的步驟2.理解遮罩動(dòng)畫的制作原理3.能夠制作簡單的遮罩動(dòng)畫來輔助教學(xué)過程與方法1.通過實(shí)際操作，掌握制作遮罩動(dòng)畫的基本方法2.通過實(shí)踐

2、與探究，體會 Flash 的學(xué)習(xí)方法與策略情感與價(jià)值觀1.通過對多技術(shù)中的遮罩動(dòng)畫這一項(xiàng)技術(shù)的學(xué)習(xí)，培養(yǎng)動(dòng)手能力，創(chuàng)新能力，激發(fā)對 FLAS的學(xué)習(xí)熱情，進(jìn)一步對 FLAS進(jìn)行深入學(xué)習(xí)。2.通過本節(jié)課的學(xué)習(xí)，學(xué)生有將自己的見解與他人交流的愿望，敢于堅(jiān)持正確觀點(diǎn)，勇于修正錯(cuò)誤。三教學(xué)方法1.講授法講授法是教師通過簡明、生動(dòng)的口頭語言向?qū)W生系統(tǒng)的傳授知識、發(fā)展學(xué)生智力的方法。講授法從教師的角度講是一種“傳授”式的教學(xué)方法，而從學(xué)生的角度來看，是一種“接受”式的學(xué)習(xí)方法。講授法的主要優(yōu)點(diǎn)在于教師可以通過合乎邏輯的分析、論證，生動(dòng)形象的描繪、陳述，啟發(fā)誘導(dǎo)性的設(shè)疑、解疑，使學(xué)生在較短的時(shí)間內(nèi)獲得較為全面

3、系統(tǒng)的知識，并能把知識教學(xué)、教育和發(fā)展智力三者有效的結(jié)合起來，使之融為一體，相互促進(jìn)。本節(jié)課分為理論知識部分和操作學(xué)習(xí)部分，理論知識部分采用的教學(xué)方法就是講授法，教師通過用語言和文字來傳遞知識，加上 ppt 的輔助作用，使學(xué)生能很快的理解并掌握遮罩動(dòng)畫的有關(guān)知識，為之后的操作學(xué)習(xí)奠定了基礎(chǔ)。2.范例教學(xué)法“范例”確切地說就是“好的例子”、“典型的例子”、“學(xué)生能夠理解的例子”。范例教學(xué)法就是以典型范例為中心的教與學(xué)，使學(xué)生能夠依靠特殊（范例）掌握一般，并借助這種“一般”獨(dú)立的進(jìn)行學(xué)習(xí)。在操作學(xué)習(xí)部分采用的教學(xué)方法就是范例教學(xué)法。首先選定了語文課中漢字筆畫書寫這一部分的知識，并以“丁”字為例在

4、Flash 界面中一步步操作，實(shí)現(xiàn)這一動(dòng)畫效果。通過這個(gè)字的學(xué)習(xí)，加以總結(jié)，使學(xué)生能夠更加形象直觀的理解所學(xué)內(nèi)容，并舉一反三將遮罩動(dòng)畫這一技術(shù)應(yīng)用到其他學(xué)科的教學(xué)中。四教學(xué)內(nèi)容1.理論學(xué)習(xí)部分在這一部分，分為三點(diǎn)來學(xué)習(xí)，主要通過教師講授的方法，并配合 ppt、及動(dòng)畫等多技術(shù)，將抽象的概念形象化，以達(dá)到更好的教學(xué)效果。（1）遮罩動(dòng)畫？遮罩動(dòng)畫是 Flash 中的一個(gè)很重要的動(dòng)畫類型，在 Flash 的圖層中有一個(gè)遮罩圖層類型，為了得到特殊的顯示效果，可以在遮罩層上創(chuàng)建一個(gè)任意形狀的“視窗”，遮罩層下方的對象可以通過該“視窗”顯示出來，而“視窗”之外的對象將不會顯示。（2）遮罩動(dòng)畫的應(yīng)用有哪些？它

5、可以用在整個(gè)場景或一個(gè)特定區(qū)域，使場景外的對象或特定區(qū)域外的對象不可見；也用來遮罩住某一元件的一部分，從而實(shí)現(xiàn)一些特殊的效果。（3） 為什么遮罩動(dòng)畫能夠輔助教學(xué)？眾所周知，F(xiàn)LASH 能方便的制作動(dòng)畫，將抽象的知識直觀形象的展示出來，動(dòng)畫體積又很小，可以將課件隨時(shí)帶進(jìn)多教室。而遮罩動(dòng)畫是 FLASH中的一項(xiàng)重要的技術(shù)，因此掌握它對于教學(xué)課件的制作是非常有幫助的。接下來，會欣賞兩個(gè)教學(xué)中應(yīng)用到的動(dòng)畫短片。然后就進(jìn)入到了操作學(xué)習(xí)部分。2.操作學(xué)習(xí)部分在這一部分，以“丁”字為例來學(xué)習(xí)如何利用遮罩動(dòng)畫實(shí)現(xiàn)漢字筆畫的書寫。接下來是具體的操作步驟。第一步：打開 Flash 界面，在新建中選擇 Action

6、 Script3.0第二步：在中選擇“文本工具”，然后在舞臺上創(chuàng)建一個(gè)文本框，輸入一個(gè)需要的文字，以“丁”字為例來學(xué)習(xí)。第三步：需要在屬性窗口調(diào)整一下文字的大小，讓文字大一些便于之后的操作，將大小調(diào)整為 150 點(diǎn)，利用鍵盤輸入需要的值就可以改變。第四步：選中這個(gè)文字，單擊鼠標(biāo)右鍵，在彈出的窗口中選擇“分離”。接下來在中選擇縮放工文字放大，方便接下來的操作。第五步：首先要一下當(dāng)前圖層的第一幀，然后利用線條工丁”字的“橫”分離出來，將其余部分刪掉，將該圖層命名為“橫”。在時(shí)間軸窗口的左下角選擇新建圖層按鈕，將該圖層命名為“橫遮罩”。選中該圖層的第一幀然后在中選擇矩形工具并將筆觸的顏色設(shè)置為無，在

7、填充顏色中選擇一個(gè)與字體不一樣的顏色便于區(qū)分。然后在文字的左側(cè)畫一個(gè)矩形，選中這兩個(gè)圖層的第 20 幀，單擊鼠標(biāo)右鍵一個(gè)關(guān)鍵幀。在遮罩圖層的第 20 幀處利用任意變形工矩形橫向放大知道將筆畫全部遮住。第六步：選中遮罩層的 120 幀的任一幀單擊鼠標(biāo)右鍵選擇創(chuàng)建補(bǔ)間形狀。完成以上這幾步后選中“橫的遮罩”這一圖層單擊鼠標(biāo)右鍵選擇遮罩層即完成了當(dāng)前筆畫的書寫。第七步 ：之后的筆畫書寫也是按照之前的步驟進(jìn)行的。在“橫遮罩”這個(gè)圖層上面再新建兩個(gè)圖層，然后將圖層 3 重命名為“豎”，在該圖層的 21幀處關(guān)鍵幀，然后單擊鼠標(biāo)右鍵選擇粘貼幀，這樣“丁”這個(gè)字就會在最初的位置顯示出來，用線條工“豎”這一筆切割

8、出來。重復(fù)之前的步驟。在 40 幀處關(guān)鍵幀，在創(chuàng)建遮罩這一部分的時(shí)候需要注意，要用任意變形工創(chuàng)建的矩形自上而下的放大。這個(gè)筆畫創(chuàng)建完成后，圖層一和圖層二的幀也延長到 40，這樣就能保證第二個(gè)筆畫的書寫是在第一個(gè)筆畫的基礎(chǔ)上進(jìn)行的。第八步：在”豎的遮罩”圖層上新建兩個(gè)圖層，用于書寫最后一筆“提”，同樣依照之前的步驟，在 41 幀處關(guān)鍵幀，幀，然后用線條工“提”這一筆切割出來，按照之前的步驟操作。在創(chuàng)建遮罩的過程中要注意的是，應(yīng)該先在其下方畫一個(gè)矩形，然后在 60 幀處用任意變形工矩形自下而上的放大直到將這一筆完全遮住。第九步：這個(gè)筆畫創(chuàng)建完成后，圖層一到圖層四的幀都延長到 60，現(xiàn)在來從頭看一下。這樣一個(gè)完整的“丁”字的書寫步驟就完成了。通過以上的學(xué)習(xí)能夠總結(jié)兩點(diǎn)：第一，遮罩遮住的地方就是要顯示的地方；第二：遮罩變化的方向要遵循筆畫書寫的方向五教學(xué)總結(jié)在本節(jié)課的教學(xué)中，應(yīng)用了多種多技術(shù)。利用 PPT 制作課件來輔助教師的講解；利用 FLASH 制作了兩個(gè)教學(xué)中會用到的動(dòng)畫小短片來幫助學(xué)生理解；利用 camtasia studio 錄屏錄制筆畫學(xué)習(xí)的操作步