-Flash遮罩動畫授課年級高一授課教師鐵海燕課件

計算機動畫設(shè)計——Flash遮罩動畫授課年級：高一

授課教師：鐵海燕

西吉縣職業(yè)中學(xué)計算機教研組計算機動畫設(shè)計——Flash遮罩動畫西吉縣職業(yè)中學(xué)計算動畫片段欣賞：

動畫片斷欣賞西吉縣職業(yè)中學(xué)計算機教研組動畫片段欣賞：

西吉縣職業(yè)中學(xué)計算機教研組遮罩層動畫效果：

望遠(yuǎn)鏡、百葉窗、萬花筒、放大鏡等等。西吉縣職業(yè)中學(xué)計算機教研組遮罩層動畫效果：

西吉縣職業(yè)中學(xué)計算機教研組學(xué)習(xí)目標(biāo)：

什么是遮罩？理解遮罩動畫的基本原理；如何制作遮罩動畫；西吉縣職業(yè)中學(xué)計算機教研組學(xué)習(xí)目標(biāo)：

西吉縣職業(yè)中學(xué)計算機教研組

任務(wù)—制作“百葉窗”遮罩動畫實例

西吉縣職業(yè)中學(xué)計算機教研組簡單遮罩動畫，在2課時內(nèi)完成提供素材：圖片信息力求做出動感，比例合適。

任務(wù)—制作“百葉窗”遮罩動畫實例

西吉縣職業(yè)中學(xué)遮罩的概念：

在flash的圖層中有一個遮罩圖層類型。為了得到特殊的演示效果，可以在遮罩層上創(chuàng)建任意形狀的“視窗”。遮罩層下方的對象可以通過該“視窗”顯示出來。而“視窗”之外的對象將不會顯示。西吉縣職業(yè)中學(xué)計算機教研組遮罩的概念：

在flash的圖層中有一個遮罩圖層類型。為了動畫演示（基本原理）：

動畫演示西吉縣職業(yè)中學(xué)計算機教研組動畫演示（基本原理）：

動畫演示西吉縣

任務(wù)—制作“百葉窗”遮罩動畫實例

西吉縣職業(yè)中學(xué)計算機教研組簡單遮罩動畫，在2課時內(nèi)完成提供素材：圖片信息力求做出動感，比例合適。

任務(wù)—制作“百葉窗”遮罩動畫實例

西吉縣職業(yè)中學(xué)樣片動畫效果：

遮罩動畫—百葉窗西吉縣職業(yè)中學(xué)計算機教研組樣片動畫效果：

遮罩動畫—百葉窗西吉縣職業(yè)中操作步驟：

1.(1)啟動Flash，新建一個文件，將舞臺大小設(shè)置為寬：600px，高：400px。1.(2)選擇“文件”→“保存”菜單命令，命名為“百葉窗”，單擊確定。2.選擇“文件”→“導(dǎo)入”菜單命令導(dǎo)入素材“風(fēng)景1.jpg、風(fēng)景2.jpg”文件。西吉縣職業(yè)中學(xué)計算機教研組操作步驟：

1.(1)啟動Flash，新建一個文件，將舞臺操作步驟：

制作影片百葉窗元件：

3.（1）按ctrl+f8快捷鍵。在彈出的創(chuàng)建新元件對話框中創(chuàng)建元件，名稱：小葉片，類型：影片剪輯，單擊確定。

西吉縣職業(yè)中學(xué)計算機教研組操作步驟：

制作影片百葉窗元件：

3.（1）按ctrl+f8操作步驟：

制作影片百葉窗元件：3.（2）選擇矩形工具（關(guān)掉筆觸），在工作區(qū)當(dāng)中畫一個黑色的矩形條。調(diào)整矩形條的屬性，寬度：35px，高度：400px。3.（3）打開對齊面板，水平居中和垂直居中，選擇任意變形工具，把它的中心點調(diào)整到左邊的中心。西吉縣職業(yè)中學(xué)計算機教研組操作步驟：

制作影片百葉窗元件：3.（2）選擇矩形工具（關(guān)掉操作步驟：

制作影片百葉窗元件：

西吉縣職業(yè)中學(xué)計算機教研組3.（4）制作動畫，選擇時間軸的30幀。點擊f6插入關(guān)鍵幀。并調(diào)整它的屬性，寬度：1px。之后選擇兩個關(guān)鍵詞之間的任意一幀，點擊鼠標(biāo)右鍵，創(chuàng)建補間形狀。圖2：第1幀圖3：第30幀操作步驟：

制作影片百葉窗元件：

西吉縣職業(yè)中學(xué)計算機教研操作步驟：

制作影片百葉窗元件：

西吉縣職業(yè)中學(xué)計算機教研組3.（5）按ctrl+f8創(chuàng)建百葉窗影片剪輯元件，點擊確定。打開庫面板把“小葉片”拖到工作區(qū)中。點擊Alt鍵，使用鼠標(biāo)拖動復(fù)制。圖4：百葉窗操作步驟：

制作影片百葉窗元件：

西吉縣職業(yè)中學(xué)計算機教研操作步驟：

4.（1）回到主場景，把圖層1命名為風(fēng)景1。把我們導(dǎo)入的素材風(fēng)景1拖入到工作區(qū)中，調(diào)整尺寸為：600*400，使其與舞臺完全重合，在第65幀按快捷鍵F5插入普通幀。4.（2）新建圖層2，重命名為風(fēng)景2，素材風(fēng)景2拖入到工作區(qū)中，調(diào)整尺寸為：600*400，使其與舞臺完全重合，在第45幀按快捷鍵F5插入普通幀。

西吉縣職業(yè)中學(xué)計算機教研組操作步驟：

4.（1）回到主場景，把圖層1命名為風(fēng)景1。把操作步驟：

4.（3）新建圖層3，重命名為遮罩，在第25幀按F7插入空白關(guān)鍵幀，把“百葉窗”拖入到工作區(qū)中，調(diào)整尺寸為：600*400，使其與舞臺完全重合，在第65幀按快捷鍵F5插入普通幀。4.（4）按ctrl+Enter鍵測試動畫。

西吉縣職業(yè)中學(xué)計算機教研組操作步驟：

4.（3）新建圖層3，重命名為遮罩，在第25幀歸納小結(jié)：

遮罩層是由普通圖層轉(zhuǎn)換而來的。通過制作遮罩動畫，掌握Flash基本動畫制作的操作方法，培養(yǎng)Flash軟件的綜合應(yīng)用的相關(guān)經(jīng)驗學(xué)會利用輔助學(xué)習(xí)軟件自主探究的學(xué)習(xí)方法，并能夠互相學(xué)習(xí)，取長補短。

西吉縣職業(yè)中學(xué)計算機教研組歸納小結(jié)：

西吉縣職業(yè)中學(xué)計算機教研組課后作業(yè)：

制作“望遠(yuǎn)鏡”動畫效果。西吉縣職業(yè)中學(xué)計算機教研組課后作業(yè)：

西吉縣職業(yè)中學(xué)計算機教研組計算機動畫設(shè)計——Flash遮罩動畫授課年級：高一

授課教師：鐵海燕

西吉縣職業(yè)中學(xué)計算機教研組計算機動畫設(shè)計——Flash遮罩動畫西吉縣職業(yè)中學(xué)計算動畫片段欣賞：

動畫片斷欣賞西吉縣職業(yè)中學(xué)計算機教研組動畫片段欣賞：

西吉縣職業(yè)中學(xué)計算機教研組遮罩層動畫效果：

望遠(yuǎn)鏡、百葉窗、萬花筒、放大鏡等等。西吉縣職業(yè)中學(xué)計算機教研組遮罩層動畫效果：

西吉縣職業(yè)中學(xué)計算機教研組學(xué)習(xí)目標(biāo)：

什么是遮罩？理解遮罩動畫的基本原理；如何制作遮罩動畫；西吉縣職業(yè)中學(xué)計算機教研組學(xué)習(xí)目標(biāo)：

西吉縣職業(yè)中學(xué)計算機教研組

任務(wù)—制作“百葉窗”遮罩動畫實例

西吉縣職業(yè)中學(xué)計算機教研組簡單遮罩動畫，在2課時內(nèi)完成提供素材：圖片信息力求做出動感，比例合適。

任務(wù)—制作“百葉窗”遮罩動畫實例

西吉縣職業(yè)中學(xué)遮罩的概念：

在flash的圖層中有一個遮罩圖層類型。為了得到特殊的演示效果，可以在遮罩層上創(chuàng)建任意形狀的“視窗”。遮罩層下方的對象可以通過該“視窗”顯示出來。而“視窗”之外的對象將不會顯示。西吉縣職業(yè)中學(xué)計算機教研組遮罩的概念：

在flash的圖層中有一個遮罩圖層類型。為了動畫演示（基本原理）：

動畫演示西吉縣職業(yè)中學(xué)計算機教研組動畫演示（基本原理）：

動畫演示西吉縣

任務(wù)—制作“百葉窗”遮罩動畫實例

西吉縣職業(yè)中學(xué)計算機教研組簡單遮罩動畫，在2課時內(nèi)完成提供素材：圖片信息力求做出動感，比例合適。

任務(wù)—制作“百葉窗”遮罩動畫實例

西吉縣職業(yè)中學(xué)樣片動畫效果：

遮罩動畫—百葉窗西吉縣職業(yè)中學(xué)計算機教研組樣片動畫效果：

遮罩動畫—百葉窗西吉縣職業(yè)中操作步驟：

1.(1)啟動Flash，新建一個文件，將舞臺大小設(shè)置為寬：600px，高：400px。1.(2)選擇“文件”→“保存”菜單命令，命名為“百葉窗”，單擊確定。2.選擇“文件”→“導(dǎo)入”菜單命令導(dǎo)入素材“風(fēng)景1.jpg、風(fēng)景2.jpg”文件。西吉縣職業(yè)中學(xué)計算機教研組操作步驟：

1.(1)啟動Flash，新建一個文件，將舞臺操作步驟：

制作影片百葉窗元件：

3.（1）按ctrl+f8快捷鍵。在彈出的創(chuàng)建新元件對話框中創(chuàng)建元件，名稱：小葉片，類型：影片剪輯，單擊確定。

西吉縣職業(yè)中學(xué)計算機教研組操作步驟：

制作影片百葉窗元件：

3.（1）按ctrl+f8操作步驟：

制作影片百葉窗元件：3.（2）選擇矩形工具（關(guān)掉筆觸），在工作區(qū)當(dāng)中畫一個黑色的矩形條。調(diào)整矩形條的屬性，寬度：35px，高度：400px。3.（3）打開對齊面板，水平居中和垂直居中，選擇任意變形工具，把它的中心點調(diào)整到左邊的中心。西吉縣職業(yè)中學(xué)計算機教研組操作步驟：

制作影片百葉窗元件：3.（2）選擇矩形工具（關(guān)掉操作步驟：

制作影片百葉窗元件：

西吉縣職業(yè)中學(xué)計算機教研組3.（4）制作動畫，選擇時間軸的30幀。點擊f6插入關(guān)鍵幀。并調(diào)整它的屬性，寬度：1px。之后選擇兩個關(guān)鍵詞之間的任意一幀，點擊鼠標(biāo)右鍵，創(chuàng)建補間形狀。圖2：第1幀圖3：第30幀操作步驟：

制作影片百葉窗元件：

西吉縣職業(yè)中學(xué)計算機教研操作步驟：

制作影片百葉窗元件：

西吉縣職業(yè)中學(xué)計算機教研組3.（5）按ctrl+f8創(chuàng)建百葉窗影片剪輯元件，點擊確定。打開庫面板把“小葉片”拖到工作區(qū)中。點擊Alt鍵，使用鼠標(biāo)拖動復(fù)制。圖4：百葉窗操作步驟：

制作影片百葉窗元件：

西吉縣職業(yè)中學(xué)計算機教研操作步驟：

4.（1）回到主場景，把圖層1命名為風(fēng)景1。把我們導(dǎo)入的素材風(fēng)景1拖入到工作區(qū)中，調(diào)整尺寸為：600*400，使其與舞臺完全重合，在第65幀按快捷鍵F5插入普通幀。4.（2）新建圖層2，重命名為風(fēng)景2，素材風(fēng)景2拖入到工作區(qū)中，調(diào)整尺寸為：600*400，使其與舞臺完全重合，在第45幀按快捷鍵F5插入普通幀。

西吉縣職業(yè)中學(xué)計算機教研組操作步驟：

4.（1）回到主場景，把圖層1命名為風(fēng)景1。把操作步驟：

4.（3）新建圖層3，重命名為遮罩，在第25幀按F7插入空白關(guān)鍵幀，把“百葉窗”拖入到工作區(qū)中，調(diào)整尺寸為：600*400，使其與舞臺完全重合，在第65幀按快捷鍵F5插入普通幀。4.（4）按ctrl+Enter鍵測試動畫。

西吉縣職業(yè)中學(xué)計算機教研組操