《Flash中遮罩層的應用》教案(20201231020539)

1、Flash 中的遮罩層的應用教案授課題目遮罩動畫教學目標1通過實例教學使學生理解Flash 中遮罩的含義及原理；2通過實例教學使學生學會遮罩圖層的建立和遮罩效果的實現(xiàn)方法；3學會分析他人的Flash 作品并學習其中使用的技術、技巧4利用遮罩圖層實現(xiàn)文字特效，獨立完成一個動畫制作。教學內(nèi)容1FLASH 中遮罩動畫效果；2FLASH 中遮罩動畫的原理；3遮罩層的定義；4遮罩動畫的實現(xiàn)過程。教學重點及難點1遮罩原理；2遮罩動畫的制作步驟。教學方法1利用多媒體課件教學；2以實例演示為設計思想；3通過實例教學，使學生掌握設計方法。課時安排： 2 課時教學過程一、教學引入：展示遮罩動畫作品。 1、探照燈效

2、果。 2、電影文字。 3、MTV字幕。4、百葉窗效果。二、教學內(nèi)容：（一）“探照燈效果”的實現(xiàn)1“探照燈效果”的實現(xiàn)步驟步驟一：先啟動 FLASHcs3，在啟動界面中選擇“創(chuàng)建新項目”“FLASH 文檔”；步驟二：點擊“修改”“文檔”（或 CTRL+J），設置文檔屬性如圖 1 所示；圖 1步驟三：選擇文字工具，并在屬性面板，設置文字的屬性，如圖 2 所示；圖 2步驟四：新建一個層，在這一層用畫圓工具 繪制一個不帶邊線的圓形做為遮罩，顏色可任選；并將繪制好的圓轉(zhuǎn)換成“圖形類圖符”；步驟五：設置新建層的屬性為“遮罩層”，并改圖層名稱為“遮罩層”；注：在此處注意觀察遮罩效果，解釋遮罩原理。步驟六：把

3、實例圓拖到文字的左面，如圖 3 所示；圖 3步驟七：在文字層的第 25 幀單擊鼠標右鍵插入幀（或按 F5鍵），如圖 4 所示；圖 4步驟八：在遮罩層的第 25 幀單擊鼠標右鍵插入關鍵幀（或按 F6鍵），并將圓拖至文字的右端；步驟九：“遮罩層”設置補間動畫（動作動畫），如圖 5 所示；圖 5步驟十：保存 FLASH文檔，測試、導出影片。2遮罩的原理：（1）遮罩是需要通過兩層實現(xiàn)的，上一層叫遮罩層，下一層叫被遮罩層。（2）遮罩結(jié)果顯示的是二層的疊加部分，上一層決定看到的形狀，下一層決定看到的內(nèi)容。我們通常也把遮罩層叫做“透通區(qū)”，即透過上一層看下一層的內(nèi)容。（3）遮罩顯示結(jié)果的色彩由被遮罩層的色彩

4、決定，即可通過辯別色彩的來源來確定哪一層為被遮罩層。3提出問題：（1）在剛才的動畫中，如果改變兩層的順序，再利用“遮罩”效果，制作出的動畫會有什么改變？4給出 5 分鐘時間由學生動手仿照老師完成探照燈效果。5選擇優(yōu)秀作品展示并回答所提出的問題。（二）“電影文字”動畫的實現(xiàn)1電影文字的操作步驟：步驟一：新建 “ FLASH 文檔”，按 CTRL+J 電影幕布屬性修改為長條形。 寬為 400 像素、高為 100 像素；步驟二：單擊矩形工具在舞臺中畫一個無邊框的矩形，并填充線性漸變色。如圖所示。步驟三：單擊工具欄里面的 【填充變形工具】 巴舉行的垂直填充改變?yōu)樗教畛洹Ｈ鐖D所示。步驟四：新建一個新圖

5、層，命名為“文字層 ”，在第 1 幀鍵入靜態(tài)文本 “古典主義創(chuàng)作方法產(chǎn)生于十七世紀的法國，隨后風靡于整個歐洲，十七世紀的法國，資本主義有了相當?shù)陌l(fā)展。當時，法王路易十四壓制了政治上的反對派，實行中央集權(quán)的君主專制統(tǒng)治，同封建割據(jù)狀態(tài)作斗爭 ”文本顏色隨意，并轉(zhuǎn)化為圖形元件。如圖所示。步驟五：在 “文字層 ”的第 60 幀插入關鍵幀，并創(chuàng)建補間動畫。步驟六：單擊 “文字層 ”第 1 幀，把“文字 ”圖形元件移動到舞臺的下方。如圖所示。步驟七：在第 60 幀把 “文字 ”圖形元件移動到舞臺的上方。把圖層1 延長至第60 幀。步驟八：選中 “文字層 ”，單擊右鍵 【遮罩層】命令，創(chuàng)建遮罩效果。 如圖所示。步驟九：保存測試，完成。參看源文件