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ù)，及星形頂點大?。旤c越小，星形越尖）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)：自由變化中心的改變?nèi)缓筮x擇窗口--變形調(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ū)別是：動作補間的作用對象是元件或被組合的對象，而形狀補間動畫的作用對象是矢量圖形。運動的小球：比較下面三副動畫，考慮有什么不同，分別做了什么動作。提示：緩動選項的作用?，F(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，1002、浮起的水泡制作（影片元件:注意引導層繪制好后，可以及時鎖定。）3、游動的小魚可以從左向右游動，也可以從右向左游動，小魚的運動軌跡為4、在場景中創(chuàng)建：①背景圖片放入場景。②建立第二層，放入大小不一的水影片元件，注意水泡的放置位置③建立第三層，放入多條小魚，使用小魚的影片元件時，可將其翻轉，從而改變其運動方向。五、課后作業(yè)：必做題：1、滾球2、我是一條小魚選做題：1、自強不息2、山地車第九周按鈕的制作教學目標：1、掌握按鈕制作的基本方法。2、掌握按鈕中的動畫設計方法。3、掌握透明按鈕的制作教學重點：按鈕元件的創(chuàng)建，按鈕動畫的設計。教學難點：按鈕中的四種狀態(tài)。教學過程：一、按鈕元件（可詳見課本P111）按鈕用于響應鼠標，即隨鼠標顯示不同的狀態(tài)，執(zhí)行指定的行為。1、插入按鈕元件，執(zhí)行“插入”－“新建元件”命令（或者按<ctrl+F8>鍵），在創(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(DragOut){//當鼠標拖過的時候執(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、moveon或nextandback3、完成書中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ù)播放，另一個聲音實例同時開始播放?！伴_始”選項和“事件”選項一樣，只是如果聲音正在播放，就不會播放新的聲音實例?！巴Ｖ埂边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的動作腳本語言?？梢訟S使用控制FLASH影片中的對象，創(chuàng)建導航和交互元素，也可以擴展FLASH，制作高級交互影片和FLASH交互網(wǎng)站。二、利用AS能做些什么？使用AS，用戶不僅可以動態(tài)地控制動畫的進行，而且能夠進行各種運算，甚至由各種方式獲取用戶的動作并且即時作出回應。目前它在交互式網(wǎng)站、課件的制作及一些游戲、MTV和電子賀卡制作中的應用及為廣泛。三、編輯AS1、動作面版的介紹①動作工具箱②腳本導航器③腳本助手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");}觀察制作的結果：六、第二個實例：Foodhouse1、下載源文件分析一下其中的動畫效果2、制作以下效果:七、補充：利用getURL跳轉到其他網(wǎng)頁1、查看一下精美的韓版菜單條（你能仿制嗎？）看一下源代碼2、為這個菜單添加getURL語句：參考on(release){getURL("");}思考：加在什么位置八、本周作業(yè)：1、下拉菜單2、Foodhouse（時間軸提示）第十六周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語句可以復制一個MovieClip（影片剪輯），同時可以為復制得到的MovieClip重新命名。該命令是一條單獨的語句，語法結構如下：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、“下雨”的代碼返回到場景，將完成的影片