遮罩動畫紅星閃閃一、教學內容分析在日常生活中我們經常會看到很多眩目神奇的效果，如水波、萬花筒、百頁窗、放大鏡、望遠鏡等等，而這些效果就是用最簡單的“遮罩”完成的。Flash中的遮罩和遮罩層是緊密聯系在一起的，在遮罩層中的任何填充區域都是完全透明的，而任何非填充區域都不是透明的。在本課Flash教學中，除了給學生簡單介紹“遮罩”的基本知識外，還結合實際經驗介紹一些“遮罩”的應用技巧。最后，讓學生用補間動畫的方法進行實例操作，達到加深對“遮罩”原理的理解。二、學生情況分析本節課教學對象是六年級學生，他們已經初步掌握了Flash的基本知識，能夠制作簡單的補間動畫以及引導層動畫。并在前幾課他們已經了解了有關“遮罩”動畫的相關概念。本課主要是綜合運用工具箱中的各種工具，利用補間動畫制作“遮罩”動畫。三、教學方法本課以引導啟發、探究學習為主，以觀察比較、分析結構、討論合作的方法，讓學生在掌握知識、主動探究、提高能力的同時驅動完成任務。四、教學準備百葉窗、放大鏡、萬花筒等靜態圖片。百葉窗、放大鏡、萬花筒等遮罩動畫演示課件。五、教學目標1、靈活運用工具箱中的各種工具。2、學習使用橡皮工具中的“水籠頭”工具和擦除線條。3、遮罩動畫的制作。六、教學重難點重點：將線條轉化為填充，制作遮罩動畫。難點：使用變形面板，任意變形工具中“中心點”的應用。七、教學過程階段教 師 活 動學生活動設置意圖創設情境1、圖片欣賞：教師出示百葉窗、放大鏡、萬花筒等靜態圖片，請同學們欣賞。2、動畫欣賞：教師出示百葉窗、放大鏡、萬花筒等遮罩動畫演示課件，請同學們欣賞。3、總結：通過觀察、比較，讓學生產生好奇，從而激發學生求知欲望，引入課題。討論：分別請同學們說一說兩種效果的視覺感覺有什么異同。如：靜態圖片就是按照一定規則在平面上組合成圖案的，而僅僅是對人的視覺形成幻覺空間。動態圖片可以使整個畫面生動、活潑，表現力強，增加動感。通過觀察、比較，讓學生產生好奇，從而激發學生求知欲。新授新授新授新授新授新授1、出示成品動畫閃閃紅星請同學們欣賞。2、創建影片文檔 （1）、設置影片文檔屬性執行【文件】|【新建】命令，在彈出的面板中選擇【常規】|【Flash文檔】選項后，點擊【確定】按鈕，新建一個影片文檔，在【屬性】面板上設置文件大小為400*400象素，【背景色】為黑色。（在教程中，我們為了更好的顯示場景中的內容，背景色設為了深藍色），如圖（一）所示。圖（一） 文檔【屬性】面板3、創建元件 （1）、 創建“閃光線條”元件執行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條”。選擇工具欄上的直線工具，在場景中畫一直線，在【屬性】面板上作如圖（二）設置。圖（二） 閃光線條的【屬性】面板參數設置 （2）、 創建“閃光線條組合”元件執行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“閃光線條組合”，如圖（三）所示。圖（三）創建閃光線條元件從庫中將名為“閃光線條”的元件拖入新元件編輯窗口的場景中，在X軸上的位置為-200，Y軸為20。然后單擊工具欄上的任意變形工具，此時元件的中心會出現一個小白點，它就是對象的“中心點”，用鼠標左鍵按住它，拖到場景的中心處松手。圖（四）中的“1”顯示的是中心點在元件的中心時的情形，“2”顯示的是中心點已拖到場景中心時的情形。圖（四）移動中心點到場景的中心然后執行【窗口】|【設計面板】|【變形】命令，打開變形面板，選中【旋轉】，角度為15度，連續按下【復制并應用變形】按鈕，在場景中復制出的效果如圖（五）所示。圖（五）變形面板及復制好的元件在時間軸的關鍵幀上點一下，選中全部圖形，執行【修改】|【分散】命令，把線條打散，再執行【修改】|【形狀】|【將線條轉化為填充】命令，將線條轉變為形狀。（3）、創建“閃光”元件執行【插入】|【新建元件】命令，新建一個影片剪輯，名稱為“閃光”，如圖（六）所示。圖（六） 創建“閃光”元件單擊【確定】后進行“新元件編輯窗口”，接著把庫里名為“閃光線條組合”的元件拖到場景中，對齊中心點，復制此元件，在第30幀處加關鍵幀，再回到第1幀中建立補間動作動畫，【屬性】面板上設置順時針旋轉一周。然后新建一層，在第1幀中執行【編輯】|【粘貼到當前位置】命令，使二層中的“閃光線條組合”完全重合，再執行【修改】|【變形】|【水平翻轉】命令，讓復制過來的線條和第一層的線條方向相反，在場景中形成交叉的圖形。在第30幀處建立關鍵幀，在第1幀中建立動作補間動畫，【屬性】面板上設置逆時針旋轉一周，最后將此層設為遮罩層，如圖（七）所示。圖中顯示的是“閃光”元件的時間軸面板和各圖層中的動畫設置。圖（七）“閃光”元件編輯界面（4）、 創建“紅星”元件執行【插入】|【新建元件】命令，新建一個圖形元件，名稱為“紅星”。我們要在這個元件中畫一個漂亮的紅星，為了畫好紅星，我們分九步來敘述具體的畫法，圖（八）中的“1-9”的數字表示這九個步驟。圖（八）紅星的九步畫法第一步，按住shift鍵，從場景中心向上畫一根黃色的線條，如圖（八）中的“1”所示。第二步，選擇工具箱中的任意變形工具,在畫好的線條上點一下，這里，線條的中心出現一個白色的小園點，我們叫它“中心點”。如圖（八）中的“2”所示。第三步，鼠標左鍵按住這個小白點，拖到線條的最下端，這是因為我們要讓線條要以下端為中心旋轉復制。如圖（八）中“3”所示。第四步，執行【窗口】|【設計面板】|【變形】，打開變形面板，各參數設置如圖（九）。按下【復制并應用變形】按鈕四次，就會在場景中每隔72度復制出一根線條，五個線條的頂端構成五角星的五個頂點。如圖（八）中的“4”所示。圖（九）變形面板第五步，用綠色線條分別連接五根線條的頂端，五角星的模樣已經出來了，如圖（八）中“5”所示。第六步，用白色線條分別連接五角星中心和上一步連線的中點，如圖（八）中“6”所示。第七步，選擇工具欄上的橡皮工具 ，在工具欄下面的選項中選擇“水籠頭”工具，在多余的線段上點一下，去除線段，修整好的五角星如圖（八）中的“7”所示。第八步，用油漆筒工具給五角星上色，每個角的左右顏色可略有區別，增加立體感，如圖（八）中的“8”所示。第九步：再選擇橡皮工具，點開旁邊的小三角，在“擦除線條”前打勾，如圖（十）所示。圖（十） 擦除線條用橡皮工具擦去紅星上的線條，一顆漂亮的紅星就做成了，如圖（八）中“9”所示。技巧：在Flash中，還可以用更簡單的方法畫紅星，選擇工具欄上的多角星形工具，如圖（十一）。圖（十一） 多角星形工具圖（十二） 多角星形工具選項設置面板4、創建動畫 回到主場景中，把“閃光”元件拖入第二層，新建二層，第三層中拖入“紅星”元件，在場景的下方寫下白色的“紅星閃閃”的文字，完成后的時間幀面板及場景如圖（十三）所示。圖（十三） 時間軸及場景按Ctrl+Enter組合鍵，測試動畫。此時，你欣賞著自己親手做的“閃閃紅星”動畫，心中再回想一下“遮罩”在動畫中的作用，是否已經感受到“遮罩”這一功能的神奇？請同學們分析結構：這個動畫分為哪幾部分？（背景、閃光、文字、五角星）靜態的是哪幾部分？（背景、文字、五角星）動態的是哪部分？（閃光）也是我們這節課學習的重點。看演示、學方法。同時培養學生觀察力。線條屬性可以讓學生自由設置，體現學生自主。讓學生自己學做閃光線條組合。提示學生“中心點”的位置安排，不同位置，效果不同。靈活運用【設計面板】，培養自信，激發學習興趣。演示幾種元件：理解各元件意義。熟練運用菜單命令，增強自信心。強調【粘貼到當前位置】命令。學生自主探究紅星的制作方法。提示“中心點”的位置，運用放大工具。通過大膽嘗試，培養學生解決問題，分析問題的能力。練習【混色器】，學生自主運用。自主探究“水龍頭”，以及其他方法。讓學生之間討論其他方法。【屬性】設置不同，產生的效果不同。激發欲望。學生自由組合，演示效果。同學之間相互欣賞、評價。體驗成功。激發想完成任務的愿望。直觀引導學生明確學習任務。自主探究、嘗試。為學生提供展示平臺。讓學生大膽嘗試各種效果。自主探究。為學生提供練習平臺。多上機操作。比較、模仿。體現學生自主探究。激發興趣。學生之間可以相互討論。通過實際問題培養學生學習興趣。通過實際操作解決問題。比較不同效果。學生討論交流制作體會。通過相互觀察、比較、評價進一步培養求知欲。八、教學反思1、本課教學通過學生在操作實踐中主動參與、主動實踐，體現教學過程以人為本的教學思想。教學的效果體現在學生完成任務上，同事也體現了教師是組織者、引導者，學生是學習的主體。在教學過程中，讓學生在操作實踐中學習、領悟，從而體驗探究過程，完成任務。2、課堂教學不應拘泥