第一篇：FLASH動畫制作活動教案

FLASH動畫制作小組活動教案

2013-2014年度第二學期

教學課時

第一節(jié) 初識FLASH

第二節(jié) FLASH簡單動畫制作

第三節(jié) 基本工具的使用

第四節(jié) 直線運動和繪圖工具

第五節(jié) 鞏固

第六節(jié) 文字特效制作

第七節(jié) 引導線的制作應用

第八節(jié) 按鈕的制作一

第九節(jié) 按鈕的制作二

第十節(jié) 測試與遮照一

第十一節(jié) 基礎知識復習及遮照應用二

第十二節(jié) 遮照應用三

第十三周 遮照復習

第十四節(jié) ActiontScript語句的使用

第十五節(jié) 聲音處理和引導頁制作

3課時 4課時 4課時 4課時 3課時 4課時 4課時 4課時 4課時 4課時 4課時 6課時 4課時 4課時 4課時

第一節(jié) 初識FLASH 教學課時:3課時

教學目標:熟悉FLASH的工作環(huán)境,掌握最基本的概念 教學重難點:層和元件的概念及簡單運用

教學過程:

一、FLASH特點：

使用矢量圖形和流式播放技術。矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術使得動畫可以邊播放邊下載，通過使用關鍵幀和圖符使得所生成的動畫(.swf)文件非常小，幾K字節(jié)的動畫文件已經(jīng)可以實現(xiàn)許多令人心動的動畫效果，把音樂，動畫，聲效，交互方式融合在一起，越來越多的人已經(jīng)把Flash作為網(wǎng)頁動畫設計的首選工具。

強大的動畫編輯功能使得設計者可以隨心所欲地設計出高品質(zhì)的動畫，通過ACTION和FS COMMAND可以實現(xiàn)交互性，使Flash具有更大的設計自由度，另外，它與當今最流行的網(wǎng)頁設計工具Dreamweaver配合默契，可以直接嵌入網(wǎng)頁的任一位置，非常方便。

總之，F(xiàn)lash已經(jīng)慢慢成為網(wǎng)頁動畫的標準，成為一種新興的技術發(fā)展方向。

二、熟悉工作環(huán)境

1、主要分為

舞臺 就是工作區(qū)，最主要的可編輯區(qū)域。在這里可以直接繪圖，或者導入外部圖形文件進行安排編輯。就像演員表演的舞臺，動畫呈現(xiàn)在舞臺上，超出舞臺的區(qū)域就為不可見，也就是幕后，F(xiàn)LASH動畫也要十分注重舞臺和幕后的共同設計。

時間軸窗口 用它可以調(diào)整電影的播放速度，并把不同的圖形作品放在不同圖層的相應幀里，以安排電影內(nèi)容播放的順序。

繪圖工具欄 放置了可供圖形和文本編輯的各種工具，用這些工具可以繪圖，選取，噴涂，修改以及編排文字，還有些工具可以改變查看工作區(qū)的方式。在選擇了某一工具時，其所對應的修改器(Modifier)也會在工具條下面的位置出現(xiàn)，修改器的作用是改變相應工具對圖形處理的效果。

標準工具欄 列出了大部分最常用的文件操作，打印，剪貼板，撤消和重做，修改器以及控制舞臺放大比例的圖標和選項，便于進行更為快捷的操作。

圖庫窗口 用以存放可以重復使用的稱為符號的元素。符號的類型包括有圖片(Graphics)，按鈕(Button)和電影片斷(Movie Clip)。其調(diào)用的快捷鍵為Ctrl-L。學習FLASH也要養(yǎng)成良好的習慣，其中建立元件就是最基本也是最重要的，元件存放在圖庫中，這樣便與元件的重復使用以及統(tǒng)一修改。

控制器面板 控制電影的播放操作的工具集合（包括影片的前進后退暫停等），一般不大常用，處于隱藏狀態(tài)。

2、逐步介紹各個區(qū)域（1）時間軸

時間軸(Timeline)是Flash中最重要的工具之一。用它可以查看每一幀的情況，調(diào)整動畫播放的速度，安排幀的內(nèi)容，改變幀與幀之間的關系，從而實現(xiàn)不同效果的動畫。

狀態(tài)欄中的 為洋蔥皮(Onion skin)按鈕，其作用是在顯示播放頭所在幀內(nèi)容的同時顯示其前后數(shù)幀的內(nèi)容。當點擊該按鈕時，播放頭周圍會出現(xiàn)方括號形狀的標記，其中所包含的幀都會顯示出來，這將有利于我們觀察不同幀之間的圖形變化過程。

和 的作用一樣，只不過它只顯示各幀圖形的輪廓線。當我們需要同時編輯多個幀時，按下按鈕就可以了，但要注意，它只對幀-幀動畫有效，而對漸變動畫無效，因為漸變動畫是通過定義關鍵幀再插值的方法實現(xiàn)的，所以其中內(nèi)插的幀是無法編輯的。是洋蔥皮修改器，用于改變洋蔥皮的狀態(tài)和設置。其后的三個數(shù)字分別為當前播放頭所在幀號，動畫播放速度以及以此速度從頭播放到當前幀所需的時間。時間軸窗口右上角的 可以用來調(diào)整時間每個單元格的寬窄大小，各人可根據(jù)自己的喜好，動畫的長短等因素進行修改，以便于實際操作。

(2)元件和層概念及運用

在講動畫形式之前先講元件和庫的概念，教學生建立元件的方法及必要性。

空心小圓圈表示空白的關鍵幀，沒有內(nèi)容，例如在新建一個動畫文件時出現(xiàn)。先建立一個元件，然后在場景中拉入元件 拉入后成實心點，有內(nèi)容就成了實心點 單獨的關鍵幀為一黑色圓點，后面為灰色表明其后各幀的內(nèi)容與其一致，沒有變化。

實例分析：背景色的設置；相同小球的組合繪制 要點：選擇工具的使用（任意變形和整體選擇操作）圓形的繪制（shift畫正圓）； 建立元件（元件的概念）組合 CTRL＋G 打散 CTRL＋B 直線工具的使用

元件主要有兩個優(yōu)點：可以重復使用和統(tǒng)一修改

介紹元件建立的兩個方法：插入――建立新元件或者選擇對象轉換為元件。

(3)圖層:通過實例ceng及clx掌握圖層

關于圖層(Layer)的概念，學過Photoshop的人都不會陌生。形象地說，圖層可以看成是疊放在一起的透明的膠片，如果層上沒有任何東西的話，你就可以透過它直接看到下一層。所以我們可以根據(jù)需要，在不同層上編輯不同的動畫而互不影響，并在放映時得到合成的效果。使用圖層并不會增加動畫文件的大小，相反它可以更好幫助我們安排和組織圖形，文字和動畫。圖層是Flash中最基本而且重要的內(nèi)容，因而需要很好地掌握:

在實例（ceng）中學習下面的知識。左圖是一個典型的圖層例子，圖中所示共有十一個層。其中用黑色標識帶有一支鉛筆 標志的層為當前正在編輯的層。如果該層不能被編輯，則會顯示 圖標。在這些層右上方有三個圖標，其中 可以控制該層是否被顯示，默認狀態(tài)為正常顯示，在對應下方用 表示，如果點擊這個黑點，則會出現(xiàn)，同時該層被隱藏，隱藏的層不能被編輯。用來控制是否鎖住該層，被鎖住的層可以正常顯示，但不能被編輯，這樣在你編輯其它層時，可以利用這一層作參考，而不會誤改了這一層的內(nèi)容。可以控制是否將層以輪廓線方式顯示，點擊對應的黑點，會出現(xiàn)，再點一次恢復正常。這幾個功能可以同時起作用。

(4)動畫形式 分為運動動畫和漸變動畫

運動動畫：例如一個小球從左邊運動到右邊 表示運動漸變動畫，關鍵幀用黑色的圓點標識，內(nèi)插幀用黑色的實線表示，背景為淡紫色(淺藍色)。虛線說明中間的過渡存在錯誤，無法正確實現(xiàn)內(nèi)插。

兩個例子：一個是小球位置的改變，另一個是顏色透明度的改變。

漸變動畫：例如圓變方塊！表示變形過渡動畫，關鍵幀用黑色的圓點標識，內(nèi)插幀用黑色的實線表示，背景為淡綠色。同樣如果中間出現(xiàn)錯誤，也會出現(xiàn)虛線！主要是兩個例子，圓變方塊和英文字變中文

其中要注意對象要打散，文字要打散兩次。比較和補間動畫的區(qū)別。下面兩個略作了解

字母a表示該幀已通過幀屬性對話框指定了action。關于action以后會詳細介紹。小紅旗表明該幀有標簽或注解。

三、小結

通過本次課的學習，學生要理解并掌握元件和層的概念及簡單運用。要注意以下幾點：

1.元件存在庫中，方便重復使用和統(tǒng)一修改 2.一個元件對應一層

3.層之間上下疊放，可改變順序

4.動畫的兩種形式，補間動畫包括位置和顏色透明度的改變。形狀動畫要注意對象要打散，其中文字的打散要用兩次CTRL＋B。

第二節(jié) FLASH簡單動畫制作

教學課時:4課時

教學目標：

1、復習鞏固FLASH中最基本的概念（元件、圖層）

2、掌握兩種動畫形式：補間動畫和漸變動畫

3、掌握時間軸上幀的操作（插入、刪除等）教學重點：應用工具畫圖，并制作動畫 教學過程：

一、復習鞏固

主要是在上節(jié)的基礎上完成進一步動畫 做完的同學可以進一步練習兩種動畫形式，主要為物體透明度的改變和文字的變形。

記住三句口決：

1、一個對象一層

2、一般一個對象要轉換為元件

3、在形狀動畫中不要建立元件，對象要打散

二、實例運用1 上節(jié)課已經(jīng)學習了兩種最基本的動畫形式，這次課我們就先來綜合運用一下。實例1 哭臉變笑臉

1、先給學生看最后的效果

2、分析 要分為幾層？

五層 臉、眼眶、嘴、左眼、右眼 為什么要用5層？

嘴一層 要進行動畫制作，因此要單獨一層

左右眼珠分兩層，眼睛看起來靈活些，也更方便些

幾個注意的地方：

線條的粗細可調(diào)整；對象的大小可調(diào)整（直接修改數(shù)值比較精確）；對象要對齊可用吸附工具，也可以借輔助線用方向鍵進行微調(diào)整；嘴是要變形的，打散狀態(tài)（右鍵－分離 弧線才可變形，選中的對象不能改動）；F5普通幀（刪除幀），F(xiàn)6關鍵幀（清除關鍵幀），補間動畫FLASH自動生成。思考：眼睛怎么轉動？ ―――元件的運動。分析：眼珠要四周轉動，需要四個關鍵幀

三、綜合實例

1、看實例2

進行分析：主要是混色器的使用

關鍵步驟：先畫一個圓，線條可調(diào)整；

選擇漸變的圓，在混色器中進行調(diào)整（小塊往下拉就刪除），調(diào)整到合適的效果（用顏料桶填充）；

要做圓環(huán)，在大圓中再畫一個小圓，小圓在選中狀態(tài)下可以改變位置，調(diào)整大小等。（要注意，放開就不能改了）。改變大小時，SHIFT是左上角調(diào)整，ALT則是以圓心調(diào)整；

要做成補間動畫（形狀動畫也是成立的，但沒什么效果。自己要多試，可以意外發(fā)現(xiàn)一些效果）補間動畫 順時針 40幀 循環(huán)3次（24幀為1秒）

思考字母變形的做法（結合上次課的練習）

四、學生動手創(chuàng)作教師節(jié)賀卡（有樣例3）(20’)要求學生充分發(fā)揮自己的想象力，動手制作一張賀卡 主要包括幾方面的內(nèi)容：

1、文字的移動

2、文字的旋轉移動

3、文字的漸隱（透明度的變化）

4、簡單的動作設置（stop）

五、小結

通過本次課的學習，我們復習并鞏固了FLASH的兩種基本動畫形式，以及運用了層來更好地表現(xiàn)動畫。

第三節(jié) 基本工具的使用

教學課時:4課時 教學目標：

1、要求學生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具的使用。

2、要求學生掌握修改菜單中的位圖、元件、形狀的菜單項。

3、掌握如何制作基本圖形：圓環(huán)、星星、月亮、太陽、空心文字、門、窗、建筑物。

4、掌握位圖的導入及矢量圖的轉換。

教學重點：基本圖形的制作；如何導入和轉換圖片。

教學過程：

一、復習鞏固

1、完成上次的作業(yè)（哭臉變笑臉的的例子和轉動的圓環(huán)）

上傳作業(yè)（新的作業(yè)平臺的使用，上傳原文件）。

二、新課引入

思考一下這個圓環(huán)是怎么做的？（實例）分析：

1、我們可以用上節(jié)課講的大圓里畫小圓的方法來完成，不過可能覺得還是有些麻煩的，上節(jié)課是為了特殊的漸變效果才用那種方法的，現(xiàn)在再介紹另一種方法：

2、關鍵步驟

選擇圓形工具，邊線設置為七彩色，線條粗細調(diào)節(jié)好（要做成一個環(huán)，數(shù)值比較大），填充色設為白色；

選中圓環(huán)，修改－形狀－線條轉為填充色； 墨水瓶工具填充線條；

注意點：修改－形狀－線條轉為填充色，否則無法實現(xiàn)（會把七彩色蓋掉）

三、實例教學

1、多邊形工具的使用

太陽的制作主要步驟：

選擇矩形工具下面的小箭頭，選擇多邊形工具，在選項中進行設置，樣式：星形 邊數(shù) 10 星形頂點大小 0.5（數(shù)量越小就越尖）可以具體演示兩種效果，讓學生比較掌握；

填充色設為黃色漸變（漸變工具的再一次復習鞏固）；

畫一個深黃色的圓，在上面畫上眼睛和嘴（變形工具的使用）

有時間的同學自己創(chuàng)作畫月亮（實例）

幾點注意：月牙形的繪制；墨水瓶工具的填充線條

3、綜合實例制作 分析：

整個動畫分為三個主要部分（星星、高樓和汽車），一個個來制作

星星影片制作： 首先，繪制一個星星（圖形元件），主要步驟同多邊形的繪制；

再建立一個影片元件，名為閃動的星，注意區(qū)別影片元件和圖形元件（參看足球的轉動），讓學生注意觀察標記不一樣

記住一句口訣：元件可改變顏色、透明度、大小等，都不會改變元件本身（可通過星星的制作具體演示）關鍵步驟：

畫好星星后，新建一個影片元件，改變星星的透明度作一個補間動畫，即為星星的閃爍；

復制一個影片，然后在此基礎上修改，上一個是由亮到暗，這一個就是由暗到亮，這樣可心使星星看起來閃動自然些；

星星這個影片做好后，讓學生動手做星星。

建筑物的制作：

新建一個元件，畫一個褐色填充黑框的房框

再建一個元件，畫一個白色填充黑框的窗戶，通過復制粘貼，做成4個窗口。然后選中4個窗口運用修改－對齊－頂端對齊和寬度均勻分布，使4個窗口排列整齊。通過復制(按CTRL拖動)，畫好多排多列窗口，一列選中調(diào)整對齊。其他幾列操作也同。

選中所有窗口，按SHIFT，不選外框，然后把窗口設為灰色，再選幾個設為黃色（以上的修改都是元件的修改運用）

另外一幢樓也是復制，然后進行修改，同樣用了元件的修改。這個制作要特別注意的是對齊工具的應用。

回到場景中，星星一層，高樓一層，再另換一層，畫路基（直線工具）要注意視覺上的真實感，按照路基的傾斜度調(diào)整高樓的形狀。

汽車的制作：

主要是圖片的轉換

新建一個元件，導入汽車的圖片，把位圖轉換為矢量圖； 對圖片進行處理，刪掉白色的部分；

回到場景中，汽車也新建一層，然后就做汽車的補間動畫，使汽車開動起來。

小結：

1、多邊工具的使用

2、元件的屬性修改應用（包括大小、顏色和透明度等）

3、對齊的使用

4、位圖轉為矢量圖

第四節(jié) 直線運動和繪圖工具

教學課時：4課時 教學目標：

要求學生掌握直線運動的補間。

2、掌握實例的編輯修改。

3、掌握鉛筆工具及鋼筆工具。

4、制作夜色中行駛的汽車、動感片頭的制作 教學重點：教學重點：鉛筆、鋼筆工具的靈活使用 教學過程：

一、復習鞏固

實例――夜色中行進的車 內(nèi)容回顧

在上節(jié)課中已經(jīng)完成了動畫的一部分，星星的制作相信大部分同學已經(jīng)學會了，接下來一部分同學還沒完成高樓的制作，我們說要注意對齊工具的運用。

出現(xiàn)的問題

在畫樓的時候很多同學都出現(xiàn)這樣的問題，樓不能改變，這主要是元件沒建好，一般是要有三人元件，一個是窗戶，一個是房框，還要一個就是兩者結合的樓。這樣改變的時候其實是改變房框的形狀。

二、進一步完成實例

1、汽車的運動

這里主要掌握知識點是位圖轉化為矢量圖（修改－位圖－轉換位圖為矢量圖），把白色的部分刪掉，把汽車放到場景中，制作汽車的運動。主要要注意起點和終點關鍵幀的設置。

2、路面、一些線的繪制

主要掌握鋼筆、鉛筆工具等繪圖工具的使用

方法有多種，老師教的只是其中一種，大家都可以根據(jù)自己對繪圖工具的使用，來完成各種繪制。路面的繪制

可以先畫一個矩形（無邊，灰色填充），然后用部分選取工具改變，使成為自己想要的范圍 線的繪制

主要是中間一條灰色的線，有兩種方法 方法一 由于并不要求很精確，可以先畫完直線，然后再用橡皮工具擦掉中間不要的部分

方法二 可以把線條形式改為虛線，在自定義處可以進行修改（前面一個數(shù)值代表實線的長度，后面的表示中間空的地方的長度，一般為35，8）

3、畫完這些線后，我們可以來看一下汽車是否沿著線開，可以根據(jù)線的傾斜度，調(diào)整一下汽車的起點和終點位置。

三、實例－標志動畫的制作

1、先畫靜止的畫面（實例）分析：

主要分為三部分 邊、文本和圖形

邊的繪制比較簡單，讓學生自己完成；

字母的輸入也不難，主要是設置多種字體，這里為三種，可以根據(jù)自己的喜好，任意設置三種字體，同時可以調(diào)整其大小。主要是圖形的繪制

菱形的繪制只要畫好一個矩形，然后旋轉一下就可以了 關于旁邊一個無規(guī)則圖形的繪制，主要應用鋼筆工具，來畫出自己所想要的形狀

2、讓標志動畫動起來（實例）

我們做每個動畫之前先要對這個動畫進行分析，哪些是動的，哪些是靜的，動的又是怎么動的？（回想一下以前學過的一些動畫形式，到這里應該怎么做）宗旨：不管用了什么方法，只要把效果做出來就好，同學們可以把自己所學的東西融會貫通，方法不是只有一種，老師介紹的方法是比較常用的，并不一定是最好的，大家可以通過多動手，或許就會發(fā)現(xiàn)更好的方法。學多了就會靈活運用，舉一反三了！

我們仔細觀察動畫有幾層，一般就是要做幾個運動

第一，邊是靜止不動的，因此我們只要畫好放在那里就行

第二，按動畫動起來的順序來看，菱形是最先動的，主要透明度的改變和旋轉，這個并不難，學生應該已經(jīng)掌握了，稍加分析即可。

第三，第二個圖形在菱形還在動的時候就出現(xiàn)了，所以要在菱形變化有中間過程中開始做動畫，主要是透明度有改變，后階段是有和無之間的轉變，主要通過插空白幀來實現(xiàn)。

第四，字母J是從上往下運動的，字符串esting,是從右往左運動的，還有co ltd則是和上面的圖形一樣，在有無之間的轉變，方法同上。

到些，我們的動畫基本就完成了，從中可以發(fā)現(xiàn)其實動畫并不難，要通過我們的分析以及創(chuàng)造力來完成精彩的動畫，我們在做的時候可以充分發(fā)揮自己的創(chuàng)造力，比比看誰的動畫做得最精彩！

四、小結

1、學會繪圖工具的使用（直線和鋼筆等工具）

2、運動的幾種基本形式的綜合運用

第五節(jié) 鞏固

教學課時：3課時 教學目標：

1、要求學生鞏固橢圓工具、直線工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。

2、鞏固圖形元件、影片元件的創(chuàng)建。

3、鞏固二類補間動畫的特點。

4、鞏固二類動畫：變形動畫、直線運動動畫。

一、鞏固復習

主要通過幾個具體的實例來復習相關知識點

1、使用多邊形工具、鋼筆工具繪制（實例）

通過月亮和星星的畫法，來鞏固多邊形工作和鋼筆工作等畫圖工作的使用 主要知識點：月亮繪制（可用學過的多種方法，這里不再重復）

星星的繪制（多邊形工具的應用。要注意設置，包括樣式、邊數(shù)、頂點大小等參數(shù)的設置）

2、用矩形工具及變形工具制作一個立體建筑物，再用重復使用元件制作下列效果圖，制作中要注意使用多圖層，才能產(chǎn)生建筑之間的疊加效果。（實例）注意幾點：一是元件的重復利用；二是要使用多層(一般一個樓一層)三是利用CTRL工具進行樓房的形狀調(diào)整，使其更具立體感。主要步驟：

先觀察樓房有兩種形狀，一種是普通的立方體，另一種是稍變形的，有透視效果，所以我們首先要建兩個元件。

先建一個元件，分兩層，一層畫房框（用矩形工作），一層畫窗戶（請注意轉化為元件，以便于調(diào)整）。

再在庫中直接復制元件，然后在新元件中用按CTRL進行微調(diào)整 畫好路面（略）

把兩個元件根據(jù)需要拖出來，并調(diào)整好顏色，同時要注意分為多層，以便于疊加（有前后順序）

背景色填充（漸變工作的使用）

3、用二個關鍵幀制作變形效果（實例）此實例主要鞏固學生對漸變填充工具的使用

動畫分為兩層，一層為背景，也是利用漸變填充（放射狀）

另一層為變形動畫的制作，即為星形變方形，要注意兩個關鍵幀（即由什么變?yōu)槭裁矗谝粠瑸樾切?。最后一幀為方形，中間創(chuàng)建形狀動畫。

4、有時間的同學自己動手畫畫卡通煙囪（實例）

二、檢測（兩節(jié)課時間進行考試，一共三題，具體要求等詳見index.html）考試只是檢測這一階段的學習情況，老師根據(jù)同學中反映出來的問題，知道學生的掌握情況，對癥下藥，使大家盡快學會FLASH！創(chuàng)造出有自己特色的精彩動畫!

第六節(jié) 文字特效制作

教學課時：4課時 教學目標：

1、復習鞏固測試題。

2、掌握幾類文字特效的制作。教學重點：各類文字效果的制作 教學過程：

一、測試分析

根據(jù)上次考試的具體情況進行小結點評

1、先說明一下這次考試的概況，總的來說大家完成得都還不錯，這次的題目并不難，基本上都是最基礎的，而且還都講過的，大部分同學都只可以獨立完成。大家起點都差不多，只要肯努力，一定可以學好的，入門很快，進一步提高要靠自己，學得快的同學要不斷努力，一定能出成績。

2、存在的一些問題：

小部分同學形狀漸變還沒掌握，可個別提問；

大部分同學側面的調(diào)整做得不夠好，細心調(diào)整即可；

個別同學星形變形不自然，原因是星形的邊數(shù)問題，做的時候要看清要求，仔細研究；

注意生成swf文件(CTRL+ENTER)； 要注意層的命名，養(yǎng)成良好的習慣。

3、表揚一些同學，并展示一下他們的作品(實例四個)

二、文字特效制作實戰(zhàn)

1、陰影字的制作（實例）

技術分析：陰影字分析主要為兩層，一層是文字層，一層是陰影層，且陰影層在文字層下面一層；陰影層就是文字層的復制、變色及變形 主要步驟： 新建一層，打入文字FLASH； 再建一層，復制粘貼；（CTRL＋SHIFT＋V就是原位置的粘貼）； 顏色和形狀的調(diào)整

2、浮雕字的制作（實例）

技術分析：原理同陰影字的制作，分幾層，通過顏色調(diào)整，做出浮雕效果

3、打字效果的制作（實例）技術分析：文字要一個個出來，可以考慮用逐幀動畫（請注意與補間動畫的區(qū)別：補間動畫是軟件自動生成的）

主要步驟：先新建一層，導入背景圖片；

再建一層，一共有21個文字，插入21個關鍵幀（F6）；

在每一個關鍵幀處設置文字的個數(shù)，根據(jù)字打出來的效果，每幀依次多一個字。

4、五彩旋轉文字（實例）

技術分析：文字的五彩填充，文字的旋轉與縮放

主要步驟：新建一個元件，兩次打散后，用七彩色填充；

建立一個動畫，注意縮放和旋轉的設置

學生可自己練習用中文字做五彩旋轉文字，效果更明顯些。

5、光線字的制作（實例）主要適用于掌握程度較好的學生 技術分析：文字的光線效果的繪制和元件的透明度的變化效果 主要步驟：新建一個元件，一個打散狀態(tài)的字母和光線的效果，用直線繪制或者變形工具；

在一層中設置透明度的變化（由淺到深再到淺的過程）；

其余做法同，為加強效果，要注意另外層的字母ABC的設置，一共有六層

6、殘影文字的制作（知識拓展）主要是動作快的學生自己探索制作 提示：主要要幾層文字的疊加效果，（每層文字的透明度設置不同，形成殘影效果）

每層文字都設置成旋轉動畫，只不過開始有先后順序，以致形成殘影效果

三、小結：

文字的效果很大就是應用幾層文字不同狀態(tài)的疊加效果以及動畫的開始時間的不同來體現(xiàn)文字的變化，掌握了以上的要點同學們經(jīng)過自己的創(chuàng)造一定能制作出更精彩的動畫！

第七節(jié) 引導線的制作應用

教學課時：4課時 教學目標：

1、復習掌握幾類文字特效的制作(包括發(fā)光字和殘影效果)

2、了解引導線的概念

3、學會用引導線制作簡單動畫 教學過程：

一、復習掌握文字特效

1、大概說一下作業(yè)批改情況

2、發(fā)光字體的制作

大部分同學把發(fā)光字體的動畫過程都做出來了，說明大家對這部分掌握得還可以，還有同學沒懂的及時問。大部分同學的共同點是字母沒做好，上次說的矩形工具的微調(diào)整是一種方法，我們也可以用直線工具來畫，然后用線性漸變填充。這樣做出來的效果比較好，不會出現(xiàn)一些陰影被遮蓋的現(xiàn)象，這是同學們最要注意的問題。當然也有個別同學做得比較好。讓學生把發(fā)光字體做完并上傳。

3、拓展題分析（實例）

在講這前，先給學生10分鐘左右的時間自學，看看自己動手能否做出來，然后再講解，再讓學生完成!在預習方面，同學們可以先看我的例子，自己想想應該怎么做，如果不會再仔細研究一下我的教案，不要急著問別的同學，思考過后再問，再聽，效果會好不少。殘影效果的制作分析：影子有幾個就是有幾層，影子的出現(xiàn)就是每層元件的出現(xiàn)時間不同，即每層往后退一幀，殘影漸漸變淡，就是每層的元件透明度的逐漸降低。

主要步驟：建立一個元件1，兩次打散后，用七彩色填充； 復制元件，命名為2，在原來的基礎上用墨水瓶工具描白邊； 第一層放入元件1，完成補間動畫，順時針，1次左右； 第二層第二幀放入元件2，透明度設為85%，動畫同上；

同方法建層作動畫，注意每層第一幀往后退一幀，元件透 度依次降低，一般10層左右；

注：在做新一層的時候不用重新拖入元件，可以用原位置復制元件(CTRL+SHIFT+V)，然后再修改元件的透明度即可!

4、對于基礎比較好的同學在全部完成的基礎上，可以先預習下節(jié)課引導線的內(nèi)容，也可以做一些拓展練習!

二、引導線的制作應用：

1、新課導入：(實例)先看實例，小球的 無規(guī)則運動

分析，其實小球是按一定的路徑運動的，這個路徑是不可見的，但是能引導小球的運動，這就叫做引導線，其所在的層叫引導層（在運行時不可見）

主要步驟：新建一層引導層，用鉛筆工具畫任意不封閉曲線，就是運動路徑

新建一個元件，畫個小球，作為一個運動對象

再建一層，把小球拖來，第一幀把小球的圓心放到曲線的起點（會自動吸附），在30幀左右插關鍵幀，把小球的圓心放到曲線的終點，這就是小球運動的起始點和終點

注：要使小球沿著引導線運動，一定要在起點和終點位置，使小球吸附在引導線上，否則不會按引導線運動！

2、學生能力拓展

完成快的同學可完成拓展練習1，層的原理類似于上次的殘影效果制作

3、引導線的初步應用（實例）技術分析：樹葉的自由飄落其實就是運用了引導線的知識，樹葉的飄落路徑就是引導線的路徑

主要步驟同上一題，要注意樹葉的繪制可用直線工具加上任意變形即可。

動作快的同學可完成拓展練習2，注意：只要在上題的基礎上多加幾個層，作與上題一樣的引導層即可，當然為了省時方便，可把樹葉飄落作為一個影片剪輯，然后一個個拖到場景中即可，當然也要稍注意時間先后。

三、引導線的進一步應用

1、騎山車（實例）

技術分析：車子的運動就是按路徑的運動，山路就是路徑 主要步驟：新建一個元件，用畫圖工具畫好車和人

畫好背景，包括山路

畫引導線，只要復制已畫好的山路即可（同路就是白色的線條）

把車的元件拖到場景中，起點和終點的設置對齊同上

在動畫設置中選中“調(diào)整到路徑”，車子才會比較自然地動，這是本例制作的關鍵！

2、動作快的同學可以進一步制作山車，可以讓車輪動起來！（拓展練習）簡單提示：畫好車輪動畫設置為旋轉即可！

四、引導線的提高應用（拓展練習）

主要是針對基礎比較好的同學，字母就是引導線，要注意中間要斷開，才能動起來，文字層用逐幀動畫做（原理類似于以前做過的打字效果），才有字是寫出來的感覺，以后我們學了遮照層就不會這么麻煩了！

第八節(jié) 按鈕的制作一

教學課時：4課時 教學目標：

1、復習掌握引導線的應用

2、介紹按鈕的作用

3、學會按鈕的簡單應用 教學過程：

一、復習掌握引導線的應用

1、復習上節(jié)課的例子，提出一些完成過程中的問題

山坡的曲線的畫法可用鋼筆工具來畫，具體演示下畫法；

多片樹葉下降，可用兩種方法，一是使用影片剪輯，原理類似于以前學過的閃動的星星。還有一個方法是在引導層中可畫多條引導線，引導層下面的圖層只要在虛線中，均可被引導線引導。

2、復習上次課的引導線，主要通過實例來鞏固（實例）

技術分析：小球的跳動就是引導線（當然也可用以前的動畫，多創(chuàng)建幾個補間也可），貓的變化就是兩張圖片的變化

主要步驟：①先完成管的繪制，要注意前后面的分層，否則填充就會出問題，然后再完成陰影面的制作；

②畫好引導線，為折線形式，紅色小球沿引導線運動；

③貓的兩種狀態(tài)（睜眼和閉眼）小球沒砸到時睜眼，快砸到時閉眼且后退（用交換元件做可保持位置不變）拓展練習蝴蝶飛舞（拓展練習)提示：揮動翅膀的蝴蝶作為一個影片剪輯，在這個影片剪輯中，把素材中的圖片導入，每張圖片一幀，表示蝴蝶的不同狀態(tài)，其中要注意每張圖片位置要對齊，方法有兩個，一個是打開時間軸的“查看多個幀”，另一個是交換元件

3、圓環(huán)的制作（實例）

為了進一步鞏固引導線的動畫，還要講一個新的知識點，即小球繞圓環(huán)運動 技術分析：同樣應用引導線做，關鍵是圓環(huán)的引導線是非閉合曲線，小球才能運動，技巧就是用橡皮把圓環(huán)打開缺口。

主要步驟：①先建一層，畫一個圓（無填充）

②添加一層引導層，把圓復制，然后把引導層中的圓用橡皮等工具打開缺口，使圓環(huán)成為一個非閉合曲線(物體的運動是遵循就近原則，如果不斷開，只會作就近小半圈的運動)③小球的始末狀態(tài)的設置，第一幀在缺口的一端，最后一幀在缺口的另一端。思考：地球繞著太陽轉（橢圓形軌道同上例）

拓展練習中的玩具火車的運動（單軌和8字形軌道，有興趣的同學可以自己嘗試一下）

二、按鈕的制作：

1、基本按鈕的制作(實例)插入新元件，元件類型為按鈕，即可見如下界面

一般在以上四種狀態(tài)下放置四個不同的元件，即可制作出一個按鈕效果。下面以變形按鈕為例介紹制作步驟。

①插入新元件，元件類型為按鈕，并命名該按鈕為“變形” ②單擊選中“彈起”，并繪制一個藍色長方形 ③單擊選中“指針經(jīng)過”，按F6，并刪除藍色長方形，繪制一個綠色長方形 ④單擊選中“按下”，按F6，并刪除綠色長方形，繪制一個紅色長方形

做完后查看效果，并據(jù)此講解四種狀態(tài)具體表現(xiàn)，其中第四個“點擊”在此并不能體現(xiàn)出來，以后具體碰到再說，先掌握前面三種狀態(tài)設置

2、用文字、圖片、圖形等作按鈕（實例）在實例3的基礎上演示文字作按鈕，即在上面藍色長方形的位置替換成文字就是文字按鈕，演示一下即可，其中“點擊”如果是實心的區(qū)域，比較容易選中 實例4分析：主要原理同上例，其中的水晶球可以自己畫，也可以用提供的圖片，同時也說明了按鈕也可以用圖片來做！

三、按鈕的進一步制作應用

1、簡單的動態(tài)按鈕（實例）技術分析：小球是在鼠標放在按鈕時下落的，所以動作發(fā)生在按鈕四種狀態(tài)的“指針經(jīng)過”狀態(tài)，小球下落又是個運動狀態(tài)，所以在“指針經(jīng)過”狀態(tài)放的不是圖片之類的，而是一個影片剪輯（相當于一個小電影）

主要步驟：①新建一個影片剪輯，在里面做小球下落并且透明度改變的動畫

②新建一個按鈕元件，在“彈起”狀態(tài)中畫上一個紅色的長方形，在“指針經(jīng)過”狀態(tài)中放入我們已經(jīng)做好的關于小球運動的影片剪輯

2、動態(tài)按鈕引申（實例）技術分析：這個動態(tài)按鈕的制作基本原理同上例，只是按鈕元件的第一種狀態(tài)中是空幀，就是沒放上去時不顯示，也就是我們所說的隱形按鈕，拖入到場景中按鈕元件呈現(xiàn)出半透明狀態(tài)。

3、動態(tài)按鈕綜合實例應用（拓展練習二）

實例演示：禮花的綻放效果（鼠標點擊，禮花綻放）

技術分析：鼠標點擊引發(fā)的事件，即在按鈕的，即為熱區(qū)，按鈕的動作就在這個熱區(qū)觸發(fā)。由于是鼠標點擊下去才有禮花綻放的效果，所以在禮花綻放的影片剪輯中，第一幀是放入已做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動畫，就是禮花這個圖形的放大動畫。然后在幀上及按鈕上加上簡單代碼即可。

主要步驟：①新建一個按鈕元件，在第四種狀態(tài)“點擊”中畫一個實心區(qū)域（這里可畫一個白色的長方形）

②新建一個影片剪輯，第一幀放入剛做好的按鈕，因為不點擊的時候事件（禮花綻放）不觸發(fā)，第一幀加入動作stop，同時按鈕的動作是點擊就觸發(fā)禮花綻放的事件，因此在按鈕上加上動作on(press){gotoandplay(2);}這個動作語句可在動作面板中選擇輸入，不用自己輸入（自己打入容易錯，可用腳本校對）

on(press){gotoandplay(2);} 意思是按下按鈕，開始第二幀動作

③在第二幀開始禮花的變化，導入禮花圖片并轉化為元件，然后作放大的動畫

④最后在場景中拖入已經(jīng)完成的影片剪輯，注意在鋪滿整個場景，點擊的時候才能保證無論點哪里都有禮花綻放，比較逼真些。鋪滿時可用多次復制粘貼。

思考：鼠標放上去禮花綻放怎么做？（拓展練習）

提示：即在按鈕的指針經(jīng)過中放入影片元件 小結：

這節(jié)復習了引導線，以及新學了按鈕的制作，在按鈕的制作中要掌握以下幾點： 按鈕的四種狀態(tài)的設置，明白各個狀態(tài)的具體表現(xiàn)形式 學會用文字、圖片等作按鈕

學會動態(tài)按鈕的制作，主要是影片剪輯的應用以及一些簡單的動作

第九節(jié) 按鈕的制作二

教學課時：4課時 教學目標：

1、復習掌握簡單按鈕的應用

2、介紹一些簡單的動作語句

3、學會按鈕上的一些簡單語句的應用 教學過程：

一、復習掌握簡單按鈕的應用

1、復習簡單動態(tài)按鈕的制作

主要通過一些實例的制作來鞏固練習

先講一下上節(jié)課存在的問題：在動態(tài)按鈕中，我們說要制作一個影片剪輯，這個按鈕才會動起來。有幾個同學另外的都完成了，但是還是不會動，原因就是大家在制作元件的時候選了圖形而不是影片剪輯，所以才使動畫不動。我們只要把元件的類型轉為影片剪輯就可以了，當然要重新放入到相應的地方才行，不然還是原來的那個。（可以通過實例來講解，以后學生在做的過程中碰到這類問題就不用重新做過了，在原來的基礎上稍作一下改動就可以。）動態(tài)按鈕鞏固實例

技術分析：結合上周課講的動畫和按鈕結合來完成

第一個按鈕為按下去后動畫（字向兩邊擴散，并變淡）的出現(xiàn)； 第二個按鈕是鼠標放上去后動畫（字變大并變淡的效果）的出現(xiàn)。大家可以根據(jù)平時所學的動畫知識，應用到按鈕中，可以充分發(fā)揮大家的想象力，作出各類按鈕，這些按鈕在我們以后各式網(wǎng)站的制作，特別是一些比較有特色的網(wǎng)站的制作中用的較多。

2、綜合按鈕的制作（實例）

技術分析：主要是背景的繪制以及按鈕的動畫（按鈕放上去擴散效果）制作 主要步驟：①背景黑條的繪制，畫兩個圓角矩形疊加，刪除重疊部分即可；

②小球的繪制，黑球上放白球，上面再寫上字母e；

③按鈕的制作，擴散效果的制作，小球填充效果第一幀用調(diào)色工具縮到最小，最后一幀用調(diào)色工具調(diào)到適當效果，創(chuàng)建變形動畫；

④按鈕的彈起狀態(tài)中放入元件大圓和小圓以及數(shù)字，在指針經(jīng)過中放上剛完成的擴散效果動畫。（動畫只要一次，用stop動作）在此要注意按鈕中的分層，原理同普通的分層，我們可以把擴散動畫放在下面一層，透過大圓展現(xiàn)出來。

⑤按鈕的小圓動畫制作，綠色變色小球為背景，黃色的曲線作水平轉動動畫

二、簡單動作介紹（按鈕制作實例 源文件）

1、復習上節(jié)課的按鈕，做出禮花實例，比較發(fā)現(xiàn)問題，引入動作語句的應用

2、on動作命令

下面我們就詳細地向大家介紹一下這八種事件的使用。

1、press 在鼠標指針經(jīng)過按鈕時按下鼠標按鈕。單擊press，然后選擇動作語句，雙擊【全局函數(shù)】|【時間軸控制】中的play 命令。

完整的action是：

on(press){ //設定鼠標事件為按下，然后執(zhí)行大括號里面的語句。play();//按鈕響應后執(zhí)行play（播放）動作 }

press動作

當然，在大括號里面還可以用其他的語句，比如說，gotoAndPlay(yourframe);//點擊按鈕后，就會從你設置的幀播放。

2、release 在鼠標指針經(jīng)過按鈕時釋放鼠標按鈕。單擊選擇release然后與第一個事件相同加入play命令。完成的語句如下：

on(release){ //當鼠標按下釋放的時候，執(zhí)行下面的語句動作。

play();//按鈕響應后執(zhí)行play（播放）動作。

}

release動作

可以看到，當鼠標左鍵按下按鈕的時候，并沒有激發(fā)播放動作，而是當鼠標左鍵放開的時候，執(zhí)行了播放動作。這也是與“press”事件不同的地方。

3、releaseOutside 當鼠標指針在按鈕之內(nèi)時按下按鈕后，將鼠標指針移到按鈕之外，此時釋放鼠標按鈕。添加語句的方法同上。完整的語句如下：

on(releaseOutside){ //當鼠標在按鈕外部釋放的時候執(zhí)行下面的語句。play();//按鈕響應后執(zhí)行播放動作。}

releaseOutside動作

通過這個例子我們知道，當鼠標左鍵在按鈕上按住并移動到按鈕以外的地方放開后，觸發(fā)了按鈕的動作。這是一個具有非常想象力的事件，大家可以利用on的這個事件來制作游戲。

4、rollOver鼠標指針滑過按鈕區(qū)域。制作方法同上，完整的as語句為：

on(rollover){ //當鼠標滑動到按鈕上時執(zhí)行下面的動作。

play();//按鈕執(zhí)行播放動作。}

rollOver動作

當鼠標指針從按鈕上滑過的時候，動畫就開始執(zhí)行播放動作了，而不需要點擊它。我們可以利用on的這個特點來制作一些圖示板，非常簡單有效。

5、rollOut 鼠標指針滑出按鈕區(qū)域。制作方法同上，完整的as語句為：

on(rollOut){ //當鼠標滑動到按鈕上并離開時執(zhí)行下面動作。

Play(): //按鈕響應播放動作。}

rollOut動作

滑離與滑過并不是相同的，滑離是指鼠標滑動到按鈕上并離開以后開始響應，而滑過是指只要鼠標滑到按鈕上，就開始執(zhí)行動作。

6、dragOver 在鼠標指針滑過按鈕時按下鼠標按鈕，然后滑出此按鈕區(qū)域，再滑回此按鈕。完整的as是：

on(Drag Over){ //當鼠標拖過的時候執(zhí)行下面的動作。play();//執(zhí)行播放動作。}

dragOver動作

拖過的效果是在按鈕上點擊并按住鼠標不放，移出按扭區(qū)，再移回按鈕上觸發(fā)的事件。

7、dragOut 在鼠標指針滑過按鈕時按下鼠標按鈕，然后滑出此按鈕。完整的as是：

on(dragOut){ //當鼠標拖離按鈕時執(zhí)行下面的動作。play();//執(zhí)行播放動作 }

dragOut動作

拖離與拖過有所不同，只要在按鈕上按住鼠標左鍵然后移動到按鈕外就會響應。與滑離的區(qū)別在于拖離需要按住鼠標左鍵。

8、keyPress(“key”)按下指定的鍵。對于此參數(shù)的 key 部分，需指定鍵控代碼或鍵常量。

我們在（“key”）中鍵入“p”。完整地as語句為：

on(keyPress “p”){ //當按下鍵盤中的“p”健時執(zhí)行下面的動作。play();//執(zhí)行播放動作 }

3、結合動態(tài)按鈕綜合實例應用來說明上述的動作語句（實例）實例演示：禮花的綻放效果（鼠標點擊，禮花綻放）

技術分析：鼠標點擊引發(fā)的事件，即在按鈕的，即為熱區(qū)，按鈕的動作就在這個熱區(qū)觸發(fā)。由于是鼠標點擊下去才有禮花綻放的效果，所以在禮花綻放的影片剪輯中，第一幀是放入已做好熱區(qū)的按鈕。第二幀開始才是禮花綻放的動畫，就是禮花這個圖形的放大動畫。然后在幀上及按鈕上加上簡單代碼即可。

主要步驟：①新建一個按鈕元件，在第四種狀態(tài)“點擊”中畫一個實心區(qū)域（這里可畫一個白色的長方形）

②新建一個影片剪輯，第一幀放入剛做好的按鈕，因為不點擊的時候事件（禮花綻放）不觸發(fā)，第一幀加入動作stop，同時按鈕的動作是點擊就觸發(fā)禮花綻放的事件，因此在按鈕上加上動作on(press){gotoandplay(2);}這個動作語句可在動作面板中選擇輸入，不用自己輸入（自己打入容易錯，可用腳本校對）

on(press){gotoandplay(2);} 意思是按下按鈕，開始第二幀動作

③在第二幀開始禮花的變化，導入禮花圖片并轉化為元件，然后作放大的動畫

④最后在場景中拖入已經(jīng)完成的影片剪輯，注意在鋪滿整個場景，點擊的時候才能保證無論點哪里都有禮花綻放，比較逼真些。鋪滿時可用多次復制粘貼。

三、小結

注 意 ——在給動畫作品添加按鈕的時候應該放到單獨一層，這樣便于修改。

提 示 ——on為按鈕上的動作，所以我們必須首先要選中按鈕，以后才可以添加on語句。有的朋友在論壇里面提問，“為什么我的on為灰色不可選狀態(tài)？”原因就是你沒有選中按鈕。

技 巧 ——在一般flash作品中，大家不會有意區(qū)分這些on的功能的，一般采用默認的語句。如果沒有特殊說明，你使用了拖離，滑離等事件來制作“replay”按鈕，會讓人們摸不著頭腦的。

試一試 ——我們了解了on得這么多的功能，利用這些功能可以輕易的制作出flash課件，flash游戲里面的效果，大家不妨試一試。

分 析——on語句的功能與按鈕息息相關，有按鈕的地方一定會有on語句的使用。而有flash作品的地方，就會有按鈕的出現(xiàn)，所以說on的重要作用不可忽視。今天向大家詳細地介紹了on的各種功能，我們就可以結合按鈕自身的特點，發(fā)揮他們的功能。

第十節(jié) 測試與遮照一

教學課時：4課時 教學目標：

1、測試學生引導線與按鈕掌握情況

2、介紹一遮照的基本概念

3、學會一些簡單遮照效果的制作 教學過程：

一、十月份達標測試

1、主要內(nèi)容為引導線與按鈕的制作檢測，考試題目當堂下發(fā)，時間是一節(jié)課（40分鐘）

2、進行簡單分析

二、課前熱身

1、通過回想以前做過的一些動畫，把動畫形式歸納如下： ① 直線動畫（位置的改變，即為補間動畫）② 曲線動畫（引導線）③ 逐幀動畫

④ 旋轉動畫（元件）

⑤ 透明度改變動畫（元件）

⑥ 形狀動畫（非元件，打散狀態(tài)）⑦ 縮放動畫（元件）

2、幾種動畫形式區(qū)分（實例）（用一些例子說明，讓學生鞏固基本的動畫形式）一般來說，我們的FLASH動畫就是分為這幾種形式，稍微復雜一點的動畫無非就是這幾種動畫的結合，只要掌握了這幾種基本動畫，綜合應用只要組合就可以了。

三、遮照的制作

1、新課的引入

觀察教案上的TOP，思考：FLASH這幾個字是一個會動的圖片填充字效果。怎樣才能動起來呢？這就是我們今天要講的遮照。

我們說的遮照又是一種新的層形式，以前是引導層，現(xiàn)在又有了遮照層。遮照層相當于是一個窗口，遮照層下面的被遮照層上的內(nèi)容就是透過這個窗口顯現(xiàn)出來的。也就是說這個窗口是什么形狀的，能看到的內(nèi)容也是同窗口形狀，在窗口以外的部分就無法透出來。

2、具體演示教案上的效果制作

3、遮照的應用：電影字幕的效果制作（實例）

在看每個遮照動畫時首先分析動畫的是哪個層（遮照層還是被遮照層？）

技術分析：文字透出彩色，即為彩色是背景，通過文字透出來，因此要做動畫的文字上移是做窗口的，即為我們所說的遮照層，同時我們的背景就是被遮照層。主要步驟：①做好一個影片剪輯元件，內(nèi)容為文字的上移；

②做好一個圖形元件，內(nèi)容為漸變的一個填充色；

③在場景中建好兩個層，分別為遮照層和被遮照層（右鍵層，選擇遮照層，下面一層會自動變?yōu)楸徽谡諏樱?/p>

④把各個元件放到相應的位置：影片剪輯元件（文字上移）放在遮照層，圖形元件（漸變的填充色）放在被遮照層。思考：完成的同學完成練習一

4、基礎較好的同學在完成上面遮照的例子后，可以思考下下面這些效果用遮照怎么做？作為下周課的預習思考。

練習

四、遮照應用小結：

我們在做遮照的時候要學會分析，搞清楚以下幾個問題：

① 分析好哪一層是做“窗口”的，哪一層是通過窗口透出來的，哪一層是普通層，作為“底”而存在的？

② 動畫是在遮照層還是被遮照層的？ ③ 動畫又是哪種動畫？

④ 我們需要創(chuàng)建哪幾個元件？

分析完后倒著做，先做好最基本的幾個元件，注意元件類型（圖形、按鈕還是影片剪輯？）再建好層，注意層類型（遮照、被遮照還是普通層？），最后把最好的元件拖入到相對應的層中即可。第十一節(jié) 基礎知識復習及遮照應用二

教學課時：4課時 教學目標：

1、概括復習前面所學過的一些基礎知識

2、按鈕鞏固練習

3、遮照基本應用復習

4、學會一些稍復雜遮照效果的制作 教學過程：

一、測試分析及新知識的補充學習

1、每位同學可以根據(jù)測驗的點評，作好相應的訂正工作

2、主要存在問題（詳見點評信息）其中白色背景還可以通過分離后有套索工作的魔棒去掉

3、詳細講一遍第二題按鈕的制作過程，要求每位同學完成，并上傳(實例)技術分析：按鈕兩種狀態(tài)指針經(jīng)過和按下，指針經(jīng)過處是小棒的旋轉，按下是靜止的。

主要步驟：①首先分析共有幾個元件（圓、有邊的圓、小棒、靜止的小棒組合、旋轉的小棒組、一個按鈕）；

②靜止的小棒組合的畫法：變形中設好角度后運用復制加以應用，就畫好一周的小棒；

③在影片剪輯元件中做好小棒的旋轉；

④把做好的元件拖到按鈕相應的地方，旋轉的小棒放入經(jīng)過狀態(tài)中，靜止的放入按下狀態(tài)中。

引導學生自己分析要做些哪些元件，包括哪些動畫，然后按照學生的思路一步步做具體的操作演示。

學生自己完成，教師個別交流

4、按鈕實例完成后，補充一些按鈕上的簡單動作(實例)動作主要分為兩種，一種是幀上的動作，一種是按鈕的動作，大家做的時候要想清楚要做的動作是什么時候發(fā)生的，是在幀播放下去的過程發(fā)生的還是要對按鈕做動作(比如按下)的時候發(fā)生的？搞清楚了這個，兩種動作就不會混淆了。按鈕動作 超鏈接 on(press){geturl(“網(wǎng)址”)} 方法：①在按鈕上右鍵-動作，打開動作面板中，先設定按鈕動作類型(on)在全局函數(shù)的影片剪輯控制中，選擇on，然后再選擇press，不需要自己寫語句②選好了動作，接下去就選擇具體要激發(fā)的事件—鏈接到一個網(wǎng)站，選擇全局函數(shù)的瀏覽器/網(wǎng)絡，其中的geturl，在括號中的打上雙引號，在輸入要鏈接的網(wǎng)址即可。注：在本地打開swf文件時出現(xiàn)提示語句：“不能與本地網(wǎng)絡進行通信”，放在具體的空間上就好了。

循環(huán)一次的幀動作 在動畫的最后一幀上做動作，讓動畫播放一次就停下來，選中最后一幀，右鍵-動作，打開動作面板后，在全局函數(shù)中的時間軸控制中選擇stop，就表示動畫播放到這里就停下來了。好就是使我們的動畫只播放一次，不會循環(huán)播放，這都是根據(jù)具體的需要設定的。

5、針對學生存在的問題進行講解，可應用選擇性廣播教學，讓已經(jīng)懂的學生繼續(xù)進行完成，或者做下面的練習，還不明白的學生進行第二次講解。

二、基礎知識復習

對照整理好的基礎知識點進行講解，主要是第四部分，知識點和技巧，復習太多，學生一下子又難以全掌握，先復習前面五點，并挑出一到二個知識點作為一節(jié)課前5-10分鐘的練習。下周的考點：鋼筆工具的應用

三、遮照概念的復習

上周我們第一次接觸了遮照，大部分學生已經(jīng)會做了最簡單，最基本的遮照動畫，但不一定是真正理解基礎上完成，這次課再來進行進一步的鞏固以及一些拓展。概念：遮照也就是分為“遮”和“照”兩個意思，在有文字或圖形等的地方是“照”，即可從這個窗口（文字或圖形）透出背景的內(nèi)容,其余沒有文字圖片的地方就是“遮”，就把后面背景上的內(nèi)容給遮起來了。

記住：遮照包含兩層，遮照層和被遮照層，顯示的就是兩層的重疊部分，而具體內(nèi)容由被遮照層決定，即看到的是什么，那一層就是被遮照層。

三、遮照實例制作

1、光束掃射效果制作（實例）

技術分析：文字是從光束中透過來的，因此光束在遮照層而文字是被遮照層，光束的掃射是一個旋轉動畫。

主要步驟：①做好一個圖形元件，內(nèi)容是一段白色的靜態(tài)文字；

②做好一個圖形元件，內(nèi)容為用漸變填充的光束；

③做好一個影片剪輯元件，內(nèi)容為光束的旋轉動畫；

④把各個元件放到相應位置：影片剪輯元件（光束轉動）放在遮照層，圖形元件（靜態(tài)文字）放在被遮照層。

2、思考：完成練習一，比較和實例三的區(qū)別 從兩個例子的比較中有更好地理解遮照動畫

分析：第一個例子看到的是白色的靜態(tài)的文字，所以文字在被遮照層 第二個例子看到的似乎是由白到黑色漸變的文字，思考：我們到底看到的是不是文字？還是通過文字透過來的光束？ 結論：看到的是光束，我們說過看到什么是由被遮照層決定的，文字仍是白色的，所以我們看到的不是文字，而是有黑白漸變的光束，只是通過文字這個窗口顯現(xiàn)出來的。因此光束在被遮照層，即把兩層交換即可。注：要真正理解意思，而不是簡單的兩層互換!思考：完成練習

四、拓展練習一點通

本周拓展練習的內(nèi)容是“按鈕反應”，主要運用到按鈕上和幀上的動作。

分析：在鼠標放上去時按鈕就往上移動，再放下去就往下，人們在場景中看到的是一個個包括有按鈕的影片剪輯。影片剪輯中按鈕有兩個動畫(從下到上和從上到下)，在第一幀 和中間一幀分別加動作stop，表示鼠標沒放上前，動作不激發(fā)。按鈕上加動作on(rollover)，表示鼠標經(jīng)過，play，就表示經(jīng)過后激發(fā)動作，即按鈕從下到上運動。

五、遮照應用小結：

a)在做遮照時要分清楚什么是遮照，什么是被遮照的？

關鍵記住顯示的是兩層的重疊部分，而具體顯示的內(nèi)容由被遮照層決定，即看到的是什么，那一層就是被遮照層。

b)遮照層和被遮照層兩層都可做動畫，我們的動畫是在哪一層？

c)很多時候遮照不只有兩層，還有兩個普通層，一個在被遮照層下，一般用作背景；還有一層在遮照層上，一般是做一些和遮照同步的動畫，有些還可在遮照層的基礎上再作加工，比如說一些放大鏡的樣子等

d)分清楚遮照的這些概念以后，就可以用以前學過的知識做各類元件放在相應的層中，就可以做出我們需要的一些遮照效果。

第十二節(jié) 遮照應用三

教學課時：6課時

教學目標：

1、基本認識點復習(鋼筆工具應用)

2、基本遮照動畫鞏固練習

3、多層遮照動畫制作 教學過程：

一、基本知識點鞏固練習

1、本周考點：運用鋼筆工具畫正弦曲線 提示：可用顯示網(wǎng)格來較精確地定位

根據(jù)學生完成的具體情況進行適當?shù)闹v解。

2、復習知識點6到10，主要為元件的顏色改變及對齊工具的使用

二、基本遮照動畫鞏固練習

1、MTV字幕效果（實例）

比較上下兩個動畫有什么區(qū)別？上面一個動畫就是上節(jié)課我們已經(jīng)會做的只有兩個層(遮照層和被遮照層的動畫)，而下面一個動畫除了白色的FLASH，還有一個藍色的FLASH作底。下面我們一起來分析下面一個遮照動畫。

技術分析：白色的FLASH是一點點顯現(xiàn)出來的，就像我們平日在看MTV時唱過的字顏色改變，(沒唱過的字是藍色的，唱過的字就是白色的)，所以遮照是一個矩形漸漸變長的一個縮放動畫，在白色還沒顯現(xiàn)之前是一個藍色的FLASH，這個就是我們平時在做的普通層。要注意一點，要把我們的遮照層和被遮照層看作一個整體。主要步驟：①做好兩個圖片元件，一個是白色的FLASH，另一個是藍色的FLASH。

②做好一個影片剪輯元件，內(nèi)容是一個長方形的縮放動畫

③建好遮照和被遮照層和普通層，注意普通層應在被遮照層 下面，不然遮照效果不能體現(xiàn)。

④把各個元件放到相應位置：影片剪輯元件（長方形的縮放動畫）放在遮照層，圖形元件（白色FLASH）放在被遮照層，圖形元件（藍色FLASH）放在普通層

思考：我們把遮照層和被遮照層位置互換效果一樣嗎？為什么？

2、光線照射效果制作（實例）

技術分析：總共分幾層？哪層是遮照層，哪層是被遮照層？動畫在哪層？

總共分四層，遮照層、被遮照層、一個普通層用來放背景，在最下面。分析清楚這些后我們再來看，遮照的時候發(fā)生了哪些變化？我們可以看到藍色字變成了黃色，還有了白色的底(能更好地顯示光照效果)

主要步驟：①先分析好要做幾個元件，先做好。一共有四個元件（藍色陰影字、白底黃色字陰影字、小圓、小圓動畫影片剪輯）

②建好三層，遮照層、被遮照層、一個普通層，并分清楚各層的上下順序。

③把做好的元件放入到相應的層中（藍色陰影字在底層、黃色陰影字在被遮照層、小圓動畫影片剪輯在被遮照層）思考：①練習一，邊做邊比較和實例一有什么區(qū)別？要注意的是我們要看到遮照小圓，因此小圓動畫影片剪輯在遮照層和最上面一層（普通層才能顯現(xiàn)）都有，是為了兩層動畫保持一致，且小圓應該有透明度的調(diào)整，否則會把下面的文字擋住。同時調(diào)整最上面小圓的透明度，可使被遮照層中的對象改變顏色效果，以適合不同的需要。②練習二，動作快的同學可自行完成，其中要注意的是背景層的黑白方塊轉動的元件要和被遮照層中的黑白方塊轉動旋轉90度，不要重合，否則正好被擋住，不能看到字的效果了。當然，其實字是看不見的(在遮照層)，只是通過方塊黑白看出來的。

三、遮照進一步應用

1、放大鏡效果(實例)技術分析：我們透過遮照看到的是放大的字，因此放大的字在被遮照層，看到的遮照范圍是個圓，因此遮照層就是個圓的移動動畫。而正常大小的字就放在底層，放大鏡沒經(jīng)過時顯現(xiàn)。可做好影片剪輯，再放到遮照層，也可直接在遮照層作動畫，根據(jù)個人的習慣。不過，在場景的層中作動畫比較直觀點，不熟練的同學建議直接在場景中作動畫。

主要步驟：①分析好我們動畫中一共要有幾個層后，先建好層，共四層(遮照層，被遮照層，兩個普通層)②在遮照層中作圓的移動動畫，在普通層中作放大鏡移動動畫，注意兩個動畫保持統(tǒng)一

③在被遮照層放入文字，并適當放大些，在最下面的普通層中放入文字，保持原來大小即可。

我們前面所做的遮照動畫都是一個遮照層對應一個被遮照層，但有的時候我們要的效果不只是一層就可以做到的，這種情況下一個遮照層就要對應幾個被遮照層，就像以前一個引導層可以引導多個被引導層一樣。通過下面這個例子我們就可以看到用多層遮照能達到的效果。

2、多層遮照---地球轉動(實例)技術分析：初一看好像是地球在轉動，仔細分析也就是用了我們的遮照知識，只不過現(xiàn)在兩張地圖的移動都要透過地球這個窗口顯現(xiàn)出來，還有兩張地圖是反方向移動，并且其中一張是水平翻轉，這樣看起來才比較像是轉過去的。

主要步驟：①分析好我們動畫中一共要有幾個層后，先建好層，共四層(遮照層，兩個被遮照層，1個普通層)②在遮照層和普通層中都放入地球，并且保證重合 ③在兩個被遮照層中分別做兩張地圖的反方向移動，且在做兩張地圖的動畫時要適當改變透明度，且要記得水平翻轉，看起來才逼真一點，也符合邏輯。

注：在做地圖移動時，可使始末兩幀的地圖圖案保持重合，這樣一次轉動后才不會出現(xiàn)較大的跳躍。

四、其他遮照介紹 例子1 2 我們在看到另外比較精彩的遮照效果，大多都是在遮照層或被遮照層上作文章，做動畫還是看以前積累的基礎，現(xiàn)在都可以用到。用到較多的就是用多層遮照來做線的變化，寫字，圖片的切換(除了百葉窗外還有其他多種形式)等，這些就要求學生在邊學習邊創(chuàng)造了!

五、拓展練習一點通

這周要介紹的拓展練習內(nèi)容是百葉窗形式展示圖片，要點：兩張圖片之間的轉換，其中一張在被遮照層，另一張在最下面的普通層，而百葉窗效果就是遮照層。分析清楚這點后，主要問題就是百葉窗的制作了，百葉窗就是由一個個從一條細線變形到一個矩形的影片剪輯組成的，直到鋪滿汽車圖片即可。若要顯示多張圖片只要被遮照層和普通層多幾幀，多放幾張圖片就可以了。

六、遮照應用小結：

通過前面幾次課的學習，相信大家對遮照的原理應該有點熟悉，我們以后在做FLASH動畫時很多時候都要用到遮照效果，用的好可使作品增色不少。在制作時要注意的時遮照和被遮照的關系，是單層遮照還是多層遮照？還有可用不同的遮照方法顯示出相同的遮照效果，當然是層越少越簡單最好，大家可以多看一些效果多分析多創(chuàng)作，相信大家各憑本領都能用好遮照這個技巧做出好的動畫!

教學課時：4課時 教學目標：

1、復習遮照相關知識

2、通過考試了解學生對遮照的掌握情況

教學過程：

一、復習與鞏固

主要是通過幾個基本的例子復習遮照的相關知識

1、直線變化

提示：①有幾層？

②分清楚哪個是遮照層，哪個是被遮照層？ ③動畫又是哪種動畫？

思考：兩種動畫有什么區(qū)別？

不用遮照我們可以做這類直線動畫，但對于曲線動畫，用遮照就簡單些了

2、曲線變化

提示：思路方法大致同上題，要注意做什么樣的簡單動畫能讓曲線一點點呈現(xiàn)？

3、圖片的切換

先看看我們一些學區(qū)、班級的網(wǎng)站，有些圖片的切換效果就是用FLASH做的，這里就用我們學過的知識也來試著做一做。先來學習下簡單的只有兩張圖片切換效果的制作

提示：①有幾層？

②哪張圖片是被遮照層，哪張是背景層？

③切換效果的動畫是個什么樣的動畫，怎么做？ 思考：切換圖片不只兩張時，又該怎么做？

二、測試

三種遮照郊果：

1、字符遮照效果

2、舞臺探照燈效果

3、圖片切換效果

注：測試時間為兩節(jié)課，可在測試前對部分學生進行適當?shù)奶崾荆斎灰惨m當扣分。

第十三周 遮照復習

第十四節(jié) ActiontScript語句的使用

教學課時：4課時 教學目標：

1、遮照考試分析

2、ActiontScript語句的應用實例

一、試卷分析

絕大部分同學這次考試都表現(xiàn)得較好，但還有一些問題存在：

1、第一題，基本上同學都完成了，存在的問題是個別同學沒有做好三層字疊加，往往都只有兩層。

2、第二題，一部分學生遮照都用了四層來做，其實只要三層就可以了。FLASH這個文字是遮照層，兩個被遮照層分別是紅綠兩個小球的移動。而一部分學生都用了四層做，遮照層是圓，被遮照層是紅色FLASH，另一個遮照層是圓，被遮照層是綠色FLASH。其實用這種方法同樣也能把最終效果做出來，只要把字打散，填上漸變色即可！

3、第三題和剛復習過題是一樣的，只要三層就能完成，當然有些同學搞不清楚，可以用五層也可以完成。最重要的就是把握好被遮照層，遮照層以及背景層的設置。

二、新課教學（ActionScript基本概念介紹）

1、什么是ActionScript ActionScript是FLASH的動作腳本語言。可以ActionScript使用控制FLASH影片中的對象，創(chuàng)建向專和交互元素，也可以擴展FLASH，制作高級交互影片和FLASH交互網(wǎng)站。

2、用ActionScript能做些什么？

使用ActionScript，用戶不僅可以動態(tài)地控制動畫的進行，而且能夠進行各種運算，甚至由各種方式獲取用戶的動作并且即時作出回應。目前它在交互式網(wǎng)站、課件的制作及一些游戲、MTV和電子賀卡制作中的應用及為廣泛。

3、編輯ActionScript 動作面版的介紹 ①動作工具箱 ②腳本導航器 ③腳本助手 腳本窗口

行為面版（窗口－－行為）

用戶可以使用行為來裝載和卸裁實例，播放，停播、復制或拖動實例。添加腳本的對象（分清楚是動作還是事件？）①在幀中添加，如：

②在按鈕中添加 ③在影片剪輯中添加

4、ActionScript基本語法

①點語法：點（.）被用于指出與一個對象或影片剪輯相關聯(lián)的特性或方法，也是用于標識指向一個影片剪輯或變量的目標路徑。②括號：用于定義函數(shù)中的相關參數(shù)

③大括號：凡是用大括號結合在一起的是一個語句塊。④分號：每一條語句都必須是以分號作為結束的。

三、ActionScrip語句的應用實例 實例 圖片動畫效果

動畫分析：當鼠標移到按鈕上時，圖片由淺變深，鼠標移開時，圖片由深變淺。即同一張圖片的兩個動畫分別屬于兩個事件。提示：

① 先做好三張圖片的兩個動畫效果（淡入和淡出）

② 把三個動畫所在的層都后移一幀，在第一幀加入stop語句，每個動畫的最后一幀加上stop（注：共有6個動畫，三個層）

③ 為每個動畫的第一幀設好標簽b1、b11、b2、b22、b3、b33 選中第一個按鈕（menu1），添加以下語句：on(rollover){gotoAndPlay(“b1”);} on(rollover){gotoAndPlay(“b11”);} ④ 其它兩個按鈕也以此類推添加語句

第十五節(jié) 聲音處理和引導頁制作

教學課時：4課時 教學目標：

1、能導入各類聲音，并能處理一些聲音的疊加。

2、制作網(wǎng)站的引導頁。教學過程：

一、FLASH中聲音的加載

1、文件－－導入到庫－－選擇聲音源

2、新增一圖層（聲音層）－－將庫中的聲音拖入即可，或者在屬性面板中選擇聲音也可以。

3、注意：聲音可以加載因單幀上。例如聲音加載在按鈕上。

4、聲音也可以中載在多層，這樣可以起到多種聲音疊加的效果，例如在某些背景音樂下，出現(xiàn)一些激光聲音等。

二、聲音的處理

當聲音被加載到FLASH中后，可進行如下處理：

1、取部分聲音播放。

2、控制聲音的淡入、淡出等。

3、處理方法：在屬性面板上，單擊聲音編輯即可 通過實例來鞏固聲音的處理

推薦網(wǎng)址：

閃客帝國

http://www.tmdps.cn/

閃吧

http://www.tmdps.cn/ydm.asp

第二篇：Flash簡單動畫制作教案

Flash簡單動畫制作教案

陳英

一、教學目標：

了解計算機動畫制作原理和方法，掌握幾種簡單動畫的制作

二、教學對象：

09級學生

三、本此課程主要內(nèi)容

1、flash工作界面及基本操作及概念簡要介紹

2、實例講解

四、教學重點：

1、計算機動畫的分類；關鍵幀、空白關鍵幀的概念；

2、簡單對象的移動、變形動畫的制作方法

五、教學難點：

引導層的制作

六、教學手段：

演示講授法，邊演示邊操作，學生同步跟隨學習。

七、教學方法：

實例講解法。即通過一個flash實例，講解其所涉及到的概念與基本技術，激勵學生學習的興趣。

八、教學主要內(nèi)容講解：

（一）、導入：

首先播放一段FLASH動畫，該動畫包含了本節(jié)課所要學習的主要操作內(nèi)容——對象的移動及變形；引導學生了解flash動畫，并激發(fā)其學習flash動畫制作的激情。

（二）、基本概念講解：

1、元件：一個位圖、矢量圖形、音樂片斷或是一段獨立的flash動畫（好比是演員），通俗的講就是對象作為一個模塊,在不同幀中重復使用.這樣的好處在于因為可以在重復使用，減小了FLASH的體積便于傳輸，也減小了FLASH制作者的工作量。元件都被放置在庫中，使用時只用將其拖放到場景中即可，在場景中只能對其位置和形狀進行編輯，如果要對元件進行編輯，需要切換到元件編輯狀態(tài)。元件分為：圖形元件、按鈕元件和電影剪輯元件。元件中圖形就是指動態(tài)或者靜態(tài)的圖片元件，電影剪輯是FLASH小片段，按鈕就是具有一定圖形功能的按鈕圖形了。

庫：存放動畫元件的地方（好比是一場戲的后臺）

2、場景：動畫的表現(xiàn)場所（好比是舞臺）

3、時間軸：動畫制作的最重要的區(qū)域，是編輯動畫的工作臺，是加工動畫的流水線，包括了層編輯區(qū)、幀編輯區(qū)和時間線。（好比是劇本）

我們要制作一個動畫，就好比是在導演一出戲，需要找好演員（制作好元件），置于后臺（放在庫里），然后把演員放在舞臺上（把元件放在場景上），讓演員照著劇本演出（在時間線上設置開始、結束時的狀態(tài)，生成動畫）。

4、幀：就是時間軸上的小格子，一幀其實就是一幅圖，是構成動畫的基本單位?？煞譃殛P鍵幀、空白關鍵幀和過渡幀。

5、關鍵幀：是動畫演示的基礎，可以放入各種對象~聲音、圖片、按鈕、視頻等等，所有這些都只能放置到關鍵幀上，如果沒有關鍵幀,就沒有動畫。兩個關鍵幀之間可以做補間動畫，這樣兩個關鍵幀就可以確定物體移動的兩個關鍵點。關鍵幀用含有實心圓圈的方格表示。

6、空白關鍵幀：這個關鍵幀在場景上什么都沒有（不包括聲音和代碼），用含有空心圓圈的方格表示；如果加入對象后自動變?yōu)殛P鍵幀。

兩個關鍵幀之間帶粉紅色有長線箭頭標志的幀：漸變動畫~也叫補間動畫，能讓一個物體在這段幀之間作出來，漸變移動的效果(可以改變透明度等等)。

兩個關鍵幀之間帶綠色有長線箭頭標志的幀：形變動畫~第一幀的動畫到最后一幀的時候可以變化出另外一種圖形、形狀。

（三）、基本操作講解

1、移動動畫的制作

“插入”菜單欄à“新建元件”à設置名稱”c1”,行為”圖形”，點“確定”à點“工具”面板里的“橢圓工具”à設置“橢圓工具”的相關屬性（包括筆觸顏色、粗細、樣式及填充顏色）à繪制橢圓（如果要繪制圓，請按住“shift”）à點擊“場景1”，回到場景里à點擊“窗口”菜單欄，選擇“庫”（可看到“庫”窗口被打開，剛才建立的c1元件在庫里）à點擊“時間軸”里的第1幀，把“庫”里的c1拖到場景的左邊à點擊“時間軸”里的第20幀，點擊右鍵，選擇“插入關鍵幀”（可在時間軸上看到第20幀處有“·”）à把剛才的對象從左邊拖到右邊à在時間軸第20幀以前的任意一幀點擊左鍵，在屬性面板里的“補間”后的下拉列表里選擇“動作”，即可看到從第1幀到第20幀的時間軸背景為粉紅色并有一條帶箭頭的實線à回車，欣賞剛才制作好的動畫。

2、關鍵幀動畫：先行設計出若干關鍵性動作的圖像畫面，然后利用計算機圖形技術的算法來自動生成兩個關鍵幀之間的一系列過渡畫面。flash動畫主要就是運用關鍵幀動畫技術，比如我們剛才的這個“移動動畫”的制作。

3、運動路徑動畫：首先確定運動對象的移動軌跡，并設定在移動過程中對象需要改變的旋轉方向、色彩及形狀等參數(shù)，軟化將整個運動過程交給計算機來完成。

4、變形動畫：適合模擬形狀變化頻繁的任務、動物和自然現(xiàn)象，主要用于表現(xiàn)模擬自然或生活中實際的動作，或科幻電影中虛幻、夸張的動作（如電影《功夫》、《少林足球》等里面的夸張動作）。

5、物理模型動畫：基于物理模型技術的三維動畫制作，需要從外形、顏色、燈光、紋理、材質(zhì)等多方面模擬真實物理的各種物理屬性（如cctv6里《光影周刊》的虛擬主持人小龍）。

6、逐幀動畫：通過一幀幀地繪制，并按先后順序排列在時間軸上通過順序播放達到的動畫效果。

說明：

學生根據(jù)老師剛才的演示，自行練習移動動畫的制作（3-5分鐘）。學生記住Flash原始文件和flash影片的擴展名（分別為fla和swf）。

（四）、實例講解——Flash引導線制作雪花飄飄動畫

1、新建一個Flash影片。設背景為“黑色”，其他的用默認值。

2、按Ctrl+F8新建一個組件，類型為“影片剪輯”，命名為“雪花”。在它的正中用“鉛筆”工具畫一個不規(guī)則的多邊形，然后用“顏料桶工具”將它填上白色。（如圖1-1所示）

3、再用Ctrl+F8建一個組件，類型為“影片剪輯”，命名為“前層”。

4、將組件“雪花”拖到其中，用“選定工具”中的“比例”功能把它縮?。ㄐ〖记桑合扔谩胺糯箸R”將它放大，然后再用“比例”功能，可縮得更小）。在第80幀上“插入關鍵幀”，在“圖層1”上用鼠標右鍵的“添加引導線”功能（見圖1-2）。

在新增加的“引導線：圖層1”的第1幀上，從“雪花”開始，畫一條彎曲的曲線。將第80幀上的“雪花”沿曲線從頭拖到曲線的末尾。然后在“圖層1”的第1幀上點鼠標右鍵，選“創(chuàng)見動畫動作”功能，見圖1-3。

5、第4步是制作一片雪花，下雪不是只下一片的吧。插入圖層，將第4步重復做10次。做好后的效果見圖1-4。

6、把第3至5步重復做兩次，不同之處是組件的命名分別為“中層”和“后層”?！把┗ā钡拇笮『汀耙龑Ь€”的路徑不要一樣。這是為了多做幾個圖層，看起來效果細膩一點。

7、現(xiàn)在回到場景1中，插入6個圖層，分別命名為“后層1”、“后層2”、“中層1”、“中層2”、“中層3”、“中層4”、“前層1”、“前層2”。在對應的層上拖入對應的組件，并適當?shù)恼{(diào)整時間軸，讓雪花飄得連貫起來。見圖1-5。

按Ctrl+Enter就可以看到效果了。

第三篇：FLASH動畫制作教案

一、教學目標 【知識與技能】

能獨立表述動畫制作中涉及的基本概念并能自己動手完成動畫制作的一般步驟?！具^程與方法】

通過制作“移動的小球”動畫，了解FLASH動畫制作的過程，并從中總結出動畫制作的主要步驟。

【情感態(tài)度與價值觀】

在理論學習和動手操作的過程中，激發(fā)學習動畫制作的興趣，并且逐步培養(yǎng)樂于接受和探究新知識的精神。

二、教學重難點 【重點】

Flash動畫制作的一般過程，基本操作方法以及任務的實現(xiàn)。

【難點】

初步理解關鍵幀和動作補間動畫的概念。

三、教學過程

環(huán)節(jié)

一、創(chuàng)設情境，課堂導入

老師出示“小破孩”動畫作品。告訴學生這是用Flash制作的。

同學們，老師今天給大家?guī)Я艘粋€很有趣的《小破孩》動畫短片。大家一起來看一下。動畫播放完了。昨天，我們已經(jīng)認識了flash，這個小短片啊，就是用flash制作出來的。

大家想不想也能做這樣的短片呀?非常想，好，那我們今天就來嘗試一下。剛剛小短片中有一個片段是小破孩把皮球踢向墻壁，結果皮球彈回來砸到了他自己。這一段很好玩。我們就來做這一段中那個滾動的小球，大家覺得怎么樣? 環(huán)節(jié)

二、分析任務 1.Flash影片的制作過程： 動畫小本--確定演員(元件)--制作動畫--測試--發(fā)布。

首先要有一個構思，我們稱為動畫小本，其次就像電影都有演員，我們動畫也是有對象的，我們把它成為元件。元件其實就是可以重復使用的對象。再次我們就可以開始制作動畫了。那么動畫有沒有達到我們想要的效果呢，我們對它進行一個測試，測試通過了之后我們就可以發(fā)布了。

2.小球滾動效果圖展示以及任務的分析：小球由左向右滾動，而這個任務中涉及的要素就是小球(圖形元件)。

環(huán)節(jié)

三、任務完成 1.創(chuàng)建元件：

“插入”——新建元件——創(chuàng)建新元件對話框——名稱“小球”，類型“圖形”——畫圓

師：正圓怎么畫了? 生：按住shift鍵好，圓畫好了之后呀，我們要點擊場景1返回到場景中，不然等一下我們就都在元件里進行操作了。

2.關于小球移動的具體操作，老師配備了助學課件。大家運用上節(jié)課掌握的基礎知識以及助學課件的幫助來嘗試著做一下小球由左到右的滾動效果。給大家10分鐘的時間。

3.收集學生遇到的問題：

(1)小球閃一下就不見了(關鍵幀，空白關鍵幀)第1幀直接拖到第30幀，這時候第1幀變成了空白關鍵幀，關鍵幀只有一個。(2)小球不動

沒有創(chuàng)建補間動畫。重新回顧一下步驟。

在場景1中，我們選定第一幀，單擊鼠標右鍵，創(chuàng)建初始關鍵幀。關于關鍵幀這個概念大家有點陌生。但是我們昨天已經(jīng)學過了幀的概念。誰來回答一下?幀是某一個特定時刻的一個畫面。嗯，很好，那么關鍵幀呢，其實也是幀的一種。大家想一想關鍵幀有什么特點?結合你們剛才的操作。關鍵幀可以讓小球在舞臺的左邊變到右邊。很好，關鍵幀最大的特點就是可以對畫面進行修改。關鍵幀創(chuàng)建好了，這時候小球該登場了。小球在哪里啊?庫里，非常好。我們用選擇工具將小球拖到舞臺的左側，然后將大小和背景調(diào)節(jié)一下。初始關鍵幀就創(chuàng)建好了。接下來我們小球要在右邊，那就還需要一個結束關鍵幀。將鼠標選定第30幀，點擊鼠標右鍵，創(chuàng)建關鍵幀。然后將小球移動至舞臺的右邊。好了，那么小球如何才能由左向右移動呢。我們就要在1幀和30幀中間的任何一個位置單擊鼠標郵件，有一個選項創(chuàng)建補間動畫。點擊后計算機就會為這個小動畫創(chuàng)建一個連續(xù)的動作補間動畫。我們就能看到小球從左邊慢慢移動到右邊了。解決問題。環(huán)節(jié)

四、展示評價

1.讓學生代表展示制作的成品，鼓勵學生談談自己的制作思路，遇到的問題及解決辦法。

2.學生在互評的過程中，引導學生思考完成同一任務的不同方式，尋找最優(yōu)的制作方案，互相提出優(yōu)化建議。

3.教師最后做小結性講評肯定學生們的作品，指出具體改進方案，鼓勵學生繼續(xù)努力。總結：制作動畫的核心和關鍵點。

四、板書設計

五、教學反思

|《信息及其特征》

一、教學目標

【知識與技能目標】 1.能夠舉例說出身邊存在的信息。2.學會判斷信息所具有的特征。

【過程與方法目標】通過自主探究、小組討論，建立起對信息及其特征的感性認識，不斷提高自己判斷能力?！厩楦袘B(tài)度價值觀目標】 通過舉例身邊已有的信息，逐步提升自己的信息素養(yǎng)，增加對信息技術學科的喜愛。

教學重難點 【重點】 能夠舉例說出身邊的信息及信息的基本特征?！倦y點】能夠根據(jù)描述正確判斷出體現(xiàn)出信息哪方面的特征。

三、教學用具 多媒體

四、教學過程

環(huán)節(jié)一：導入新課 開展“聽口令做動作”的游戲引導學生說出信息的含義(信息的基本功能是消除認識上的不確定性)。游戲的規(guī)則如下： 第一步：閉上眼睛，聽指令進行操作。不許說話、不許提問;第二步：請同學們拿起桌上的白紙，將紙對折、再對折;第三步：將右上角撕掉，放在口袋里，剩下的旋轉180°。再將左上角撕掉，也放在口袋里;第四步：睜開眼睛展開手上的紙，用雙手舉起，相互對比一下。預測會有很多種不同的結果出現(xiàn)，就此學生會提出是由于信息不充分、不確定性多造成的。環(huán)節(jié)二：新課講授(一)重復游戲，總結信息的作用 重新開展上述游戲，此次歡迎大家隨時提問，教師將一一回答。預測游戲中，學生的問題如下： 問題1：是橫向對折還是縱向對折?(橫向對折)問題2：開口朝上還是朝下?(朝上)問題3：右上角和左上角分別撕成什么形狀?大小是多少?(大約2厘米的正方形)問題4：順時針旋轉還是逆時針?(順時針)預測大多數(shù)同學的結果是一樣的。教師請少數(shù)結果有偏差的學生歸納總結出產(chǎn)生差異的原因具體是什么?(沒有聽清楚，信息傳遞偏差導致結果有錯誤)進而得出信息是“用來減少不確定性的”。

(二)梨子為媒，探究信息的本質(zhì) 拿出梨子，提出問題： 問題1：“這是什么?”(梨子)問題2：“根據(jù)什么判斷是梨子”(通過觀察物質(zhì)的形狀、顏色、經(jīng)驗等)問題3：能吃嗎?(學生拿在手上觀察、感覺一下，回答能，還沒有變壞)歸納總結出信息的定義：信息是事物的運動狀態(tài)及其狀態(tài)變化的方式。為了讓加深大家對信息定義的全面性了解，請大家打開學習網(wǎng)站領略信息學大師們的定義

一、定義二。此后，在信息的定義三里，提交自己對信息的理解和認識。(三)思維拓展，深入挖掘特征 請同學們借助教材和視頻資料自學信息的特征，自學結束后采取以競賽問答的模式檢測學習效果。

問題1：APEC會議的議題可以通過看視頻、看報紙、聽廣播等多種形式獲取，體現(xiàn)出來信息的什么特征?(載體依附性)問題2：蕭伯納的蘋果交換理論體現(xiàn)了信息的什么特征? 問題3：小明于五一黃金周后的第二天前往某電影院購買打折電影票，結果被告知此活動僅限在五一黃金周內(nèi)有效，過后無效，這體現(xiàn)了信息的什么特征? 環(huán)節(jié)三：鞏固提高

請同學們以小組為單位，列舉更多體現(xiàn)信息不同特征的實例。(揚名千里、真假難辨、一傳十十傳百、紅燈停綠燈行)環(huán)節(jié)四：小結 教師對學生的總體表現(xiàn)做總結，并引導學生談收獲、交流經(jīng)驗與心得。

五、板書設計

第四篇：flash動畫制作教案

信息技術興趣小組活動教案

王

德 億利東方學校

第一周 FLASH的基本知識

教學目標：

1、熟悉FLASH的界面。

2、掌握幾個基本工具的使用：選取工具、變形工具、填充工具、線條工具、橢圓工具、矩形工具、顏料筒工具、墨水瓶工具。

3、掌握幾個基本術語：圖層、元件

4、記住幾個快捷鍵

5、完成四幅繪制圖案 教學重點： 應用工具畫圖 教學難點： 復雜遮照的創(chuàng)建。教學過程：

一、界面環(huán)境介紹

二、工具箱的介紹

工具箱提供了用于圖形繪制和圖形編輯的各種工具。工具箱內(nèi)從上到下分為4個欄：“工具”欄、“查看”欄、“顏色”欄和“選項”欄，單擊某個工具的按鈕，即可激活相應的操作功能，以后把這一操作叫作使用某個工具。（1）“工具”欄：工具箱之“工具”欄內(nèi)的工具用來繪制圖形、輸入文字和編輯圖形。（2）“查看”欄：工具箱之“查看”欄內(nèi)的工具是用來調(diào)整舞臺編輯畫面的觀察位置和顯示比例的。其中兩個工具按鈕的名稱與作用如表1-1-3所示。（3）“顏色”欄：工具箱之“顏色”欄的工具是用來確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱與作用如下。

（筆觸顏色）按鈕：用于給線著色，也叫作描繪顏色。（填充色）按鈕：用于給填充著色。

（從左到右分別是：黑白、沒有顏色和交換顏色）按鈕：單擊“黑白”按鈕，可使筆觸顏色和填充色恢復到默認狀態(tài)（筆觸顏色為黑色，填充色為白色）。在選擇了橢圓或矩形工具后，“沒有顏色”按鈕才有效，變?yōu)椋瑔螕羲梢栽跊]有顏色和有顏色之間切換。單擊“交換顏色”按鈕，可以使筆觸顏色與填充色互換。（4）“選項”欄：工具箱之“選項”欄中放置了用于對當前激活的工具進行設置的一些屬性和功能按鈕等選項。這些選項是隨著用戶選用工具的改變而變化的，大多數(shù)工具都有自己相應的屬性設置。在繪圖、輸入文字或編輯對象時，通常應當在選中繪圖或編輯工具后，再對其屬性和功能進行設置，才能順利達到預期的效果。

三、動手用一下工具

1、使用工具制作一個“笑臉”或“哭臉”

2、漸變工具的使用：幾個關鍵概念

顏色調(diào)板

填充變形工具的使用

3、用橢圓畫個畫環(huán) 操作步驟：

1、用填充色畫圓，并設置筆觸的粗細。

2、設置邊線的填充色為“七彩色”。

3、將該線形圓環(huán)轉換成填充色：修改－－形狀－－將線條為填充。

4、使用“墨水瓶”工具給圓環(huán)加邊線。效果如右：

4、用多邊形工具畫太陽 操作步驟：

1、用多邊星形工具制作太陽的外圍，作以下設置：（1）將矩形工具轉換成多角星形工具

（2）設置多角星形的“屬性”中的“選項”

（3）設置“樣式”為星形，輸入星形數(shù)，及星形頂點大小（頂點越小，星形越尖）

2、設置填充色為放射性，無邊線

3、開始畫星形。

4、創(chuàng)建一個同心的圓為太陽的臉。

5、使用直線工具畫眼、嘴。（注意：用選擇工具調(diào)整其曲線度，利用變形工具作旋轉）

四、課堂習題：自創(chuàng)月亮

五、課后作業(yè)

1、書本P34頁的實例6：茶杯。

第二周 各類特效文字的制作

教學進度：正常 教學目標：

1、要求學生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具、濾鏡的使用。

2、要求學生掌握修改菜單中的位圖、元件、形狀的菜單項。

3、掌握如何制作特效文字。

4、掌握位圖的導入及矢量圖的轉換。

教學重點：

1、掌握空心文字、投影文字、點框文字、彩虹文字、金屬文字、雪花文字的制作

教學難點： 復雜遮照的創(chuàng)建。教學過程：

一、點框文字 制作步驟：

1、用文字工具輸入文字

2、將文字使用“分離”或按下（ctrl+B）組合鍵

3、再將每個分離的文字使用“分離”，即直到文字被選中時呈現(xiàn)點型。

4、使用“墨水瓶”工具，設置線型為“點型”，設置線的顏色（注意務必使用與文字顏色不同的一種顏色），用鼠標單擊文字

5、所有文字的邊線勾勒完畢后，用選取工具選取文字內(nèi)心，并刪除。

二、彩虹文字 制作步驟：

1、用文字工具輸入文字

2、將文字使用“分離”，（分離二次）

3、選擇填充顏色，再用顏料筒單擊文字即可

三、彩圖文字

圖片下載 制作步驟：

1、用文字工具輸入文字

2、將文字使用“分離”

3、選擇填充類型為“圖片”，圖片填充有二類

4、再用墨水瓶工具勾勒邊緣

5、將邊緣線條轉化為填充

6、“修改”－－“形狀”－－“柔化填充邊緣”

四、雪花文字

五、補充知識：倒影字的制作

六、課后作業(yè)：制作一個圖案文字

小技巧：ctrl+v與ctrl+shift+v的區(qū)別：后者是復制時保持前后位置都一樣。

第三周 直線運動和變形運動

教學目標：

1、要求學生掌握直線運動和變形運動的補間。

2、掌握直線運動的特點：元件與普通形狀對象都可以制作直線運動。

3、掌握變形運動的特點：普通形狀對象可以變形。

4、掌握影片元件的制作方法。

教學重點： 運動補間的設置；影片元件的創(chuàng)建。> 教學難點： 關鍵幀／普通幀的區(qū)別； 教學過程：

一、導入：動畫制作的關鍵要素

1、幀——是進行flash動畫制作的最基本的單位，每一個精彩的flash動畫都是由很多個精心雕琢的幀構成的，在時間軸上的每一幀都可以包含需要顯示的所有內(nèi)容，包括圖形、聲音、各種素材和其他多種對象。

2、關鍵幀——顧名思義，有關鍵內(nèi)容的幀。用來定義動畫變化、更改狀態(tài)的幀，即編輯舞臺上存在實例對象并可對其進行編輯的幀。

3、空白關鍵幀——空白關鍵幀是沒有包含舞臺上的實例內(nèi)容的關鍵幀。

4、普通幀——在時間軸上能顯示實例對象，但不能對實例對象進行編輯操作的幀。

5、以上四種幀的區(qū)別

① 關鍵幀在時間軸上顯示為實心的圓點，空白關鍵幀在時間軸上顯示為空心的圓點，普通幀在時間軸上顯示為灰色填充的小方格

② 同一層中，在前一個關鍵幀的后面任一幀處插入關鍵幀，是復制前一個關鍵幀上的對象，并可對其進行編輯操作；如果插入普通幀，是延續(xù)前一個關鍵幀上的內(nèi)容，不可對其進行編輯操作；插入空白關鍵幀，可清除該幀后面的延續(xù)內(nèi)容，可以在空白關鍵幀上添加 新的實例對象。

③ 關鍵幀和空白關鍵幀上都可以添加幀動作腳本，普通幀上則不能。

6、應用中需注意的問題 ① 應盡可能的節(jié)約關鍵幀的使用，以減小動畫文件的體積；

② 盡量避免在同一幀處過多的使用關鍵幀，以減小動畫運行的負擔，使畫面播放流暢。

二、基本動畫

1、變形動畫：要求參與動畫的對象必須是形狀，不得使用元件。

例如：以下動畫中A－－＞B－－＞C之間、五角星——>十角形即為形狀變形。操作步驟： ①設置背景色

②插入第一關鍵幀，并繪制一個五角形。

③在第30幀上插入空白關鍵幀，并繪制一個十角星形。

④利用時間軸上的“編輯多幀”工具，對齊第一、二關鍵幀的各自五個角。⑤在第一關鍵幀上設定五個“形狀提示點”，修改－－形狀－－添加形狀提示點。⑥在第二關鍵幀上設定各提示點的對應終點位置。⑦對第一關鍵幀設定“形狀”動畫補間。思考：

2、直線運動動畫：任何對象都可以設置直線動畫，只需二個關鍵幀 例如：素材下載

3、漸變運動動畫

① 淡入、淡出動畫：使用實例才能完成此項動畫，一般通過調(diào)整關鍵幀的透明度來設置場景中的各實例的出現(xiàn)方式。

一般淡入淡出式動畫是用二個關鍵幀完成，第一關鍵幀為全透明（100%）或部分透明，第二關鍵幀透明度為0。

②閃爍動畫：一般用三個關鍵幀完成，即從淡入到淡出的過程，即全透明－－不透明－－全透明的設置過程。

例如：以下例子中星星，就是用影片元件來完成的。

4、旋轉動畫：一般旋轉度數(shù)在360度以上，則采用實例，即旋轉的對象必須是通過元件調(diào)入的。而旋轉度小于360度，則旋轉對象可以是形狀。動畫設定只需二個關鍵幀。

例如：拖影文字(課后完成)操作步驟：

①建立文字元件,拖到舞臺

②創(chuàng)建第一圖層，設定第一、二關鍵幀（同幀），并設制“動畫”補間，旋轉為1次。

②創(chuàng)建第二圖層，此層為陰影層，復制第一層的關鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層，這些層均為拖影層，每層之間涉后二幀。與第一圖層相比，這些層均要逐漸調(diào)整透明度。

三、總結鞏固：

1、圖形元件的制作

2、圖形元件的應用： ①實例：元件調(diào)入到場景后，就叫實例，實例可以取名，以后便于以后寫代碼（編程）時調(diào)用。②對元件的編輯： ③對實例的編輯：與元件編輯最大區(qū)別在于對元件本身不修改，主要的編輯方法有改變色調(diào)、透明度等。

四、作業(yè)：

本周作業(yè)名稱為：

1、字母變形

2、應用提示點變形(星型)

3、拖影文字

4、預習：夜色中的汽車(綜合漸變星星一起做)

第四周 Flash 中的動畫

教學目標：

1、要求學生掌握直線運動的補間。

2、掌握直線運動的特點：元件與普通形狀對象都可以制作直線運動。

3、掌握影片元件的制作方法。

4、了解flash 中的幾種基本動畫

教學重點： flash 中的幾種基本動畫。教學難點： 基本動畫的區(qū)別； 教學過程：

一、導入：Flash 中的幾種基本動畫。

1、動作補間動畫

是Flash 中最常見的動畫類型。它可以結合色彩、透明度、位置的變化，使作品更加絢麗多彩。如何通過動作補間動畫將對象的運動形象生動的表現(xiàn)出來，是學習運動動畫的根本目的。如上堂課的汽車運動動畫。

2、形狀補間動畫

同樣是Flash 中最常見的動畫類型。但是它的變形對象是矢量圖形，利用這種動畫可以使場景上的矢量圖形作出任意形狀、位置和顏色的平滑變化。它與動作補間動畫的區(qū)別是：動作補間的作用對象是元件或被組合的對象，而形狀補間動畫的作用對象是矢量圖形。如上堂課的字母變形動畫。

3、逐幀動畫

要創(chuàng)建逐幀動畫，需要將每一個幀都定義為關鍵幀，然后給每一個幀都創(chuàng)建不同的圖象。制作逐幀動畫的基本思想是把一系列相差甚微的圖形或文字放置在一系列的關鍵幀中，使動畫播放的時候看起來像是一系列連續(xù)變化的動畫。如圖所示，展示了一個小男孩的行為動畫。

4、蒙版動畫

在制作動畫的過程中，有些效果用通常的方法很難實現(xiàn)。比如：手電筒、探照燈、百頁窗等效果。這時就要用到蒙版動畫了。

要創(chuàng)建蒙版動畫，需要有兩個圖層：遮罩層和被遮罩層。遮罩項目像是一個窗口，透過它可以看到位于它下面的鏈接層區(qū)域，而且除了透過遮罩項目顯示的內(nèi)容，其余的所有內(nèi)容都被隱藏起來了。如圖所示：

5、引導層動畫

引導層作為一個特殊的圖層，在Flash 動畫設計中的應用也十分廣泛。在引導層的幫助下，可以實現(xiàn)對象沿著特定的路徑運動。要創(chuàng)建引導層動畫，需要兩個圖層，如圖所示 ：

二、回顧旋轉動畫：一般旋轉度數(shù)在360度以上，則采用實例，即旋轉的對象必須是通過元件調(diào)入的。而旋轉度小于360度，則旋轉對象可以是形狀。動畫設定只需二個關鍵幀。例如：拖影文字 操作步驟：

①建立文字元件,拖到舞臺

②創(chuàng)建第一圖層，設定第一、二關鍵幀（同幀），并設制“動畫”補間，旋轉為1次。

②創(chuàng)建第二圖層，此層為陰影層，復制第一層的關鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層，這些層均為拖影層，每層之間涉后二幀。與第一圖層相比，這些層均要逐漸調(diào)整透明度。

三、元件的創(chuàng)建,多圖層動畫的制作

四、本周作業(yè)：

1、拖影文字

2、夜色馬路

第五周 鞏固與檢測

教學目標：

1、要求學生鞏固橢圓工具、直線工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。

2、鞏固圖形元件、影片元件的創(chuàng)建。

3、鞏固二類補間動畫的特點。

4、鞏固二類動畫：變形動畫、直線運動動畫。

5、測驗學生的圖形繪制能力，時間1小時

教學重點： 運動補間的設置；影片元件的創(chuàng)建。教學難點： 影片元件與圖形元件的區(qū)別。教學過程：

一、鞏固復習題：

1、倒影動畫（本實例主要使用了文本工具、墨水瓶工具、打散功能、Alpha值設置等來操作）。主要通過一下幾個步驟來完成。

使用文本工具在舞臺場景中輸入文字。

使用打散功能將文字打散為矢量圖形。

使用墨水瓶工具為文字描邊。

使用F8快捷鍵將文字轉化為影片剪輯，并在其中進行Alpha值的設置。

2、多層變形動畫（掌握對象繪制工具的使用。）

3、思考并完成一下動畫效果的制作，分析幀之間的時間順序及文字分別做了什么動畫？（背景下載）二、十一課后作業(yè)：完成作業(yè)本上前幾周作業(yè)的上傳、學習上堂課中五種基本動畫的設計制作。（素材下載）(補充源代碼下載)本周上傳作業(yè)名稱為：

1、陰影動畫

2、圓環(huán)字母變形

第六周 鞏固與檢測

教學目標：

1、要求學生鞏固掌握FLASH的工具中的一些技巧。

2、鞏固FALSH中存在的五種變化--移動、縮放、旋轉、顏色、透明度 教學重點：工具中技巧的合理運用。教學過程：

一、在FLASH中有些工具使用的技巧有助于動畫設計的美感，下面總結幾種我們平時制作當中常用到的幾種小技巧：

1、柔化物體邊緣 先看下圖一的效果,此效果，我們所使用的最簡單的方法是利用 FLASH 本身的邊緣柔化功能：

圖一

圖二 圖三

先畫好一個圓，如圖二；然后選中此圖形(不可是元件圖形)--圓，選擇修改--形狀--柔化邊緣填充，在彈出的對話框里設置參數(shù)，如圖三，確定以后就形成上圖的效果。（注意：參數(shù)的大小影響了邊緣柔化的程度，但有一點，最好只進行一次柔化，如在柔化以后再柔化可能會使FLASH計算復雜,而出現(xiàn)于要求不同的效果。）

同理,我們可以對文字邊緣進行柔化,如下效果3和4分別是對文字的填充色和筆觸進行了柔化。值得注意的是必須先把文字分離，并且在對筆觸進行柔化之前，事先要求將線條轉化為填充。引申：

在實際運用當中如果要進行較為靈活的邊緣柔化，我們不妨利用混色器來完成。即在選中圖形后調(diào)出混色器編輯框，顏色填充樣式選擇放射狀，然后將左右兩個顏色填充節(jié)點的顏色都設置為白色，再將右邊的顏色節(jié)點的透明度為“0”，如下圖

用此方法制作的效果有一點好處就是可以靈活的改變邊緣柔化的程度，思考如何達到后面三種圖形的效果。

2、變形復制

效果如下：對于這個效果我們使用的是復制并變形的功能。

首先可以畫一個橢圓，然后選中此對象，用變形工具改變它的自由變化中心，如下面左右兩圖，左邊為沒有改變的狀態(tài)，右邊為改變以后的狀態(tài)： 自由變化中心的改變

然后選擇 窗口--變形 調(diào)出變形對話框，如圖：在旋轉參數(shù)里輸入對象旋轉的角度，比如20度，再點擊對話框右下角的拷貝并應用變形按鈕，直到圖象變成我們所需狀態(tài)。

3、對象繪制

這是 Flash8 的新功能。原先版本中，我們在同一圖層中疊加兩個圖形時，會產(chǎn)生合并的效果，如果移動其中一個圖形時，下面圖形的疊加部分就會消失，這有一定的優(yōu)越性但是又有局限性，如果我們要繪制兩個圖形疊加在一起但是不合并的話，就需要把這兩個圖形轉換成元件或是放在兩個圖層中，這樣就比較麻煩。而對象繪制就可以避免產(chǎn)生這種問題。例如，原先版本中移動圖象后：

而如果是單擊“橢圓”工具，在選項欄里，點擊“對象繪制”按鈕后，再繪制兩個圖象，這時盡管兩個圖象之間彼此是疊加的，但是互相不會干擾。

另外，在“修改”菜單欄中，對象繪制還具有四種合并效果：聯(lián)合，交集，打孔，裁切。希望大家自己去觀察它們各自的作用。

二、在FALSH中存在的五種變化--移動、縮放、旋轉、顏色、透明度 具體效果看影片文件（注意：后面兩種變化必須是對實例，即對拉到場景中的元件進行設置。）

第七周 鞏固

教教學目標：

1、鞏固掌握FLASH制作中幾種常見字體效果的制作。

2、掌握FLASH動畫制作中用到的兩種補間過程。

教學重點： 字體效果的制作、各補間的特性和要求。

教學過程：

一、在一個好的FLASH作品里常常會運用到一些經(jīng)過處理的FLASH字效，前面我們已經(jīng)介紹了多種在FLASH中常用的字效：點框文字、彩虹文字、位圖文字、立體字、倒影字等，今天，再補充幾個特效文字的處理。

1、雙色（多色）字

圖一

圖二 圖三

關鍵技術要求：

[1]、制作此類文字效果，只要將文字打散成離散的圖形；

[2]、然后用選取工具選取其中部分，再對選中部分進行顏色填充； [3]、選取次數(shù)可以隨意定。

2、鏤空字(素材下載)關鍵技術要求：

[1]、此類效果需兩層圖層才能完成； [2]、底層放置一張圖片；

[3]、在上層畫一個矩形蓋住底層的圖片（可適當設置透明度）； [4]、在矩形層上輸入文字并調(diào)整好文字的位置； [5]、將文字打散；

[6]、鼠標點擊影片空白處取消對文字的選擇； [7]、再次選中文字圖形并將其刪除即可。

3、陰影字

關鍵技術要求：

1、養(yǎng)成一個圖象一個圖層的好習慣，根據(jù)情況，這里可以創(chuàng)建三個圖層，藍色字、黑色字，深灰色字，分別呈現(xiàn)原層、立體層、陰影層的效果；

2、立體層的制作：可以按快捷鍵Shift+Ctrl+V把“原層”中的文字復制到“立體層”中，并利用方向鍵“→”、“↑”將黑色字層向右、向上各移動2個像素；

3、陰影的制作： 選中“原層”中的文字，然后按快捷鍵打開Ctrl+T打開“變形”面板，并上右圖所示設置。設置好后，單擊“變形”面板上的“復制并應用變形”按鈕。一個經(jīng)過變形的副本就被復制出來了。

4、陰影層的制作： 選中剛剛做好的副本，按快捷鍵Ctrl+X剪切。按快捷鍵Shift+Ctrl+V把這個副本原位粘貼到“陰影層”中。最后適當?shù)恼{(diào)整位置，并把色彩換成#666666。到這里，文字的陰影效果就做好了。綜上所述，關鍵技術都比較類似，所以希望大家課后能好好復習，做到在熟練繪制的基礎上創(chuàng)作出更多其他效果的文字。

二、在FLASH動畫中，存在著兩種基本的補間：移動和行變。下面就將這兩種補間進行介紹。

1、形狀補間

延伸的直線 拉動的幕布 畫線框（四條邊放在四個圖層上，如下圖所示，考慮為什么？）

星星變形（注意為了防止變形過程不凌亂，可以利用修改－形狀中的“添加形狀提示”工具，再五角星上加入5個提示點，并放到相應變化位置上，以紅色的小圓圈表示，abcde用來標識提示點。看一看最后的一幀，可以發(fā)現(xiàn)十角星上也有一個對應的紅色提示點，當你設置好位置時，會發(fā)現(xiàn)提示點變綠了，回到第一幀，這時提示點由紅色變成了黃色，這表明提示點的設置正確。）

2、運動補間

它與動作補間動畫的區(qū)別是：動作補間的作用對象是元件或被組合的對象，而形狀補間動畫的作用對象是矢量圖形。

運動的小球：比較下面三副動畫，考慮有什么不同，分別做了什么動作。提示：緩動選項的作用。

現(xiàn)在大家應該知道緩動選項的作用了吧。它的作用是在運動的過程中產(chǎn)生速度上的變化，默認值為0，即為勻速運動。當值為負時，運動的物體做加速運動，相反，當值為正時，運動的物體做減速運動。在小球下落的過程中，速度越來越快，所以我們把值改為負值，注意在值為-100時，比較接近重力加速度。當小球彈起時，速度越來越慢，因此值為正。引申：（旋轉的風車）

從這一制作中我們不僅要學習運動漸變動畫的另一種形式：旋轉動畫（自轉），而且還要練習用箭頭工具對對象進行修改，利用變形面板制作多個風車葉的方法。思考：下面兩幅動畫的差異在哪里？

第八周 運動引導層

教學目標：

1、要求學生掌握各類曲線運動的制作技巧，掌握引導線、引導層的概念及作用。

2、能根據(jù)運動的需求，畫出運動軌跡線，即引導線。教學重點： 運動引導層的創(chuàng)建，動畫關鍵幀的設置。教學難點： 做引導層時的幾個注意點。教學過程：

一、引入：

①引導線、引導層的概念

1、引導線：引導線就是軌跡或輔助線的作用。它讓物體沿著引導線路徑運行。（即物體運動的軌跡，一般使用鋼筆工具來制作）

2、引導層：引導線必須制作在引導層中，而需要使用引導線作為運動軌跡線的物體所在層必須在引導層的下方，一個引導層可以為多個圖層提供運動軌跡。同時在一個引導層中可以有多條運動軌跡。

二、滾球的制作 知識點：

1、背景層的創(chuàng)建： ①設定場景色

②用鋼筆工具勾勒一個上邊為曲線的多邊形。

2、運動引導層的創(chuàng)建：該層中專門用來放置物體運動的軌跡，軌跡一般用線條描述，而在運動引導層中的線條在實際導出成SWF文件時是不可見。使用的方法：要使用軌跡的對象必須獨立地放在引導層的下方圖層中，運動的對象其關鍵幀必須完全吸附在軌跡上。③復制曲線。

如圖：第一、二關鍵幀的定點

3、制作技巧：

①引導層一旦建立完成后應將其鎖定

②對運動對象定位時最好打開“帖緊至對象”工具，這樣當吸附正確時中心點會放大。

三、思考自強不息和山地車實例的制作

四、我是一條魚

素材下載

1、水泡的制作（掌握刷子和填充變形工具的使用，并把水泡轉換為元件。）

水泡的顏色調(diào)板：白色透明度為0，2，100

2、浮起的水泡制作（影片元件:注意引導層繪制好后，可以及時鎖定。）

3、游動的小魚

可以從左向右游動，也可以從右向左游動，小魚的運動軌跡為

4、在場景中創(chuàng)建： ①背景圖片放入場景。

②建立第二層，放入大小不一的水影片元件，注意水泡的放置位置

③建立第三層，放入多條小魚，使用小魚的影片元件時，可將其翻轉，從而改變其運動方向。

五、課后作業(yè)： 必做題：

1、滾球

2、我是一條小魚 選做題：

1、自強不息

2、山地車

第九周 按鈕的制作

教學目標：

1、掌握按鈕制作的基本方法。

2、掌握按鈕中的動畫設計方法。

3、掌握透明按鈕的制作

教學重點： 按鈕元件的創(chuàng)建，按鈕動畫的設計。教學難點： 按鈕中的四種狀態(tài)。教學過程：

一、按鈕元件（可詳見課本P111）

按鈕用于響應鼠標，即隨鼠標顯示不同的狀態(tài)，執(zhí)行指定的行為。

1、插入按鈕元件，執(zhí)行“插入”－“新建元件”命令（或者按鍵），在創(chuàng)建新元件對話框中設置元件類型為按鈕，即可見如下界面

2、編輯按鈕元件：按鈕元件有彈起、指針經(jīng)過、按下和點擊四種狀態(tài)，如圖所示：

V 彈起：表示鼠標沒有在按鈕上時的按鈕的狀態(tài)。V 指針經(jīng)過：表示鼠標經(jīng)過按鈕時按鈕的狀態(tài)。V 按下：表示按下鼠標時按鈕的狀態(tài)。V 點擊：設置按鈕響應鼠標的區(qū)域。

如果要制作透明按鈕，僅在“點擊”畫出點范圍即可。

二、上機操作：制作以下實例

1、基本按鈕 分析：

1、彈起：二個圖片元件分別放置在文字和邊框圖層中

2、經(jīng)過：與彈起時的一個圖片元件相同，在此基礎上用“按我”的圖片元件創(chuàng)建一個影片剪輯元件。

3、按下：用“謝謝”圖片元件替換“按我”圖片元件

4、點擊：延續(xù)邊框圖層的第一幀，代表鼠標進入邊框區(qū)域后，按鈕才會有響應。彈起幀

指針經(jīng)過幀 按下幀

點擊幀

2、練習：制作一個帶有以下動畫效果的按鈕（自選一個完成）提示：將按鈕下面的文字放在新的圖層上。

三、按鈕的點擊作用

1、一般按鈕點擊后均會產(chǎn)生一個動作，如：停止、播放、重放、跳轉、超鏈接，如：（源文件下載）

2、按鈕的幾個常用動作： on動作命令

下面我們就詳細地向大家介紹一下這八種事件的使用。

(1)press 在鼠標指針經(jīng)過按鈕時按下鼠標按鈕。單擊press，然后選擇動作語句，雙擊【全局函數(shù)】|【時間軸控制】中的play 命令。

完整的action是：

on(press){ //設定鼠標事件為按下，然后執(zhí)行大括號里面的語句。play();//按鈕響應后執(zhí)行play（播放）動作 } press動作 當然，在大括號里面還可以用其他的語句，比如說，gotoAndPlay(yourframe);//點擊按鈕后，就會從你設置的幀播放。

(2)release 在鼠標指針經(jīng)過按鈕時釋放鼠標按鈕。單擊選擇release然后與第一個事件相同加入play命令。完成的語句如下：

on(release){ //當鼠標按下釋放的時候，執(zhí)行下面的語句動作。play();//按鈕響應后執(zhí)行play（播放）動作。} release動作 可以看到，當鼠標左鍵按下按鈕的時候，并沒有激發(fā)播放動作，而是當鼠標左鍵放開的時候，執(zhí)行了播放動作。這也是與“press”事件不同的地方。

(3)releaseOutside 當鼠標指針在按鈕之內(nèi)時按下按鈕后，將鼠標指針移到按鈕之外，此時釋放鼠標按鈕。添加語句的方法同上。完整的語句如下： on(releaseOutside){ //當鼠標在按鈕外部釋放的時候執(zhí)行下面的語句。play();//按鈕響應后執(zhí)行播放動作。} releaseOutside動作

通過這個例子我們知道，當鼠標左鍵在按鈕上按住并移動到按鈕以外的地方放開后，觸發(fā)了按鈕的動作。這是一個具有非常想象力的事件，大家可以利用on的這個事件來制作游戲。

(4)rollOver 鼠標指針滑過按鈕。制作方法同上，完整的as語句為： on(rollover){ //當鼠標滑動到按鈕上時執(zhí)行下面的動作。play();//按鈕執(zhí)行播放動作。} rollOver動作 當鼠標指針從按鈕上滑過的時候，動畫就開始執(zhí)行播放動作了，而不需要點擊它。我們可以利用on的這個特點來制作一些圖示板，非常簡單有效

(5)rollOut 鼠標指針滑出按鈕區(qū)域。制作方法同上，完整的as語句為： on(rollOut){ //當鼠標滑動到按鈕上并離開時執(zhí)行下面動作。Play(): //按鈕響應播放動作。} rollOut動作

滑離與滑過并不是相同的，滑離是指鼠標滑動到按鈕上并離開以后開始響應，而滑過是指只要鼠標滑到按鈕上，就開始執(zhí)行動作。

(6)dragOut 在鼠標指針滑過按鈕時按下鼠標按鈕，然后滑出此按鈕區(qū)域。完整的as是：

on(Drag Out){ //當鼠標拖過的時候執(zhí)行下面的動作。play();//執(zhí)行播放動作。} dragOut動作

拖離與拖過有所不同，只要在按鈕上按住鼠標左鍵然后移動到按鈕外就會相應。他與滑離的區(qū)別在于拖離需要按住鼠標左鍵。

（7）dragOver 在鼠標指針滑過按鈕時按下鼠標按鈕，然后滑出此按鈕，再滑回此按鈕。完整的as是：

on(dragover){ //當鼠標指針滑過按鈕時按下鼠標按鈕，然后滑出此按鈕，再滑回此按鈕時執(zhí)行下面的動作。play();//執(zhí)行播放動作 } dragOver動作

拖過的效果是在按鈕上點擊并按住鼠標不放，移出按扭區(qū)，再移回按鈕上釋放的事件。注意：此例中是一個文字按鈕，在做文字按鈕的時候，應在文字的下方用一透明方塊，以增加按鈕的反應區(qū)域，或者在按鈕的第4幀繪制一個矩形來增加反映區(qū)。

(8)keyPress(“key”)按下指定的鍵。對于此參數(shù)的 key 部分，需指定鍵控代碼或鍵常量。

我們在（“key”）中鍵入“k”。完整地as語句為：

on(keyPress “z”){ //當按下鍵盤中的“z”健時執(zhí)行下面的動作。play();//執(zhí)行播放動作 }

注 意 ——在給動畫作品添加按鈕的時候應該放到單獨一層，這樣便于修改。

提 示 ——on為按鈕上的動作，所以我們必須首先要選中按鈕，以后才可以添加on語句。有的朋友在論壇里面提問，“為什么我的on為灰色不可選狀態(tài)？”原因就是你沒有選中按鈕。

技 巧 ——在一般flash作品中，大家不會有意區(qū)分這些on的功能的，一般采用默認的語句。如果沒有特殊說明，你使用了拖離，滑離等事件來制作“replay”按鈕，會讓人們摸不著頭腦的。

試一試 ——我們了解了on得這么多的功能，利用這些功能可以輕易的制作出flash課件，flash游戲里面的效果，大家不妨試一試。

分 析——on語句的功能與按鈕息息相關，有按鈕的地方一定會有on語句的使用。而有flash作品的地方，就會有按鈕的出現(xiàn)，所以說on的重要作用不可忽視。今天向大家詳細地介紹了on的各種功能，我們就可以結合按鈕自身的特點，發(fā)揮他們的功能。

四、作業(yè) 必做題：

1、“按我”

2、move on 或 next and back

3、完成書中P104頁的動態(tài)按鈕制作： 素材

第十周 復習

教學目標：

1、鞏固掌握引導線的基本技巧。

2、鞏固掌握按鈕制作的基本方法。

3、通過測試了解學生的掌握情況。教學重點： 掌握引導線、按鈕的創(chuàng)建。教學難點： 通過考試，鞏固薄弱知識點。教學過程：

一、復習

1、“調(diào)整到路徑”功能： 將補間元素的基線調(diào)整到運動路徑, 比較下面兩個動畫

2、做引導層時的幾個注意點：

①路徑是否在引導層中，引導層的創(chuàng)建是否正確。②路徑是否閉合。

③運動物體中心點是否在路徑上，大家在拖動的時候可以使用吸附工具，這樣比較容易觀察。

④引導線千萬不能是元件，如果繪制出來是對象的話，要及時打散。⑤要讓引導層在導出文件中可見，就必須再添加一個背景層。

3、觀看下面的動畫實例,分析在動畫中有哪些效果？ 分析：按鈕的四個幀上分別放置的是什么？

三、本周作業(yè)：預習遮罩動畫 第十一周 遮照的基本概念 教學目標：

1、掌握遮照的原理

2、掌握遮照的操作方法

3、學會遮照的基本應用，增強分析動畫的能力 教學重點： 掌握遮照的操作方法

教學難點： 遮照的基本應用，學會從現(xiàn)成的作品中獲取設計方法 教學過程：

一、知識回顧： 補間：形狀 補間：動作

補間：動作，光束為元件

補間：動作，以物體中心為軸向兩邊擴張的一般為元件

二、引入新課：

1、請注意觀察以下這個動畫，在它的文字中有何特色，它的動畫特點是什么？（1）文字用圖案填色，且是自上而下運動著的圖案填色。（2）文字完整顯示，而圖案顯示不完整。

（3）文字在最上層，圖案在下層，且下層是一個動畫層。

三、新課內(nèi)容(上課素材下載)：

（一）遮罩的原理

1、遮罩是需要通過兩層實現(xiàn)的，上一層叫遮罩層，下一層叫被遮罩層。

2、遮罩結果顯示的是二層的疊加部分。

3、遮罩顯示結果的色彩由被遮罩層的色彩決定，即可通過辨別色彩的來源來確定哪一層為被遮罩層。

4、在遮罩層和被遮罩層中均可設定動畫。

（二）遮罩的應用

1、電影字幕效果

分析關鍵點：什么顏色為遮罩效果的主色,什么層在自下而上移動？ 此例的結論：說明遮罩層與被遮罩層均可根據(jù)需要設定動畫。分析的特點：用顯示色彩的特性確定了被遮罩層。

2、光束的照射效果

比較一下兩幅動畫的差異

本題總結：在遮罩層和被遮罩層之后，可適當添加輔助層，以襯托遮罩效果。

3、MTV字幕效果 分析關鍵點：上面兩幅動畫分別需要幾層？藍色的FLASH文字層是否產(chǎn)生遮罩效果？

四、作業(yè)布置：

1、必做題： 字幕、光照、MTV字幕

1、MTV字幕2（如下）

2、選做題：

第十二周 聲音與遮罩技巧

教學目標：

1、能導入各類聲音，并能處理一些聲音的疊加。

2、遮照技巧的靈活應用。

3、學會遮照的基本應用，增強分析動畫的能力 教學重點： 遮照技巧的靈活應用

教學難點： 遮照的基本應用，學會從現(xiàn)成的作品中獲取設計方法 教學過程：

一、FLASH中聲音的加載 ①導入聲音文件：

文件－－導入到庫－－選擇聲音源

我們只需新增一圖層（聲音層）－－將庫中的聲音拖入，或者在屬性面板中選擇聲音就可以使用聲音文件了，事情就這么簡單。②聲音文件的使用技巧 為動畫添加背景音樂

(1)新建或打開需要添加聲音的文件，在原來的動畫上再增加一個“聲音層”的新層。需要在文件中多處有聲音時，我們通常會把幾個聲音文件放置在不同的層中，這樣不但便于控制，而且還能達到混響效果。

(2)導入所需要的聲音文件，然后從庫中將所需聲音文件拖拉到“聲音層”上即可。

為按鈕添加提示聲音

在原來的層上插入一新層，假設在按下幀上按F7添加空白關鍵幀，然后將聲音文件拖放到該幀即可，并將同步設置為“事件”。則測試時，當鼠標單擊按鈕時會發(fā)出聲音。

二、聲音的處理

當聲音被加載到FLASH中后，可進行如下處理：

1、取部分聲音播放。

2、控制聲音的淡入、淡出等。

3、處理方法：在屬性面板上，單擊聲音編輯即可

4、“事件”選項會將聲音和一個事件的發(fā)生過程全部同步起來。如果觸發(fā)了播放聲音的事件，它會自動播放直至結束，在這個過程中聲音的停止不受動畫本身的制約。例如我們在Flash中制作了一個聲音播放按鈕，如果事件聲音正在播放，而再次點擊，第一個實例繼續(xù)播放，另一個聲音實例同時開始播放。

“開始”選項和“事件”選項一樣，只是如果聲音正在播放，就不會播放新的聲音實例。

“停止”選項可以使指定的聲音靜音。

“數(shù)據(jù)流”用于在互聯(lián)網(wǎng)上同步播放聲音。Flash會協(xié)調(diào)動畫與聲音流，使動畫與聲音同步。如果Flash顯示動畫幀的速度不夠快，F(xiàn)lash會自動跳過一些幀。與事件聲音不同的是，如果聲音過長而動畫過短，聲音流將隨著動畫的結束而停止播放。在播放影片時，聲音流是混合在一起播放的。

5、不同聲音的疊加：將聲音加載在不同圖層上。

三、實例：

1、按鈕上加載聲音

源文件下載 聲音下載(右擊下載)體會在按鈕上加聲音與在圖層上加聲音的區(qū)別。

四、遮照技巧

1、百葉窗(素材下載)：

（一）遮罩的原理 操作步驟： [1]、建立一個按水平線縮放的長方條作為影片元件。

[2]、將第一步中創(chuàng)建的影片元件多個疊加，組合成一扇百葉窗，并將其作為第二個影片元件。

[3]、在場中創(chuàng)建三層，其中最上層放步驟二中影片元件，中間層與底層各放一張圖片。

[4]、將遮照效果應用在最上層。思考：步驟2中能否不建影片元件？

2、閃閃紅星的制作 制作步驟：

[1]、制作一個扇片，并生成元件。

[2]、由步驟1的元件旋轉復制360度后而繞成一圈，并將此圖案生成元件。（注意調(diào)整元件中心點位置）

[3]、將步驟2生成的元件加以應用于，實施翻轉。

[4]、將以上二個實例各自放入不同層，并在二層間實施遮照。

五、作業(yè)

1、完成以上二個實例：百葉窗、閃閃紅星

2、校名：

3、書本作業(yè)：橫向百葉窗

第十三周 遮照技巧應用(三)教學目標： 通過練習，使學生進一步掌握遮照與變形的綜合應用。教學重點： 遮照技巧應用。教學難點： 復雜遮照的創(chuàng)建。教學過程：

一、鞏固復習：制作并講解上一節(jié)課的作業(yè)縱向百葉窗（詳見課本Ｐ９９,圖片下載）。知識點：

①分散到圖層。②直線動畫的制作。③關鍵幀的復制。④遮照的使用。

二、制作跑車廣告

素材下載

1、準備工作，試著制作下列圖案

2、查看跑車廣告

3、分析跑車廣告的元件及圖層

①數(shù)字計時：幀幀動畫(序號之間的漸變效果)②遮照效果：遮照層：動畫層（形狀補間的變形動畫、）被遮照層：清晰跑車 背景層：模糊跑車

③落下帷幕：縮放動畫、變形動畫。

4、時間軸參考（沒有設計計時時的效果圖）

三、課后作業(yè) 必做：

1、跑車廣告

２、按下圖的提示制作“波浪文字” 提示： 效果動畫：

選做：

3、制作以下“圖片切換效果”

第十四周 遮照復習

教學目標：

1、掌握多層遮照的基本技巧。

2、注意對遮照層和被遮照層的設定。

3、通過測試了解學生的掌握情況。教學重點： 多層遮照技巧的原理。教學難點： 多層遮照技巧的應用。教學過程：

一、復習：

1、旋轉的地球

地圖下載 提示：

1、注意觀察二幅地圖的顏色。[2]、思考用幾層遮照。

[3]、地圖的顏色是否發(fā)生變化。[4]、是否有背景層。[2]、波浪文字 源代碼下載

要求：自行分析以上兩個動畫的遮照技巧，在源代碼的基礎上，修改完成第二種波浪效果。

第十五周 基本ActionScript 教學目標：

1、要求學生了解什么是ActionScript。

2、掌握如何編輯ActionScript。

3、三種添加腳本的對象。

教學重點： ActionScript的基本概念。教學難點： 編輯ActionScript。

教學過程：

一、什么是 ActionScript（以下簡稱AS）AS 是FLASH的動作腳本語言。可以 AS 使用控制FLASH影片中的對象，創(chuàng)建導航和交互元素，也可以擴展FLASH，制作高級交互影片和FLASH交互網(wǎng)站。

二、利用AS 能做些什么？

使用 AS，用戶不僅可以動態(tài)地控制動畫的進行，而且能夠進行各種運算，甚至由各種方式獲取用戶的動作并且即時作出回應。目前它在交互式網(wǎng)站、課件的制作及一些游戲、MTV和電子賀卡制作中的應用及為廣泛。

三、編輯 AS

1、動作面版的介紹

①動作工具箱

②腳本導航器

③腳本助手

2、腳本窗口

3、行為面版（窗口－－行為）

用戶可以使用行為來裝載和卸裁實例，播放，停播、復制或拖動實例。

4、添加腳本的對象

①在幀中添加: 寫在關鍵幀上面的AS，當時間軸上的指針走到這個關鍵幀的時候，就寫在這個幀上面的AS就被觸發(fā)執(zhí)行了。常見的例子有在影片結尾的幀寫上 stop()等。操作方法就是點選關鍵幀，然后打開AS面板。

②在按鈕中添加: 不同于幀上面的AS，按鈕上面的AS是要有觸發(fā)條件的。要把AS寫在按鈕上，操作方法是點選目標按鈕，然后打開AS面板。舉個例子能說的更明白: ●●假設有一個動畫，要讓它在播放完同時停止，那么，你要做的就是在這個動畫的最后一幀寫stop();●●再假設有個按鈕，效果是按下按鈕后停止播放，那么步驟如下: 做一個按鈕，放到主場景，點選按鈕，然后打開AS面板。現(xiàn)在如果也在按鈕上寫 stop();那么，輸出的時候就會提示錯誤。正確的應該這樣寫： 整個代碼翻譯過來就是: on(release){ stop();} 當(松開){ 停止 }

這里要比幀的動畫多這些代碼: on(release){} ，③在影片剪輯中添加

四、AS 基本語法

1、點語法：點（.）被用于指出與一個對象或影片剪輯相關聯(lián)的特性或方法，也是用于標識指向一個影片剪輯或變量的目標路徑。

2、括號：用于定義函數(shù)中的相關參數(shù)

3、大括號：凡是用大括號結合在一起的是一個語句塊。

4、分號：每一條語句都必須是以分號作為結束的。

其它具體的使用規(guī)則我們在具體的實例再進行講解，有興趣的同學也可以參看

ActionScript 教程

五、第一實例（下拉菜單的制作）

1、實例源文件下載

使用goto配合幀標簽制作下拉菜單 步驟 小技巧

①打開源文件并分析

②在三個菜單下拉的最后關鍵幀上添加Stop();語句，③選擇第一個按鈕（company），按下F9打開動作面板，添加以下語句：

on(rollover){gotoAndPlay(“2”);}

④其它二個按鈕也以此類推添加語句。

當時間軸上有大量幀時，可以通過給幀命名，從而方便地調(diào)用幀。如本例中，可以在第②、③步之間插入一步：

為三個菜單下拉的圖層中第一關鍵幀定義名稱，分別為t1、t2、t3

這時，按鈕（company）上的語句就得變成：

on(rollover){gotoAndPlay(“t1”);} 觀察制作的結果：

六、第二個實例：Food house

1、下載源文件 分析一下其中的動畫效果

2、制作以下效果:

七、補充：利用getURL跳轉到其他網(wǎng)頁

1、查看一下精美的韓版菜單條（你能仿制嗎？）

看一下源代碼

2、為這個菜單添加getURL語句：參考

on(release){getURL(“http://www.tmdps.cn”);} 思考：加在什么位置

八、本周作業(yè)：

1、下拉菜單

2、Food house（時間軸提示）

第十六周 AS實例制作訓練

教學目標：

1、掌握復制影片剪輯命令duplicate的使用。

2、掌握隨機函數(shù)random的使用,_visible隱藏屬性的應用。

3、掌握影片剪輯x,y軸比例屬性_xscale,_yscale以及透明屬性_alpha的應用。教學重點： 復制影片剪輯命令duplicate和隨機函數(shù)random的使用。教學難點： 編輯ActionScript。教學過程：

一、知識鋪墊

在Flash中制作多個對象不規(guī)則地出現(xiàn),通常會用到兩個Action語句,即復制影片剪輯命令duplicateMovieClip和隨機函數(shù)random()。前者用于復制出相同的影片剪輯,后者則用于創(chuàng)建隨機數(shù),并將這些隨機數(shù)應用到相應的屬性中,使復制出的影片剪輯具有不同的狀態(tài)。

1、duplicateMovieClip語句可以復制一個Movie Clip（影片剪輯），同時可以為復制得到的Movie Clip 重新命名。該命令是一條單獨的語句，語法結構如下：

duplicateMovieClip(目標，新名稱，深度)由于每一個復制出來的影片剪輯都具有與目標影片剪輯一樣的屬性并且每一個復制出來的影片剪輯其初始位置與目標影片剪輯是疊加在一起的，因此為了區(qū)分每一個新復制的影片剪輯，防止后面復制的影片剪輯替換掉前面的影片剪輯，要設置每一個影片剪輯的深度參數(shù)，來規(guī)定新影片在舞臺上的疊加次序。

2、random（）函數(shù)是一個隨機函數(shù)，這個函數(shù)實現(xiàn)的是在設定的最大數(shù)值和0之間隨機地返回一個數(shù)值。

3、_root語句的使用：處于全局屬性的標識符中。

“_root”是Flash中比較特殊的用法，表示后主場景中的絕對路徑，使“.”來連接后面的語句，如_root.snow代表主場景中的snow實例。

另外，本課還使用到了_visible、_x、_y（軸坐標值屬性）、_xscale、_yscale、_rotation、_alpha屬性，請詳見課本P141頁。

二、“下雨”實例制作

1、制作一個影片元件：一滴雨水滴落的過程。

雨滴落下

水圈擴大

2、“下雨”的代碼

返回到場景，將完成的影片元件拖入到場景中，并且將該實例取名為“drop”。新添加一個圖層，取名為“as”,在第一關鍵幀上的代碼： 第三關鍵幀上的代碼：

三、“飄雪”實例制作（素材下載）

1、制作一個圖處元件：雪片

2、制作一個影片元件：一片雪花飄落的過程（引導層）

3、“下雪”的代碼： 第一關鍵幀上的代碼：

思考：此段代碼有沒有需要修改的地方？ 第二關鍵幀上的代碼： 第三關鍵幀上的代碼：

四、根據(jù)所給素材制作引導頁(練習按鈕的制作)制作完畢后，想想可以如何創(chuàng)作一下，把它改編成一個網(wǎng)站的引導頁。

五、本周作業(yè)：

1、第一題：下雨

2、第二題：飄雪

3、引導頁（按鈕）

第十七周 達標復習一

教學目標：

1、鞏固各類知識點：時間線、按鈕、遮照、變形。

2、達標復習。教學過程：

一、蜜蜂采蜜：

關鍵點：

1、背景，蜜蜂的繪制。

2、引導線動畫制作。

二、殘影文字

關鍵點：

1、文字處理。漸變填充、多層文字旋轉的位差。

2、幀的復制，粘貼。

3、透明度，旋轉的設置。

三、地球與網(wǎng)絡

關鍵點：

1、圖片的分割。

2、分散到圖層。

四、進度條

關鍵點：

1、圖片的處理。

2、逐幀動畫。

3、形狀補間動畫。

五、小球滾山坡

關鍵點：

1、場景的繪制。

2、引導線的繪制。

3、動作補間動畫。

第十八周 引導層的應用 教學目標：

1、進一步理解和掌握引導線的繪制和引導層的設置；

2、掌握引導層在動畫制作中的應用。

教學重點： 引導線的繪制，及分析Flash中引導線。

教學難點： 對知識的梳理和理清引導層路徑動畫制作的思路，提高分析問題的能力。教學過程：

一、課前熱身：

觀察下面的兩個flash動畫，思考分別在做什么運動，是通過Flash中的什么動畫實現(xiàn)的呢？并完成兩幅作品。唉?我不會拐彎！

瞧我,跳得多自由!回顧：路徑動畫知識點 跳動小球制作視頻

二、新課：實例應用（素材下載）

觀看實例，同時也分析該例中用到了哪些動畫效果?哪一處運動應用了引導層？（實例瀏覽）

我們可以將整個動畫進行分解:（1）先創(chuàng)建單個小球跳動動畫，設計效果如下：（界面設計圖，制作視頻）思考：

1、如何形成小球有遠及近的視覺效果？

要點提示

2、如何控制小球運動的節(jié)奏，使之符合萬有引力定律？

要點提示

（2）有了第一步，接下來我們就要對引導層和引導對象進行拓展應用。比如，要求完成下面這種效果。（界面設計圖，制作視頻）

點評：

1、一個引導層可以為多個圖層提供運動軌跡，同時在一個引導層中可以有多條運動軌跡。

2、引導線允許重疊，比如螺旋狀引導線，但在重疊處的線段必需保持圓潤，讓Flash能辨認出線段走向，否則會使引導失敗。

三、知識擴展

在網(wǎng)絡上可以搜索到很多相關的路徑動畫影片，希望大家能通過分析，模仿制作出類似的動畫效果，比如物理課件中經(jīng)常用到的平拋動畫、MTV場景中的落葉效果以及非常炫酷的激光寫字效果等等：（路徑繪制圖）（路徑繪制圖）（路徑繪制圖）

四、總結點評：、掌握做引導層時的幾個注意點，做出引導動畫效果。、能綜合所學的 Flash 相關知識，自己構思并制作出較復雜的動畫影片。

五、課后作業(yè)：

1、模仿完成實例下面環(huán)節(jié)的效果，可以發(fā)散思維，適當添加其他的效果。補充知識：圖層文件夾的使用。

2、預習遮罩層的應用。

第十九周 達標復習二

教學目標：

1、鞏固復習各類知識點。

2、復習并掌握達標中級題。教學過程：

一、拖動的探照燈：

關鍵點：按鈕的制作、影片元件、元件的設置、遮照技巧、鼠標跟隨運動。

二、圖片展

關鍵點：淡入淡出動畫、幀標簽設置、鼠標控制動作

三、百葉窗

關鍵點：分清楚各層之間的關系，花的圖片在背景層，樹林的圖片在被遮照層，變形條的影片剪輯要放在遮罩層；影片剪輯是由若干個變形條的影片剪輯組成，正好布滿圖片，這樣才能保證完成遮照效果。

四、閃閃紅星

關鍵點：

1、圖形的繪制，利用多邊形工具繪制一個等腰三角形，畫完后把中心點拖到邊角上，進行變形工具的復制應用(旋轉10度～12度左右)；

2、場景中總共分為三層，最低層為被遮照層，圖形水平反轉，靜態(tài)狀，第二層為遮照層，圖形作旋轉動畫，第三層放入五角形

3、五角形的繪制，放射性漸變填充，白色筆觸，然后連接各頂點。

五、按鈕：

關鍵點：分清楚按鈕的四種狀態(tài)，在彈起狀態(tài)放入靜態(tài)的圓；指針經(jīng)過狀態(tài)放入圓和旋轉棒的影片剪輯，注意疊放順序；在按下狀態(tài)放入靜態(tài)的大圓和小棒的組合圖形；最后把按鈕放入場景中

六、下雨

關鍵點：

1、雨滴影片剪輯的制作。場景中該實例的命名。

2、動作腳本的添加。

第五篇：flash動畫的制作教案

flash動畫的制作教案

動畫制作

（一）本節(jié)的課程標準內(nèi)容：

了解常見的多媒體信息，如聲音、圖形、圖像、動畫、視頻的類型、格式及其存儲、呈現(xiàn)和傳遞的基本特征與基本方法；

能選擇適當?shù)墓ぞ?，分別對聲音、圖形、圖像、動畫、視頻等信息進行裁減；

能根據(jù)信息呈現(xiàn)需求，選擇適當?shù)墓ぞ吆头椒?，分別對聲音、圖形、圖像、動畫、視頻等多媒體信息進行適當?shù)奶幚?。本?jié)課程標準分析：

1、了解計算機動畫的基本原理和制作中常用的方法；

2、以flash動畫制作工具為平臺，初步掌握二維動畫的制作 教材分析：

【教學題目】二維動畫FLASH制作 【主要內(nèi)容】

本節(jié)課以介紹計算機動畫基本原理和常見計算機動畫的生成方式為主線，將簡單動畫制作中的對象移動和變形的操作分別穿插在關鍵幀動畫和變形動畫中。本節(jié)課遇到的一些專用名詞將貫穿于flash動畫制作過程，因此讓學生理解各種名詞將對以后的教學有很大好處。本節(jié)課主要包含以下知識點：

1、計算機動畫的分類

2、FLASH動畫的啟動及其界面和基本操作的介紹

3、文檔屬性的設置及元件、庫、場景、時間軸的概念

4、基本對象的畫法，用畫空心圓和實心圓的方法介紹描繪色和填充色的應用

5、關鍵幀、空白關鍵幀的概念及其創(chuàng)建方法

6、簡單對象的移動、變形動畫的制作方法

7、文件的保存和導出影片 【重難點】

重點：簡單對象的移動、變形動畫的制作方法

難點：計算機動畫的分類；關鍵幀、空白關鍵幀的概念； 學情分析

FLASH是當前非常流行的二維動畫制作軟件，在網(wǎng)絡上見到的動畫大多由其生成，因此學生對flash動畫并不陌生，并且學生對flash動畫也抱有強烈的好奇心和學習興趣，這為我們的教學打下堅實的基礎；但制作flash的一些專用名詞在本節(jié)教學初可能會有學生不能很好的理解，應講解細致些。教學目標：

【知識與技能目標】

了解計算機動畫制作原理和方法，掌握幾種簡單動畫的制作?！具^程與方法】

通過一段flash動畫，讓學生了解動畫中的對象是怎樣移動或變形的，引導出本節(jié)課要講解的內(nèi)容——對象的移動和變形?！厩楦袘B(tài)度與價值觀】

激勵學生進一步掌握動畫的制作，由淺入深，提高其制作動畫和欣賞動畫的水平； 培養(yǎng)學生的自主探索、協(xié)作研究的精神，實踐并總結動畫制作的方法。教學方法：

演示講授法、學生自主、合作學習教學過程： 【導入】

首先播放一段FLASH動畫，該動畫包含了本節(jié)課所要學習的主要操作內(nèi)容——對象的移動及變形；引導學生了解flash動畫，并激發(fā)其學習flash動畫制作的激情?！局v授新課】

一、啟動flash軟件，對其界面及基本操作進行簡單介紹。

二、文檔屬性設置及元件、庫、場景、時間軸的概念。

元件：一個位圖、矢量圖形、音樂片斷或是一段獨立的flash動畫（好比是演員），通俗的講就是對象作為一個模塊,在不同幀中重復使用.這樣的好處在于因為可以在重復使用，減小了FLASH的體積便于傳輸，也減小了FLASH制作者的工作量。元件都被放置在庫中，使用時只用將其拖放到場景中即可，在場景中只能對其位置和形狀進行編輯，如果要對元件進行編輯，需要切換到元件編輯狀態(tài)。元件分為：圖形元件、按鈕元件和電影剪輯元件。元件中圖形就是指動態(tài)或者靜態(tài)的圖片元件，電影剪輯是FLASH小片段，按鈕就是具有一定圖形功能的按鈕圖形了。

庫：存放動畫元件的地方（好比是一場戲的后臺）

場景：動畫的表現(xiàn) 場所（好比是舞臺）

時間軸：動畫制作的最重要的區(qū)域，是編輯動畫的工作臺，是加工動畫的流水線，包括了層編輯區(qū)、幀編輯區(qū)和時間線。（好比是劇本）我們要制作一個動畫，就好比是在導演一出戲，需要找好演員（制作好元件），置于后臺（放在庫里），然后把演員放在舞臺上（把元件放在場景上），讓演員照著劇本演出（在時間線上設置開始、結束時的狀態(tài)，生成動畫）?！禙lash動畫制作》教案 教學目標:

1、知識與技能

初步認識FLASH軟件的啟動和工具欄的組成和用法。并能運用一些常用的工具來制作簡單的動畫。

2、過程與方法

激勵學生在學習過程中探究出其他小動畫的制作方案，以此來激發(fā)同學們的學習興趣。

3、情感、態(tài)度、價值觀

在制作過程中使學生體會到創(chuàng)作的樂趣，激發(fā)他們的創(chuàng)作欲望。<教學重點和難點> 重點掌握動畫的制作方法和步驟。難點是對幀的理解。教學過程

一、導入：

隨著計算機技術的飛速發(fā)展，Internet逐漸成為人們學習、工作和娛樂的主要工具，承載網(wǎng)絡信息的網(wǎng)站也越來越多地使用交互式動畫來吸引更多的觀眾。平時大家在上網(wǎng)時或多或少地接觸到一些FLASH動畫，有的十分漂亮，這對我們的學習、生活增添不少樂趣。

二、啟動FLASH和關閉FLASH

三、介紹常用的工具欄區(qū)、顏色區(qū)和選項區(qū)

⑴選擇工具：使用該工具可以選擇舞臺上的各種對象。（教師操作）⑵部分選取工具：使用該工具可以選擇路徑上的節(jié)點對象。⑶線條工具：使用該工具可以創(chuàng)建不規(guī)則的選區(qū)。（教師操作）⑷套索工具：使用該工具可以創(chuàng)建不規(guī)則的選區(qū)。⑸鋼筆工具：使用該工具可以創(chuàng)建各種形狀的路徑。

⑹文本工具：使用該工具可以添加文字對象。（教師操作）⑺橢圓工具：使用該工具可以繪制橢圓圓形對象。（教師操作）

⑻矩形工具/多角形工具：該工具按鈕右下角帶有一個黑色三角，代表一個按鈕組。（教師操作）

⑼鉛筆工具：使用該工具可以隨手繪圖。（教師操作）⑽刷子工具：使用該工具可以創(chuàng)建刷子刷過的畫面效果。

⑾任意變形工具：使用該工具可以對舞臺上的對象進行任意變形（教師操作）。⑿填充變形工具：使用該工具來更改漸變填充效果。

⒀墨水瓶工具：使用該工具可以用指定顏色對對象進行描邊。⒁顏料桶工具：使用該工具可以對對象內(nèi)部進行填充。⒂滴管工具：使用該工具可以拾取顏色。

⒃橡皮擦工具：使用該工具可以擦除舞臺上的畫面。四：介紹時間軸：圖層和幀。

圖層：圖層可以用透明的玻璃紙來比喻，當上面圖層和下面圖層的內(nèi)容相重疊時，上面圖層上的內(nèi)容將遮擋住下面圖層上的內(nèi)容。幀： Flash的幀就如同電影膠片，按時間軸窗格中每一幀畫面的順序播放就產(chǎn)生了動畫效果。五：介紹舞臺和工作區(qū)：是最主要的可編輯區(qū)域。

六：介紹控制器面板：Flash的控制面板很多，常用的有屬性面板、行為面板、庫面板、混色器面板等。所有的面板都可在“窗口”菜單中找到相應的命令來調(diào)出或隱藏。七：引入兩個FLASH動畫。

教師操作：讓學生觀看兩個FLASH動畫。

然后提出問題：怎樣制作這兩個FLASH動畫呢？ 八：簡單的動畫制作（先教師操作后學生操作）⑴圖形變化：

要求：背景畫布大小：550*400，背景顏色蘭色，從三角形變化到圓，圖形顏色紅色。學生：從矩形變化到圓，其它要求同上。

然后讓學生展開想象的翅膀，創(chuàng)作不同的圖形變化，讓他們體會制作的樂趣。⑵動態(tài)小鳥：（事先準備好小鳥的圖片素材）

要求：背景畫布大?。?00*200，背景顏色白色，小鳥能夠上下左右跳動。學生練習。

然后讓學生設計一個動畫，利用集體智慧，通過師生合作得出制作方法。