初中flash教案設(shè)計

1.1初識Flash

教學重點1、了解Flash軟件

2、了解Flash的工作環(huán)境

教學難點Flash工具箱的使用

教學目標1、初步了解Flash,并對Flash動畫產(chǎn)生興趣

2、掌握Flash軟件啟動與退出的方法

3、熟悉Flash的工作環(huán)境

4、會正確使用Flash工具箱繪制簡單的動畫對象

計劃課時1課時

教學過程一、新課導(dǎo)入

展示幾個非常有趣的Flash動畫，激發(fā)學生興趣

同學們我們本學期要學習的就是Flash動畫，剛才這幾個有趣的動

畫就是通過Flash軟件制作出來的，那么首先我們就一起先來熟悉一下Flash

軟件。

二、新授

1、Flash軟件簡介

Flash是一款矢量動畫制作軟件，該軟件的應(yīng)用領(lǐng)域相當廣泛，它與

Macromedia公司的另外兩個產(chǎn)品---Dreamweaver和Fireworks并稱為

''網(wǎng)頁設(shè)計三劍客”，足見它在網(wǎng)絡(luò)中的重要地位。目前，幾乎所有網(wǎng)站上都可

以看到Flash動畫的身影。作為一種頗受歡迎的新興行業(yè)，其技術(shù)發(fā)展一日

千里，也給許多人帶來了實際利益。目前，一個優(yōu)秀的商業(yè)Flash動畫價格

可達300元/秒，面對這樣的前景，成為一名優(yōu)秀的''閃客"便成為許多人奮斗

的目標。學會Flash動畫的制作后，你可以在以下行業(yè)中發(fā)揮一技之長。

廣告業(yè)：手機廣告、化妝品廣告、房地產(chǎn)廣告、汽車廣告

動態(tài)網(wǎng)頁制作：企業(yè)網(wǎng)站、學校網(wǎng)站、個人網(wǎng)站

MTV制作：為網(wǎng)上流行歌曲制作動畫場景

游戲開發(fā)：益智類游戲、戰(zhàn)略類游戲

導(dǎo)航條：Flash的按鈕功能非常強大，是制作菜單的首選

小游戲：利用Flash開發(fā)''迷你"小游戲，在國外一些大公司比較流行,

他們把網(wǎng)絡(luò)廣告和網(wǎng)絡(luò)游戲結(jié)合起來，讓觀眾參與其中大大增強了廣告效果

產(chǎn)品展示：由于Flash有強大的交互功能，所以一些大公司，如Dell、

三星等，都喜歡利用它來展示產(chǎn)品?？梢酝ㄟ^方向鍵選擇產(chǎn)品，再控制觀看產(chǎn)

品的功能、外觀等，互動的展示比傳統(tǒng)的展示方式更勝一籌

2、啟動與退出Flash軟件

(1)啟動

開始菜單選擇程序再選擇"Flash8.0”,或者雙擊桌面上的快

捷方式圖標

(2)退出

選擇【文件】一【關(guān)閉】命令。

按【Ctrl+W】鍵。

單擊舞臺右上方的''關(guān)閉"按鈕。

3、Flash的工作環(huán)境

(1)與其它軟件相同的部分

標題欄、菜單欄、工具欄

(2)與其它軟件不同的地方

①時間軸面板

左側(cè)：圖層控制區(qū)

右側(cè)：幀控制區(qū)

②屬性面板

③舞臺

④庫面板

⑤工具箱

重點工具介紹：

鉛筆工具：勾畫圖形的輪廓

線條工具：繪制不同角度的直線

橢圓工具：繪制正圓和橢圓

矩形工具：繪制正方形、矩形和圓角矩形

文本工具：為Flash添加文字

油漆桶工具：設(shè)置對象的填充色

4、示范制作(小蜜蜂)

(1)設(shè)置文檔屬性

屬性面板：大小400*300

背景色藍色

(2)繪制小蜜蜂

使用工具：圓形工具、選擇工具、油漆桶工具

曲線的繪制：直線工具+選擇工具

任意變形工具和放大鏡工具

三、學生練習

(1)運用工具箱繪制書第二頁圖1.1左邊的熊貓圖

(2)文檔大?。?00*350

(3)正確保存文件至自己的作業(yè)文件夾中

四、小結(jié)

Flash動畫中的對象都要使用工具箱進行繪制請同學們多聯(lián)系多

實踐多總結(jié)

五、課后反思

本節(jié)課引課部分效果非常好，通過幾個Flash動畫的欣賞極

大的調(diào)動了學生的興趣，介紹Flash工具箱時與photoshop的工具箱相聯(lián)系

相對比，讓學生在第一次接觸Flash軟件時有時曾相識的感覺，掌握起來很

快，本節(jié)課的不足之處在學生練習時還應(yīng)進一步的加強指導(dǎo)，告訴學生操作的

要點和易范的錯誤，在繪制大熊貓時要讓學生多一些耐心，細致的去繪制大熊

貓而不能匆匆了事或者比例不對稱。

1.2逐幀動畫

教學重點1、逐幀動畫概念

2、對關(guān)鍵幀的理解

教學難點逐幀動畫制作過程

教學目標1、了解Flash中幀的類型

清楚在什么情況下使用什么樣的幀

計劃課時1課時

教學過程一、新課導(dǎo)入

上節(jié)課大家制作了可愛的大熊貓，那么有沒有同學能夠告訴我大

熊貓喜歡吃什么呢？

【觀看Flash動畫】

二、新授

1、逐幀動畫概念

逐幀動畫是指位于同一圖層的多個連續(xù)關(guān)鍵幀組成的動畫，制作

者需要在動畫的每一幀中創(chuàng)建不同的內(nèi)容

2、逐幀動畫的制作方法

每個幀都定義為關(guān)鍵幀，然后給每個幀創(chuàng)建不同的圖像

3、Flash中的動畫類型

分為以下兩種：逐幀動畫和補間動畫

4、Flash中幀的類型

1、普通幀：【實例演示】

(1)位置：往往跟在一個關(guān)鍵幀之后。

(2)作用：起到延長關(guān)鍵幀的播放時間的效果。普通幀里的對

象是靜態(tài)的。

(3)插入方法：點擊關(guān)鍵幀之后的幀，在不松開左鍵的前提下，

向后拉。這一步是想設(shè)置想插入普通幀的區(qū)域。松開左鍵，點擊右鍵，在快捷

菜單中點擊''插入幀"。

(4)討論要想讓一個畫面保持一段時間而不是一閃即逝，就采

用普通幀。插入的普通幀越多，在主時間軸上占用的時間越長，播放的時間也

越長。

2、關(guān)鍵幀：【實例演示】

(1)插入方法：構(gòu)思好要希望插入關(guān)鍵幀的位置，右鍵點擊。

在彈出的下拉菜單中點選''插入關(guān)鍵幀

(2)作用：關(guān)鍵幀是制作動畫的基本元素。任何一段動畫，都

是在兩個關(guān)鍵幀之間進行的。

(3)應(yīng)用：插入關(guān)鍵幀，目的就是創(chuàng)建動畫。要想在兩個關(guān)鍵

幀之間創(chuàng)建動畫，可以在兩個關(guān)鍵幀中間的任意一個幀上，點擊右鍵，在彈出

的下拉菜單中，選''創(chuàng)建補間動畫“，這時創(chuàng)建的是動作類的動畫。如果想創(chuàng)建

''移動補間動畫"即''變形動畫"，必須在幀屬性面板中的''補間"選項中，點向下

的箭頭，在彈出的類型中選''移動

3、空白關(guān)鍵幀【實例演示】

(1)插入方法：構(gòu)思好要希望插入空白關(guān)鍵幀的位置，右鍵點擊。

在彈出的下拉菜單中點選''插入空白關(guān)鍵幀

(2)作用：與''關(guān)鍵幀"剛好相反。通過空白關(guān)鍵幀，可以結(jié)束前

面的關(guān)鍵幀，以便重打鑼鼓另開張，為創(chuàng)建下一段新的動畫打基礎(chǔ)。

(3)應(yīng)用：空白關(guān)鍵幀是一張白紙，需要畫上新的圖形或插入

新的元件實例，才能發(fā)光。當在它上面創(chuàng)建了一些對象之后，其實它又變成''關(guān)

鍵幀“了，又可以創(chuàng)建新的動畫了。

5、實例演示(一只吃掉的蘋果)

(1)在第一幀繪制一只完整的蘋果

(2)在第二幀插入關(guān)鍵幀

使用橡皮擦工具擦去蘋果的一部分

(3)再次使用橡皮擦工具在原來的基礎(chǔ)上再擦去一部分

【提問】注意觀察此動畫有什么不妥之處？

提示：吃的速度太快了

解決方法：在相鄰兩幀間插入普通幀！

插入幀可保持與前一幀一致的內(nèi)容！

(4)調(diào)試完畢測試影片

按回車鍵預(yù)覽動畫效果

(5)測試完畢，保存動畫

''文件"選項選擇另存為，將文件保存

三、學生練習

制作逐幀動畫：熊貓喜愛竹子

注意調(diào)整幀見的變換時長

四、小結(jié)

我們奇妙的Flash之旅就從逐幀動畫處拉開了序曲，這將是一次新

奇愉快的學習之旅，期待你的加入，讓我們來一同感受Flash動畫為我們帶

來的樂趣吧！

五、課后反思

本節(jié)課內(nèi)容有趣，學生興趣很高，順利的完成了本節(jié)課的教學目標,

效果很好！

這節(jié)課最成功的地方是整個教學過程的安排，記錄如下：

先觀看蘋果吃掉的效果讓學生產(chǎn)生興趣,再介紹制作此動畫的動畫類

型也是本節(jié)課學習的內(nèi)容---逐幀動畫，講解逐幀動畫概念觀看形象的翻書效

果，在打開蘋果源文件給學生講哪個是關(guān)鍵幀（實心圓點），讓學生觀察每個

關(guān)鍵幀中內(nèi)容是否相同（不同），制作吃掉蘋果的動畫同時介紹幀面板，并引

入空白關(guān)鍵幀的概念，制作完畢后讓學生自己發(fā)現(xiàn)問題（吃的太快），此時引

入普通幀，最后做一拓展：打字效果，讓學生思考打字效果用逐幀動畫怎樣制

作出來。

1.3多層動畫

教學重點1、Flash中層的概念

2、Flash中層的作用

3、Flash中層的重要性

教學難點對Flash中層的理解

教學目標1、了解Flash中層的概念

2、了解Flash中層的作用

3、掌握多層動畫的制作方法

教學方法演示法任務(wù)驅(qū)動法歸納小結(jié)法

計劃課時1課時

教學過程一、復(fù)習舊知

提問：怎樣制作逐幀動畫？

復(fù)習：逐幀動畫是指由位于同一圖層的許多連續(xù)關(guān)鍵幀組成的動

畫，制作者需要在動畫的每一幀中創(chuàng)建不同的內(nèi)容。當動畫播放時，F(xiàn)lash

就會一幀一幀地顯示每幀中的內(nèi)容。一個逐幀動畫，動畫中的每一幀都是關(guān)鍵

幀。復(fù)習吃掉的蘋果的制作方法。

二、新課講授

1、什么是層

一個層，就好比是一張透明的薄紙，每張紙上面畫著一些圖形和文

字而一幅畫就是由許多張這樣的薄紙疊合在一起而成的

2、為什么要使用層（層的作用）

最上面的一層看得到最下面的一層，而修改其中的任一層卻不會影

響其余任何一層，這是層的概念的核心，又是層的作用所在，較高的一層浮在

較低的一層之上，卻又沒有完全擋住下面一層，這是因為：在每一層里，除了

畫有圖形或文字的地方以外，畫布的其余部分是透明的。這就是層的一個特點:

層的相互獨立性。當我們只是修改其中的一個圖層，其余的層絲毫也不會受到

影響。在Flash中我們?nèi)绻麑赢嬛心骋粋€層不滿意時，可以隨意地修改它

而不必擔心會影響已做好的其他層，從而大大提高效率

3、插入圖層的方法【演示】

方法一：單擊時間軸底部的"插入圖層"按鈕

方法二:選擇"插入"〉"時間軸">"圖層"

方法三：右鍵單擊時間軸中的一個層名稱，然后從上下文菜單中

選擇"插入圖層"

4、圖層的重命名

方法一：雙擊時間軸中層或文件夾的名稱，然后輸入新名稱。

方法二：右鍵單擊層名稱，然后從上下文菜單中選擇"屬性"。在"

名稱“文本框中輸入新名稱，然后單擊"確定"。

5、實例演示【蜜蜂采蜜】

(1)新建文件并修改文檔的屬性

使用''文件新建"命令，設(shè)置文檔大小為300*300,背景

顏色淺藍色

(2)繪制蜜蜂圖層

創(chuàng)建一個新圖層更名為''蜜蜂"

【提問】觀察書第9頁圖2.1中的蜜蜂，回答應(yīng)該用哪幾種工

具繪制蜜蜂？

分別使用''橢圓工具直線工具鉛筆工具油漆桶工具”、

''任意變形工具"、''選擇工具”進行繪制

【提問】曲線應(yīng)該怎樣繪制？

''直線工具選擇工具”

【提問】圓形如何繪制？

shift鍵+橢圓繪圖工具

【提問】圖形大小如何調(diào)整？

使用''任意變形工具”

(3)繪制蜜蜂的翅膀

插入兩個圖層分別用來繪制兩個翅膀

兩個圖層依次命名為：''翅膀-內(nèi)側(cè)"和''翅膀-外側(cè)”

使用繪圖工具分別在兩個圖層中繪制內(nèi)側(cè)和外側(cè)翅膀

6、繪制云彩圖層

插入一個圖層，命名為''云彩"，在此圖層中繪制白色的云彩

7、繪制花朵圖層

插入一個圖層，命名為''花朵"，在此圖層中繪制花朵

繪制過程中可采用復(fù)制粘貼操作

三、學生練習

制作書第9頁的圖2.1蜜蜂采蜜

四、小結(jié)

今天我們學習了多層動畫，圖層的作用就像你整理一個堆滿東西的

房間一樣。給房間里面東西歸類有序擺放。一個區(qū)域就相當于一個圖層，當你

要找某個東西的時候，可以很快的找到你要的東西，不至于雜亂無章。

五、課后反思

層的使用在Flash中起著至關(guān)重要的作用，本節(jié)課的目的就是要讓

學生了解層的作用，并建立分層制作動畫的概念，漸漸養(yǎng)成分層制作動畫的習

慣。

本節(jié)課不足之處：學生練習的內(nèi)容安排不是很好，學生剛接觸Flash

制作蜜蜂采蜜有一定的困難，換成小飛俠會略微的簡單一些并且易于操作。

成功之處：用長方形、圓形和三角形同在一個圖層時和分層時移動

長方形作對比，讓學生對層的作用一目了然并且很容易接受！

1.4導(dǎo)入圖像并修改

教學重點1、圖像導(dǎo)入方法

2、分離圖形的方法

3、套索工具的使用

教學難點圖形分離的應(yīng)用

教學目標1、會導(dǎo)入圖片素材

2、會分離圖形并進行正確的編輯

3、會正確使用套索工具以及魔棒工具選取圖形

計劃課時1課時

一、新課導(dǎo)入

在制作Flash動畫的過程中，常常需要用到不同類型的素材，如圖片、

聲音、視頻文件等，學會利用已有的素材制作Flash動畫，不但可以節(jié)省手工

繪圖的時間，提高工作效率，還可以提高動畫的質(zhì)量，導(dǎo)入素材是制作Flash

動畫的基本操作，導(dǎo)入好的素材會使Flash作品更加生動，畫面更加美觀。

二、新課講授

1、導(dǎo)入圖片素材

在Flash中不但可以手工繪制圖形，還可將外部的圖片導(dǎo)入。在Flash

中，導(dǎo)入圖片的具體操作如下：

(1)選擇【文件】一【導(dǎo)入】一【導(dǎo)入到舞臺】命令，打開【導(dǎo)入】

對話框。

(2)在【查找范圍】下拉列表框中選擇要導(dǎo)入的圖片位置，再在列表

框中選中要導(dǎo)入的圖片。

(3)單擊“打開”按鈕將圖片導(dǎo)入到Flash場景中。

2、編輯圖片素材

(1)在制作不同的動畫時，可能需要不同格式的素材，所以需要對素材

進行編輯。

轉(zhuǎn)換位圖為矢量圖

位圖通常比較復(fù)雜，而且文件較大，為了減小Flash動畫的大小或便

于操作，常常需要將位圖轉(zhuǎn)換為矢量圖。選擇''修改'位圖''一"轉(zhuǎn)換位圖為

矢量圖“命令，可打開〃轉(zhuǎn)換位圖為矢量圖”對話框。

（2）將圖片中多余的部分除去一一分離

在Flash中許多操作（改變位圖的局部色彩或形狀，進行位

圖的變形過渡動畫制作）是針對矢量圖形進行的，位圖就不可以操作了。位圖

必須經(jīng)過分離也叫做打碎才能夠操作和編輯。

操作步驟：選中一個位圖再單擊“修改”->“分離”命令將

位圖分離

（3）套索工具的使用

套索工具是一種選取工具，使用的時候不是很多，主要用在

處理位圖。選擇套索工具后，會在選項中出現(xiàn)魔術(shù)棒及其選項和多邊形模式，

在場景里隨意畫一圖形，選擇套索工具，在選項里單擊多邊形模式，按你的需

要單擊鼠標，當?shù)玫侥阈枰倪x擇區(qū)域時，雙擊鼠標自動封閉圖形。任意導(dǎo)入

Flash中一個位圖圖像，執(zhí)行修改->分離命令，或者按快捷Ctrl+B,將位圖分

離，用魔術(shù)棒單擊你需要選擇的色彩部分，利用上面敘述的方法可以將導(dǎo)入

Flash中的位圖圖像的背景去掉。具體方法是，將位圖圖像打散，用魔術(shù)棒選

取位圖背景，然后按下Delete鍵將背景刪除。

3、實例演示：熊熊之家

①修改文檔屬性：600*180

②導(dǎo)入背景圖像

現(xiàn)將圖層1命名為：背景，執(zhí)行''文件導(dǎo)入導(dǎo)入到舞臺”命令,

將藍色背景圖片導(dǎo)入，使用任意變形工具調(diào)整圖片大小

③制作邊框

首先新建圖層：邊框-深色，在使用長方形工具繪制一個橘紅色的長方

形，使用選擇工具調(diào)整圖形形狀以及大小，再使用同樣方法制作邊框-淺色圖

層

④導(dǎo)入小熊圖像并去除背景圖像【重點演示】

執(zhí)行、'文件導(dǎo)入導(dǎo)入到舞臺”命令，將小熊圖片導(dǎo)入，選中圖

片，執(zhí)行''修改分離"命令，使用套索工具將白云選中，按Delete鍵刪除

多余的部分（魔術(shù)棒工具也可以達到此效果）

⑤錄入文字部分

熊熊之家

制作要點提示：多個圖層，圖片的導(dǎo)入以及圖片的分離！

補充：位圖和矢量圖

何謂矢量圖像？

矢量圖像，也稱為面向?qū)ο蟮膱D像或繪圖圖像，矢量文件中的圖形元素稱為對

象。每個對象都是一個自成一體的實體，它具有顏色、形狀、輪廓、大小和屏

幕位置等屬性。既然每個對象都是一個自成一體的實體，就可以在維持它原有

清晰度和彎曲度的同時，多次移動和改變它的屬性，而不會影響圖例中的其它

對象。這意味著它們可以按最高分辨率顯示到輸出設(shè)備上。

何謂位圖圖像？

位圖圖像，亦稱為點陣圖像或繪制圖像，是由稱作像素（圖片元素）

的單個點組成的。這些點可以進行不同的排列和染色以構(gòu)成圖樣。當放大位圖

時可以看見無數(shù)單個方塊。擴大位圖尺寸時線條和形狀顯得參差不齊，縮小位

圖尺寸也會使原圖變形，簡單的說位圖圖像是指放大后能看見鋸齒狀的邊緣，

而矢量圖放大后看不見鋸齒狀的邊緣。

三、學生練習

制作熊熊之家動畫，體會圖片導(dǎo)入及圖片分離效果的制作要點

注意：動畫分層制作并將每個圖層命名

四、小結(jié)

很多人在制作Flash的過程中都會遇到這樣的問題，把圖片導(dǎo)入FLASH

后為什么都有背景的一塊白色？FLASH不支持透明圖層嗎？怎么去掉背景色

??？相信在學習了我們今天的內(nèi)容之后，大家再遇到這樣的問題就一定迎刃而

解了！

五、課后反思

在Flash中導(dǎo)入圖片在Flash動畫的制作中是一個很常用的操作，本節(jié)課

在關(guān)鍵步驟的講解時放慢了速度，在最后進行了學生作品展示講評進一步加深

了對易錯點的理解并提高了學習的興趣

囹

1.5形狀補間動畫

教學重點1、形狀補間動畫的概念

2、形狀補間動畫的制作方法

教學難點形狀補間動畫的應(yīng)用

教學目標1、進一步掌握關(guān)鍵幀和普通幀的使用

2、會分析簡單的形狀補間動畫的例子

3、會正確制作簡單的形狀補間動畫

計劃課時1課時

教學過程

一、新課導(dǎo)入

觀看形狀補間動畫實例(進度條、禮花綻放)

二、新授

1、什么是形狀補間動畫

“形狀補間動畫”是補間動畫的一種。在改變一個矢量圖形的形狀、顏色、

位置，或一個矢量圖變形成為另一個矢量圖的過程中，可以使用形狀補間動畫。

在形狀補間動畫中，只需創(chuàng)建起始和結(jié)束兩個關(guān)鍵幀，中間幀則由Flash通

過計算機自動完成。在創(chuàng)建形狀補間動畫時，如果需要對組、實例或位圖圖像

應(yīng)用形狀補間，則必須首先將這些元素進行分離

2、如何創(chuàng)建形狀補間動畫

創(chuàng)建形狀補間動畫方法：

在時間軸面板上動畫開始播放的地方創(chuàng)建一個空白關(guān)鍵幀或選擇一個

關(guān)鍵幀并繪制圖形，一般一幀中以一個對象為好，在動畫結(jié)束處創(chuàng)建或選擇一

個關(guān)鍵幀并繪制另外的圖形，再單擊開始幀，在''屬性"面板上單擊''補間"旁邊

的小三角，在彈出的菜單中選擇''形狀”，此時，可以看到時間軸上發(fā)生了變化

一一淡綠色背景和箭頭，一個形狀補間動畫即創(chuàng)建完成。如果出現(xiàn)虛線，看看

前后兩個關(guān)鍵幀上是否存在非矢量圖或別的元素，將其刪除即可。

3、實例制作【演示】進度條

(1)圖層1命名為''框"，編輯內(nèi)容：一個進度條的框和文字loading

(2)新建一個圖層''顏色"，內(nèi)容：畫一個顏色條長寬剛好和框的大小一

致

(3)用鼠標點顏色圖層在出現(xiàn)的屬性欄選項里選擇動畫效果為：形狀

補間

并把顏色條的寬度在屬性面板里調(diào)整為：3

(4)在第50幀處插入關(guān)鍵幀，將顏色跳的寬度在屬性面板里調(diào)整為：

430

(5)測試整個動畫效果，保存文件

三、學生練習

練習1：制作進度條

拓展練習：制作禮花綻放效果

四、小結(jié)

今天我們學習了形狀補間動畫中的圖形變形動畫，下節(jié)課我們要學習另外

一種文字變形動畫，希望同學們在制作的過程中多總結(jié)多反思，制作出更多更

好的動畫效果！

五、效果反思

本節(jié)課是學生第一次接觸補間動畫，總體效果不錯，禮花綻放效果極大的

調(diào)動了學生的積極性，學生基本上全部都完成了動畫效果，但是還存在以下問

題需要對學生再次強調(diào)：

1、制作動畫是要動、靜分開制作，動的和不動的要放在不同的圖層上，

這一點非常重要，并且一個圖層上只能放置一個動畫對象

例如：禮花綻放效果，炮筒放在圖層1,綻放的禮花效果放在圖層2

2、要充分激發(fā)學生思維，把前后所學的知識充分的結(jié)合起來

例如：在制作炮筒圖層時，如何使炮筒一直顯示到最后一幀？結(jié)合前面

所學的內(nèi)容(吃掉的蘋果)，應(yīng)該一直插入普通幀至最后一幀，可使用簡單的

方法，不用一幀一幀的插，直接在最后一幀插入普通幀，中間會自動全部插入

普通幀

3、補間動畫是在屬性面板里進行選擇完成的

1.6文字變形動畫

教學目標1、學習變形動畫的制作方法

2、熟悉時間軸的功能

3、掌握幀，層的概念

4、掌握文字變形動畫的制作

教學重點文字變形動畫的制作

教學難點形狀提示點的應(yīng)用

計劃課時1課時

教學過程

一、新課導(dǎo)入

形狀補間動畫是在Flash的時間幀面板上，在一個關(guān)鍵幀上繪制一個形狀，

然后在另一個關(guān)鍵幀上更改該形狀或繪制另一個形狀等，F(xiàn)lash將自動根據(jù)二

者之間的幀的值或形狀來創(chuàng)建的動畫，它可以實現(xiàn)兩個圖形之間顏色、形狀、

大小、位置的相互變化。形狀補間動畫建立后，時間幀面板的背景色變?yōu)榈G

色，在起始幀和結(jié)束幀之間也有一個長長的箭頭；構(gòu)成形狀補間動畫的元素多

為用鼠標或壓感筆繪制出的形狀，而不能是圖形元件、按鈕、文字等，如果要

使用圖形元件、按鈕、文字，則必先打散后才可以做形狀補間動畫。上節(jié)課我

們講了對于圖形如何最形狀補間動畫，這節(jié)課我們來一起學習對文字做補間動

畫。【演示實例】

二、新課講授

1、文字變形動畫

文字在Flash中是一個組合的對象，不能直接設(shè)置變形動畫，首先必須

將它''分離"，把它轉(zhuǎn)變?yōu)榉稚顟B(tài)后才能設(shè)置變形動畫，分離是通過【修改】

菜單-->【分離】實現(xiàn)的。

2、實例制作(A->C->0)【演示】

制作過程：

(1)新建一個文件，在空白舞臺中輸入字母、'A",在屬性面板中設(shè)置

好A的字體，顏色為橙色，大小為100。然后通過【修改】-->【分離】將A

打散

(2)然后在時間軸上的第10幀(此數(shù)值自定)的位置插入一個''空

白關(guān)鍵幀”，用同樣的方法輸入第二個字母、'C",并將它分離掉。接下來我們

就可以在時間軸上設(shè)置''形狀”動畫了。這樣就完成了由變化為"C"的動畫

效果

(3)再在時間軸上的第20幀(此數(shù)值自定)的位置插入一個''空白關(guān)

鍵幀”，用同樣的方法輸入第二個字母、'0",并將它分離掉。接下來我們就可

以在時間軸上設(shè)置''形狀”動畫了。這樣就完成了由"C"變化為"O"的動畫效果

(4)測試動畫，保存

注意:

添加形狀提示的命令只針對一個起始幀和一個結(jié)束幀，如果下一個關(guān)鍵幀要和

前面的結(jié)束幀產(chǎn)生添加形狀提示的形狀補間動畫，需要給前面的結(jié)束幀重新添

加新的形狀提示才有效

制作文字變形動畫：A->C->0

四、小結(jié)

文字變形動畫在我們?nèi)粘Ｉ钪泻艹Ｓ?，通過我們今天的學習相信同學們

一定已經(jīng)掌握了文字變形動畫的制作方法，希望大家多思考多總結(jié)做出更多更

好的文字變形動畫！

五、課后反思

本節(jié)課在上節(jié)課的基礎(chǔ)上重點突出，較好的完成了教學目標，學生制作效

果好，但在制作中學生也出現(xiàn)如下的問題：一、背景顏色的添加還是不準確；

二、沒有選擇相應(yīng)圖層的對應(yīng)的關(guān)鍵幀，而是憑感覺隨意制作，結(jié)果導(dǎo)致需要

有關(guān)鍵幀的地方?jīng)]有對應(yīng)的內(nèi)容；三、個別同學總是忘記打碎相應(yīng)的文字

要解決以上的問題，除了教師在巡視過程中要給予指導(dǎo)外，教師在講解時

應(yīng)事先預(yù)料到學生可能遇到的問題而突出講解的重點，讓學生加深印象

1.7簡單的動作補間動畫

分類：八年級電子教案2010-10-121018

教學目標1、了解Flash中的三種元件及其和舞臺的關(guān)系

2、知道動作補間動畫的制作原理

3、會正確制作動作補間動畫

教學重點1、屬性面板中補間選項的設(shè)置

2、動作補間動畫的制作方法

教學難點正確制作動作補間動畫

計劃課時1課時

教學過程

一、新課導(dǎo)入

同學們在我們的Flash中場景相當于一個舞臺，舞臺需要演員演出時，演

員從后臺出來，這個后臺我們叫做庫，演員分工不同，在Flash中出現(xiàn)三種

演員：圖形元件、影片剪輯元件和按鈕?！菊故緢D片】

那么我們今天開始我們就要依次就要讓這些演員出場了。

二、新授

1、動畫的概念

動作補間動畫是在兩個關(guān)鍵幀上分別定義不同的屬性，如對象的大小、

位置、角度等，然后在兩個關(guān)鍵幀之間建立一種運動漸變關(guān)系，這就是制作動

作補間動畫的過程。

2、動作補間動畫的特點

(1)不需要手工創(chuàng)建每個幀的內(nèi)容，只需要創(chuàng)建兩個關(guān)鍵幀的內(nèi)容，兩

個關(guān)鍵幀之間的所有動畫都由Flash創(chuàng)建，制作更加簡便。

(2)由手工控制，幀與幀之間的過渡可能不自然、連貫；而補間動畫除

兩個關(guān)鍵幀由手工控制外，中間的幀都由Flash自動生成，因此漸變過程更

為連貫。

(3)文件小，是一種應(yīng)用較多的動畫制作方式。

3、動作補間動畫制作方法

動作補間動畫就是在兩個關(guān)鍵幀之間建立了一種運動補間關(guān)系。該類型

動畫漸變過程很連貫，制作過程也比較簡單，只需建立動畫的第一個畫面和最

后一個畫面。其具體操作如下：

(1)在動畫的起始幀插入關(guān)鍵幀，并編輯起始幀中的內(nèi)容。

(2)選擇起始幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間

動畫】命令，或在【屬性】面板的【補間】下拉列表框中選擇【動作】選項。

4、實例演示

(1)打開''快樂貓咪背景”文件

(2)插入新圖層，命名為''眼睛"，將''眼睛"元件拖動到舞臺上，調(diào)整第

一幀處眼睛的位置

(3)再插入一個新圖層，命名為''蜻蜓"，將''蜻蜓"元件拖動到舞臺上，

調(diào)整第一幀處眼睛的位置

(4)選中''眼睛"圖層，在第15幀處插入關(guān)鍵幀，調(diào)整眼睛的位置

(5)選中''蜻蜓"圖層，在第15幀處插入關(guān)鍵幀，調(diào)整蜻蜓的位置

(6)選中''眼睛"圖層，在第30幀處插入關(guān)鍵幀，調(diào)整眼睛的位置

(7)選中''蜻蜓"圖層，在第30幀處插入關(guān)鍵幀，調(diào)整蜻蜓的位置

(8)選中''眼睛"圖層，在第40幀處插入關(guān)鍵幀，調(diào)整眼睛的位置

(9)選中''蜻蜓"圖層，在第40幀處插入關(guān)鍵幀，調(diào)整蜻蜓的位置

(10)創(chuàng)建補間動畫

(11)測試保存影片

三、學生練習

制作書42頁的節(jié)約用水動畫效果

注意：分層制作分為文字層、水龍頭層和水滴層

四、作品互評，小結(jié)

今天我們學習了簡單的動作補間動畫，制作了第一動作補間動畫：節(jié)約用

水，以后我們還會接觸到更多生活實例，可以通過我們的補間動畫來完成，希

望同學們再接再厲充分應(yīng)用我們所學的知識，為我們的學習和生活服務(wù)！

五、課后反思

本節(jié)課的內(nèi)容是動畫補間動畫，和前兩節(jié)課講的形狀補間動畫類似，只是

補間選項的選取不同，學生掌握的很快，完成的效果也很好

需要改進之處：

本節(jié)課的關(guān)鍵之處是要讓學生了解什么是動畫補間動畫，什么樣的動畫可

以用動畫補間去做，有些學生習慣性的在選擇補間類型時選擇了形狀，最終造

成動畫效果的錯誤，因此最好把兩種補間動畫放在一起比較一下：形狀變形動

畫是在動畫對象的形狀發(fā)生變化時使用的，而動作補間動畫是在對象的大小位

置發(fā)生變化時候使用的

1.8多變的動畫補間動畫

教學目標(1)理解動作補間動畫的工作原理及圖層的含義

(2)掌握動作補間動畫的制作方法；

(3)能夠靈活運用所學動畫制作技巧，創(chuàng)作動畫作品

教學重點動畫對象的分層，及不同圖層上補間動畫的制作

教學難點多圖層補間動畫的實際制作

計劃課時1課時

教學過程

一、導(dǎo)入

茂盛的樹林中，小熊駕車駛來，穿過樹林，他們這是要去哪里呢？【播放

實例】，本節(jié)課，我們就通過制作由遠及近的汽車快速行駛的動畫效果，鞏固

動畫補間動畫的制作方法。

二、新授

1、動畫補間動畫制作方法的再回顧

(1)在動畫的起始幀插入關(guān)鍵幀，并編輯起始幀中的內(nèi)容

(2)選擇起始幀，單擊鼠標右鍵，在彈出的快捷菜單中選擇【創(chuàng)建補間動

畫】命令，或在【屬性】面板的【補間】下拉列表框中選擇【動作】選項

2、【提問】如果要制作小車行駛的動畫效果應(yīng)該從何處入口？

提示：(1)背景不動，小車由小至大變化

(2)小車不動，背景往后倒退

(3)背景后退，小車由小至大前進

3、實例演示：穿越森林

【制作重點】分層制作(共三層，背景、小車和文字)

背景圖層：用動作補間動畫制作背景后退效果

小車圖層：用動作補間動畫制作小車由小變大由近至遠效果

文字圖層：用動作不見動畫制作文字漸變和旋轉(zhuǎn)效果

演示方法：

(1)將圖層1命名為''背景"，將背景元件拖至圖層中，調(diào)整大小及位置

(2)在第60幀出插入關(guān)鍵幀，改變背景的大小和位置

(3)在''屬性''面板中的補間類型設(shè)置為''動畫"

(4)插入圖層2命名為''小車"，將汽車元件拖至圖層中，調(diào)整大小及位

置

注意：遠距離的物體看起來要比近距離的物體運動的慢一些，可以在''屬性"

面板中設(shè)置緩動值為-80,補間動畫將由慢變快，以制作出汽車駛來的逼真效

果

(5)第60幀處插入關(guān)鍵幀，調(diào)整汽車的大小以及位置

(6)在屬性面板中設(shè)置補間類型為''動畫"，緩動值設(shè)置為-80

(7)插入圖層3命名為''文字"，將文字元件拖至圖層中，調(diào)整文字的大

小以及位置，在屬性面板中調(diào)整文字顏色

(8)在第45幀出插入關(guān)鍵幀，調(diào)整文字的大小以及位置

(9)在屬性面板中設(shè)置補間類型為''動畫"，并設(shè)置旋轉(zhuǎn)方向為順時針

三、學生練習

制作穿越森林動畫，注意動畫的分層制作，以及補間動畫類型的設(shè)置

四、小結(jié)

經(jīng)過兩節(jié)課的學習和鞏固，我們已經(jīng)將補間動畫中的兩種動畫給大家介紹

完畢，他們分別是：形狀變形動畫和動畫補間動畫，形狀變形動畫是動畫對象

的形狀發(fā)生變形的動畫效果，而動畫補間動畫是指動畫對象的位置發(fā)生變化的

動畫效果，同學們大家都學會了嗎？

五、課后反思

汽車行駛的動畫乍一看十分復(fù)雜，但是制作起來確是十分簡單，本節(jié)課在

看完了動畫演示后，采取讓學生分析的方法，如果要制作小車行駛的動畫效果

應(yīng)該從何處入口，大部分學生對答如流，是背景后退，汽車由遠及近由小變大，

在制作的時候應(yīng)該使用動作補間動畫制作，這對后面的制作起了至關(guān)重要的作

用，在掌握了動畫原理之后制作起來就非常容易了，本節(jié)課順利完成了教學目

標，學生掌握效果很好

但對在制作中個別學生出現(xiàn)的如下問題還應(yīng)再強調(diào)幾下幾點:

1、背景在后退的過程中出現(xiàn)了向左或向右的偏移

以數(shù)軸的方式來看，路面一定是沿著y軸往后退的，x軸方向不能有任何

的偏移

2、不注意汽車起始行駛的位置導(dǎo)致小汽車從天而降

在制作汽車圖層時一定要注意汽車必須是放在路面上的

3、在制作補間動畫時插入了多個關(guān)鍵幀

如果動畫對象是直線運動的，那么只需要首尾兩個關(guān)鍵幀即可

1.9影片剪輯元件的應(yīng)用

教學目標1、讓學生掌握元件的一類一影片剪輯元件

2、明白何種對象要制作成影片剪輯元件

3、會制作簡單的影片剪輯元件

教學重點1、對影片剪輯元件的理解

2、影片剪輯元件的制作方法

教學難點如何正確應(yīng)用影片剪輯元件

計劃課時1課時

教學過程

一、導(dǎo)入

提問：如果要制作成這樣的滿天星效果應(yīng)該怎么做呢？

生：一個圖層制作一個閃爍的星星。。

師：要是有100顆星星呢？分100個圖層去做嗎？做100顆星星？

引出本節(jié)課的內(nèi)容：影片剪輯元件

師：譬如滿天星效果，我們就可以只制作一個影片剪輯元件---閃爍的星星,

然后將它不斷的拖動到舞臺上改變位置和大小就可以完成滿天星的動畫，【演

示操作】，大家說方便嗎？

二、新授

1、如何制作影片剪輯元件？

(1)執(zhí)行''插入-＞新建元件”命令，打開''新建元件”對話框

(2)在名稱后面輸入元件的名稱，在類型中選擇元件的類型為''影片剪輯",

最后單擊''確定”按鈕直接進入到該元件的編輯區(qū)狀態(tài)

(3)在編輯區(qū)內(nèi)部創(chuàng)建動畫片段

(4)最后單擊時間軸左上角的場景按鈕返回到主場景的舞臺上面

2、如何使用影片剪輯元件

直接將影片剪輯元件從庫中拖動到舞臺上即可

3、【實例演示】滿天星

(1)新建一個圖形元件，起名為［星星］

(2)選擇多邊形工具，設(shè)置邊數(shù)為5,然后畫一個適當大小的星形

(3)回到場景中，新建一個影片剪輯的元件，起名為''閃爍的星星”

(4)X三剛才制作的''星星''元件加入到影片剪輯元件中，然后制作星星一閃

一閃的動畫

第1幀星星變小變透明，第10幀的星星變半透明大一些，第20幀星

星變小變稍微透明些【透明度調(diào)整Alpha值】

(5)制作好后將''閃爍的星星''影片剪輯元件拖動到舞臺上，即可

三、學生練習

任務(wù)一、制作''轉(zhuǎn)動的大風車”

提示：風車的扇葉應(yīng)做成影片剪輯元件，轉(zhuǎn)動效果在屬性面板里面旋轉(zhuǎn)項

中進行設(shè)置(順時針、逆時針均可)

拓展練習

任務(wù)二：制作滿天星動畫

四、小結(jié)

提問：什么情況下我們需要制作影片剪輯元件？

當有些動畫對象我們要重復(fù)使用需要把這個對象制作成影片剪輯元件，然

后就可以無限次的使用它了！

五、課后反思

觀看Flash動畫，結(jié)合之前講過的內(nèi)容動靜分開制作，要用6個圖層，5

個圖層是重復(fù)操作，那么有沒有什么簡單的方法不做這么多重復(fù)的工作呢？使

用元件！

備注：在制作之前應(yīng)最好先復(fù)習一下動作補間動畫的基本操作步驟，明確

一下我們這節(jié)課主要是制作元件，在元件里用動作補間動畫將扇葉轉(zhuǎn)動起來!

制作時還應(yīng)多讓學生觀察，場景1里只有1幀，2個圖層，減少不必要的

錯誤

1.10引導(dǎo)層動畫

教學目標

知識與技能：1、理解引導(dǎo)層、引導(dǎo)線的作用

2、掌握制作運動對象沿任意指定路徑運動的動畫

3、增強學生的觀察、總結(jié)能力

方法與過程：學生通過觀察思考，交流合作，探索操作完成對知識的理解和掌

握

情感態(tài)度價值觀：1、體驗動畫制作的樂趣，養(yǎng)成自主學習的習慣

2、感受動畫制作的奇妙，培養(yǎng)學生的合作、探究精神

教學重點：1、將外部素材導(dǎo)入到舞臺、庫

2、引導(dǎo)層動畫的創(chuàng)建

3、圖層的編輯

教學難點：1、運用引導(dǎo)層，制作曲線運動動畫

2、運動對象與引導(dǎo)線的吸附操作

計劃課時1課時

教學過程

一、導(dǎo)入

展示兩個動畫效果（普通動作補間動畫和引導(dǎo)層動畫），請學生說出兩個運動

對象運動效果的異同（一個是點到點的直線運動，一個是曲線運動），引出本

節(jié)課的內(nèi)容：引導(dǎo)層動畫

二、新授

1、什么是引導(dǎo)層動畫

引導(dǎo)層動畫又叫軌跡動畫，是讓我們的動畫對象按照一定的運動路徑即軌跡進

行運動的動畫效果

2、引導(dǎo)層動畫的組構(gòu)成

師：比較引導(dǎo)層動畫和普通的動作補間動畫有什么不同？【展示源文件】

生：多了一個圖層并且畫有動畫對象運動的軌跡

師：軌跡動畫由引導(dǎo)層和被引導(dǎo)層組成，引導(dǎo)層用于放置對象運動的路徑，被

引導(dǎo)層用于放置運動的對象

3、引導(dǎo)層動畫的制作方法：

(1)在普通層中創(chuàng)建一個對象。

(2)單擊按鈕，在普通層上層新建一個引導(dǎo)層，普通層自動變?yōu)楸灰龑?dǎo)層。

(3)在引導(dǎo)層中繪制一條路徑，然后將引導(dǎo)層中的路徑沿用到某一幀。

(4)在被引導(dǎo)層中將對象的中心控制點移動到路徑的起點。

(5)在被引導(dǎo)層的某一幀插入關(guān)鍵幀，并將對象移動到引導(dǎo)層中路徑的終點。

(6)在被引導(dǎo)層的兩個關(guān)鍵幀之間創(chuàng)建動作補間動畫，引導(dǎo)動畫制作完成。

引導(dǎo)層動畫制作要點：

(1)一般將要移動的對象單獨放在一個層，作為被引導(dǎo)層，在此層上面添加

引導(dǎo)層。

(2)引導(dǎo)層一定要在被引導(dǎo)層的上方。

(3)引導(dǎo)層中只繪制運動路徑，在被引導(dǎo)層中設(shè)置動作補間動畫。

(4)啟用''緊貼至對象''工具指向元件的中心點，拖動對象吸附到引導(dǎo)線的起點

和終點

(5)要使對象沿著路徑旋轉(zhuǎn)，需在被引導(dǎo)層的起始幀屬性中，設(shè)置''調(diào)整到

路徑”。

制作引導(dǎo)線的注意事項：

(1)引導(dǎo)線不能是封閉的曲線，要有起點和終點

(2)起點和終點之間的線條必須是連續(xù)的，不能間斷，可以是任何形狀

(3)引導(dǎo)線轉(zhuǎn)折處的線條彎轉(zhuǎn)不宜過急、過多，否則Flash無法準確判定對

象的運動路徑

(4)被引導(dǎo)對象必須準確吸附到引導(dǎo)線上，也就是元件編輯區(qū)中心必須位于

引導(dǎo)線上，否則被引導(dǎo)對象將無法沿引導(dǎo)路徑運動

(5)引導(dǎo)線在最終生成動畫時是不可見的

4、制作蝴蝶飛舞動畫【演示】

(1)打開背景文件

(2)在風車扇葉圖層上插入新圖層，重命名為''蝴蝶"，將影片剪輯元件''蝴蝶"

拖放到舞臺上

(3)在時間軸上單擊''添加運動引導(dǎo)層”按鈕，在圖層''蝴蝶"上新建一個運動

引導(dǎo)層

(4)使用''鉛筆工具”在引導(dǎo)層上繪制出''蝴蝶''運動的平滑曲線

(5)選中圖層''蝴蝶"，分別在第20、35、50幀插入關(guān)鍵幀，改變蝴蝶在舞

臺上的位置(注意是蝴蝶緊貼引導(dǎo)線)

(6)按Ctrl+Enter鍵測試影片

三、學生練習

制作蝴蝶飛舞動畫，至少有三只蝴蝶對象

提示：在制作完第一只蝴蝶的引導(dǎo)動畫后在其上插入新圖層做第二只蝴蝶

的引導(dǎo)動畫，在插入圖層做第三只蝴蝶的引導(dǎo)動畫

四、小結(jié)

通過今天的學習大家對引導(dǎo)層動畫都有了很深刻的認識，今后如果再遇到這樣

的例子大家都會做嗎？譬如說樹葉飄落、小鳥飛翔、形體運動等

五、課后反思

本課內(nèi)容對學生的要求較高，結(jié)合了之前講過的多種動畫類型，雖然大部分

學生都成功制作出了引導(dǎo)層動畫，但在具體操作過程中仍然出現(xiàn)了一些問題：

比如部分學生對知識理解不透徹，把引導(dǎo)層和被引導(dǎo)層做反了，還有動畫對象

沒有按照設(shè)定的引導(dǎo)線去運動，而是直線運動，其實原因很簡單，就是在放置

動畫對象的過程中沒有與引導(dǎo)線粘合對齊，導(dǎo)致效果無法出現(xiàn)。因此在制作中

還應(yīng)該加強指導(dǎo)，對于關(guān)鍵步驟的操作要放慢速度一點一點的去講。需要注意

的地方：

1、引導(dǎo)層要放置在被引導(dǎo)層的上面

2、運動的對象在圖層中制作動作補間動畫

3、引導(dǎo)層上制作引導(dǎo)線，注意線一定要是連續(xù)的不能間斷

4、動畫對象一定要對在引導(dǎo)線上

畫工.11遮罩動畫

教學目標

知識與技能：1、使學生理解遮罩動畫中遮罩的含義及原理

2、學會遮罩圖層的建立和遮罩效果的實現(xiàn)方法

3、能夠獨立制作遮罩動畫

方法與過程：提問調(diào)動學生思維，觀察動畫原理，再通過實例演示教學，讓學

生了解制作原理充分發(fā)揮自己的創(chuàng)意

情感態(tài)度價值觀：1、感受用Flash制作作品的樂趣，激發(fā)學生興趣

2、感受動畫制作的奇妙，培養(yǎng)學生的合作、探究精神

教學重點：遮罩的含義以及遮罩效果的制作方法

教學難點：理解遮罩層與被遮罩層之間的關(guān)系

計劃課時1課時

教學過程

一、導(dǎo)入

播放遮罩動畫實例（探照燈、畫卷、水中倒影）

二、新授

1、提問

打開探照燈源文件，讓學生主要觀察遮罩層和被遮罩層回答問題

師：通過觀察源文件你發(fā)現(xiàn)什么沒有？

生：光圖層的探照燈經(jīng)過的地方文字亮圖層的內(nèi)容顯示，其余部分不顯示！

師：回答的很好！這就是我們這節(jié)課要講的動畫效果-一遮罩動畫

2、遮罩的原理：

遮罩層好比黑夜中的一支手電筒，照在哪兒（指被遮罩層）哪兒就顯現(xiàn)。遮罩

層決定形狀，被遮罩層決定顯示的內(nèi)容！

遮罩層與被遮罩層：

（1）遮罩層：圖形

（2）被遮罩層：被擋住的圖片或文字（最終看到的內(nèi)容）

3、實例制作--探照燈效果【演示】

(1)運行Flash,設(shè)置文檔屬性，背景黑色

(2)把圖層1命名為''文字亮"圖層，在第1幀鍵入靜態(tài)文本''歡迎學習遮罩

動畫“，文本顏色白色，并拷貝

(3)新建圖層''文字暗"，單擊右鍵【粘貼到當前位置】命令，把歡迎學習遮

罩動畫粘貼到原來位置。并改變文本顏色為深灰

(4)新建一個圖形元件，命名為''光在編輯區(qū)里面畫一個放射狀填充的圓

形

(5)返回到場景1,新建圖層''遮罩"層。把''光"圖形元件拖動到第1幀，調(diào)

整其在場景中的位置

(6)在''遮罩”圖層的第70幀插入關(guān)鍵幀，并調(diào)整場景中''光"圖形元件的位

置。

(7)創(chuàng)建移動漸變動畫。并把''遮罩"圖層移動到''文字亮"圖層的下面，在''文

字亮”圖層創(chuàng)建遮罩

(8)測試影片

4、實例制作一一展開畫卷【由學生思考回答】

(1)新建flash文檔，在''畫"圖層第1幀制作自己喜歡的畫面(制作完成后

最好轉(zhuǎn)換為元件)，并延續(xù)至50幀左右

(2)在''矩形"圖層第1幀上制作一縱向能覆蓋畫卷的矩形(如圖2中暗紅色

矩形

(3)在''矩形''圖層的第40幀上插入關(guān)鍵幀(此時該幀內(nèi)容現(xiàn)第1幀的相同),

并用''任意變形工具''將該小矩形變形為如圖3所示，并在第1幀和第40幀之

間做形狀補間，延續(xù)至50幀：

(4)在''右軸"圖層第1幀上制作自己喜愛的畫卷卷軸，制作完成后轉(zhuǎn)換為元件,

延續(xù)至50幀，

(5)在''左軸"圖層第1幀上從庫中拖入卷軸元件

(6)在''左軸"圖層第40幀上插入關(guān)鍵幀(此時該幀內(nèi)容也為卷軸)，將該卷

軸移動到如圖6所示左邊位置，并在第1幀和第40幀之間做動作補間，延續(xù)

至50幀

(7)設(shè)置''矩形''圖層為遮罩層，''畫"圖層為被遮罩圖層，如圖7所示，測試影

片。

實例制作一水中倒影

分析動畫：

觀察生活中的水中倒影可以看出，水波波動時，水里物體的影像會向外擴散，

產(chǎn)生比真實物體放大的效果

(1)制作倒影層

①在圖層''背景''和''小熊'’的第80幀插入幀

②新建圖層，重命名為''水中倒影"，在第50幀插入關(guān)鍵幀

③復(fù)制''背景’'層上的倒影圖案，粘貼在''水中倒影"圖層的第50幀位置，使用

''任意變形工具“將圖像適當放大

(2)制作水波遮罩

①新建圖層，重命名為''水波"

②在第50幀處插入關(guān)鍵幀，使用''刷子工具"繪制圓環(huán)圖案

③在''水波"層的第80幀處插入關(guān)鍵幀，使用''任意變形工具''將水波圖案放大

④在''水波"層的第50幀至80幀之間創(chuàng)建形狀補間動畫

⑤右擊圖層''水波"，選擇''遮罩層"命令，測試影片

應(yīng)用遮罩時的技巧

1、要在場景中顯不遮罩效果，可以鎖定遮罩層和被遮罩層。

2、不能用一個遮罩層試圖遮蔽另一個遮罩層。

3、遮罩可以應(yīng)用在gif動畫上。

4、在制作過程中，遮罩層經(jīng)常擋住下層的元件，影響視線，無法編輯，可以

按下遮罩層時間軸面板的顯示圖層輪廓按鈕，使之變成，使遮罩層只顯示邊框

形狀，在種情況下，你還可以拖動邊框調(diào)整遮罩圖形的外形和位置。

三、學生練習

練習一：制作探照燈效果

文字內(nèi)容自定，探照燈形狀自定

拓展練習：制作水中倒影特效

四、小結(jié)

1、制作遮罩動畫之前，先要明確遮罩層和被遮罩層的對象

2、注意遮罩層與被遮罩層的圖層順序

3、一種遮罩效果的實現(xiàn)可以有多種方法

五、效果反思

1.12按鈕元件

教學目標：

知識與技能：1、知道按鈕元件的功能并了解按鈕元件的制作原理

2、會制作按鈕元件并能夠正確的定義按鈕元件的四個基本狀態(tài)

3、能夠給按鈕添加簡單的動作

方法與過程：演示、任務(wù)驅(qū)動

情感態(tài)度價值觀：1、激發(fā)學生對Flash的學習興趣，使學生保持主動學習和

動手實踐的熱情

2、培養(yǎng)學生在學習中克服困難的意志品質(zhì)及小組協(xié)作精神，通

過完成作品，體驗成功的快樂

教學重點：1、編輯按鈕元件

2、為按鈕元件添加制定的動作

教學難點：在按鈕元件中編輯添加動畫，并設(shè)置正確的動作

教學方法：提問，演示，任務(wù)驅(qū)動

計劃課時：1課時

教學過程：

一、導(dǎo)入：

動畫展示：用按鈕來控制一段動畫的播放。

師：在前面我們所做的動畫的基礎(chǔ)上，我們可以考慮加上一個按鈕，簡單的來

控制一下它的播放，按鈕元件是Flash的基本元件之一，它具有多種狀態(tài)，

并且會響應(yīng)鼠標事件，執(zhí)行指定的動作，是實現(xiàn)動畫交互效果的關(guān)鍵對象，今

天我們就來講講有關(guān)按鈕元件的制作。

二、新授

1、師：首先請同學們閱讀書P100——101''信息快遞''的內(nèi)容，回答如下問

題：

(1)按鈕有哪三種狀態(tài)？

生：初始狀態(tài)、鼠標經(jīng)過狀態(tài)和按下時的狀態(tài)

(2)按鈕的四個關(guān)鍵幀各有什么作用？

生：當為元件選擇按鈕行為時，F(xiàn)lash會創(chuàng)建一個四幀的時間軸，對應(yīng)按鈕

的四種狀態(tài)

按鈕元件的時間軸上的每一幀都有一個特定的功能：

第一幀是彈起狀態(tài)，代表指針沒有滑過按鈕時該按鈕的外觀

第二幀是指針經(jīng)過狀態(tài)，代表當指針滑過按鈕時，該按鈕的外觀

第三幀是按下狀態(tài)，代表單擊按鈕時，該按鈕的外觀

第四幀是點擊狀態(tài)，定義將響應(yīng)鼠標單擊的區(qū)域

師：現(xiàn)在我們打開源文件，觀察一下我們實例當中的按鈕四種狀態(tài)是怎樣

的

2、制作簡單按鈕【實例演示】

(1)插入菜單下的新建元件命令，在打開的新建對話框中的行為選項選中

按鈕

(2)在按鈕元件編輯區(qū)的時間軸上我們可以看到自動分為四個部分分別

為：彈起；鼠標經(jīng)過；按下；點擊

(3)在彈起狀態(tài)，新建一矩形黑色

在指針經(jīng)過狀態(tài)插入關(guān)鍵幀，將矩形顏色改為紅色

在按下狀態(tài)插入關(guān)鍵幀，將矩形改為青色

最后在點擊狀態(tài)插入關(guān)鍵幀，因為這一狀態(tài)只是區(qū)域標示，因此在動畫播

放過程中不會顯示這一狀態(tài)的圖形，因此無須更改顏色

想一想：如果我要給我的按鈕添加一些文字，比如說播放、暫停，我應(yīng)該怎

么去操作呢？

提示：插入一個新的圖層，輸入文字，別忘了每個狀態(tài)文字的顏色是不一樣

的！

想一想:你會制作文字按鈕嗎？

(1)新建一個名字為''播放"的按鈕元件。

(2)進入按鈕元件編輯區(qū)的彈起狀態(tài)，在彈起狀態(tài)，利用文字工具輸入''播

放“

(3)在指針經(jīng)過狀態(tài)插入關(guān)鍵幀，并將字體顏色設(shè)置為紅色

(4)在按下狀態(tài)插入關(guān)鍵幀，將字體顏色設(shè)置為藍色。

(5)在點擊狀態(tài)插入關(guān)鍵幀，并畫一個矩形，完全覆蓋文字。

3、基本動作控制命令介紹

(1)停止命令格式；stop();

說明動作；停止播放頭的移動

(2)播放命令

格式;play。；

說明動作；在時間軸中向前移動播放頭。

(3)轉(zhuǎn)移命令gotoAndPlay(scene,frame)

參數(shù)scene播放頭將轉(zhuǎn)到的場景的名稱。frame播放頭將轉(zhuǎn)到的幀的編號

或標簽。

動作；將播放頭轉(zhuǎn)到場景中指定的幀并從該幀開始播放。如果未指定場景，則

播放頭將轉(zhuǎn)到當前場景中的指定幀。以上三個命令是動作腳本中最常用的基本

動作，它們通過對時間軸上播放頭的控制實現(xiàn)的特定功能

4、為按鈕添加相應(yīng)的動作【演示】

(1)在按鈕元件上單擊鼠標右鍵，選擇''動作"

(2)在''動作