【正文】 第一篇：flash動畫制作教案信息技術(shù)興趣小組活動教案王德 億利東方學(xué)校第一周 FLASH的基本知識教學(xué)目標：熟悉FLASH的界面。掌握幾個基本工具的使用：選取工具、變形工具、填充工具、線條工具、橢圓工具、矩形工具、顏料筒工具、墨水瓶工具。掌握幾個基本術(shù)語：圖層、元件記住幾個快捷鍵完成四幅繪制圖案 教學(xué)重點： 應(yīng)用工具畫圖 教學(xué)難點： 復(fù)雜遮照的創(chuàng)建。教學(xué)過程：一、界面環(huán)境介紹二、工具箱的介紹工具箱提供了用于圖形繪制和圖形編輯的各種工具。工具箱內(nèi)從上到下分為4個欄：“工具”欄、“查看”欄、“顏色”欄和“選項”欄，單擊某個工具的按鈕，即可激活相應(yīng)的操作功能，以后把這一操作叫作使用某個工具。（1）“工具”欄：工具箱之“工具”欄內(nèi)的工具用來繪制圖形、輸入文字和編輯圖形。（2）“查看”欄：工具箱之“查看”欄內(nèi)的工具是用來調(diào)整舞臺編輯畫面的觀察位置和顯示比例的。其中兩個工具按鈕的名稱與作用如表113所示。（3）“顏色”欄：工具箱之“顏色”欄的工具是用來確定繪制圖形的線條和填充的顏色。其中各工具按鈕的名稱與作用如下。（筆觸顏色）按鈕：用于給線著色，也叫作描繪顏色。（填充色）按鈕：用于給填充著色。（從左到右分別是：黑白、沒有顏色和交換顏色）按鈕：單擊“黑白”按鈕，可使筆觸顏色和填充色恢復(fù)到默認狀態(tài)（筆觸顏色為黑色，填充色為白色）。在選擇了橢圓或矩形工具后，“沒有顏色”按鈕才有效，變?yōu)?，單擊它可以在沒有顏色和有顏色之間切換。單擊“交換顏色”按鈕，可以使筆觸顏色與填充色互換。（4）“選項”欄：工具箱之“選項”欄中放置了用于對當(dāng)前激活的工具進行設(shè)置的一些屬性和功能按鈕等選項。這些選項是隨著用戶選用工具的改變而變化的，大多數(shù)工具都有自己相應(yīng)的屬性設(shè)置。在繪圖、輸入文字或編輯對象時，通常應(yīng)當(dāng)在選中繪圖或編輯工具后，再對其屬性和功能進行設(shè)置，才能順利達到預(yù)期的效果。三、動手用一下工具使用工具制作一個“笑臉”或“哭臉”漸變工具的使用：幾個關(guān)鍵概念顏色調(diào)板填充變形工具的使用用橢圓畫個畫環(huán) 操作步驟：用填充色畫圓，并設(shè)置筆觸的粗細。設(shè)置邊線的填充色為“七彩色”。將該線形圓環(huán)轉(zhuǎn)換成填充色：修改－－形狀－－將線條為填充。使用“墨水瓶”工具給圓環(huán)加邊線。效果如右：用多邊形工具畫太陽 操作步驟：用多邊星形工具制作太陽的外圍，作以下設(shè)置：（1）將矩形工具轉(zhuǎn)換成多角星形工具（2）設(shè)置多角星形的“屬性”中的“選項”（3）設(shè)置“樣式”為星形，輸入星形數(shù)，及星形頂點大?。旤c越小，星形越尖）設(shè)置填充色為放射性，無邊線開始畫星形。創(chuàng)建一個同心的圓為太陽的臉。使用直線工具畫眼、嘴。（注意：用選擇工具調(diào)整其曲線度，利用變形工具作旋轉(zhuǎn)）四、課堂習(xí)題：自創(chuàng)月亮五、課后作業(yè)書本P34頁的實例6：茶杯。第二周 各類特效文字的制作教學(xué)進度：正常 教學(xué)目標：要求學(xué)生掌握漸變工具、多角星形工具、墨水瓶工具、文字工具、濾鏡的使用。要求學(xué)生掌握修改菜單中的位圖、元件、形狀的菜單項。掌握如何制作特效文字。掌握位圖的導(dǎo)入及矢量圖的轉(zhuǎn)換。教學(xué)重點：掌握空心文字、投影文字、點框文字、彩虹文字、金屬文字、雪花文字的制作教學(xué)難點： 復(fù)雜遮照的創(chuàng)建。教學(xué)過程：一、點框文字 制作步驟：用文字工具輸入文字將文字使用“分離”或按下（ctrl+B）組合鍵再將每個分離的文字使用“分離”，即直到文字被選中時呈現(xiàn)點型。使用“墨水瓶”工具，設(shè)置線型為“點型”，設(shè)置線的顏色（注意務(wù)必使用與文字顏色不同的一種顏色），用鼠標單擊文字所有文字的邊線勾勒完畢后，用選取工具選取文字內(nèi)心，并刪除。二、彩虹文字 制作步驟：用文字工具輸入文字將文字使用“分離”，（分離二次）選擇填充顏色，再用顏料筒單擊文字即可三、彩圖文字圖片下載 制作步驟：用文字工具輸入文字將文字使用“分離”選擇填充類型為“圖片”，圖片填充有二類再用墨水瓶工具勾勒邊緣將邊緣線條轉(zhuǎn)化為填充“修改”－－“形狀”－－“柔化填充邊緣”四、雪花文字五、補充知識：倒影字的制作六、課后作業(yè)：制作一個圖案文字小技巧：ctrl+v與ctrl+shift+v的區(qū)別：后者是復(fù)制時保持前后位置都一樣。第三周 直線運動和變形運動教學(xué)目標：要求學(xué)生掌握直線運動和變形運動的補間。掌握直線運動的特點：元件與普通形狀對象都可以制作直線運動。掌握變形運動的特點：普通形狀對象可以變形。掌握影片元件的制作方法。教學(xué)重點： 運動補間的設(shè)置；影片元件的創(chuàng)建。 教學(xué)難點： 關(guān)鍵幀／普通幀的區(qū)別； 教學(xué)過程：一、導(dǎo)入：動畫制作的關(guān)鍵要素幀——是進行flash動畫制作的最基本的單位，每一個精彩的flash動畫都是由很多個精心雕琢的幀構(gòu)成的，在時間軸上的每一幀都可以包含需要顯示的所有內(nèi)容，包括圖形、聲音、各種素材和其他多種對象。關(guān)鍵幀——顧名思義，有關(guān)鍵內(nèi)容的幀。用來定義動畫變化、更改狀態(tài)的幀，即編輯舞臺上存在實例對象并可對其進行編輯的幀?？瞻钻P(guān)鍵幀——空白關(guān)鍵幀是沒有包含舞臺上的實例內(nèi)容的關(guān)鍵幀。普通幀——在時間軸上能顯示實例對象，但不能對實例對象進行編輯操作的幀。以上四種幀的區(qū)別① 關(guān)鍵幀在時間軸上顯示為實心的圓點，空白關(guān)鍵幀在時間軸上顯示為空心的圓點，普通幀在時間軸上顯示為灰色填充的小方格② 同一層中，在前一個關(guān)鍵幀的后面任一幀處插入關(guān)鍵幀，是復(fù)制前一個關(guān)鍵幀上的對象，并可對其進行編輯操作；如果插入普通幀，是延續(xù)前一個關(guān)鍵幀上的內(nèi)容，不可對其進行編輯操作；插入空白關(guān)鍵幀，可清除該幀后面的延續(xù)內(nèi)容，可以在空白關(guān)鍵幀上添加 新的實例對象。③ 關(guān)鍵幀和空白關(guān)鍵幀上都可以添加幀動作腳本，普通幀上則不能。應(yīng)用中需注意的問題 ① 應(yīng)盡可能的節(jié)約關(guān)鍵幀的使用，以減小動畫文件的體積；② 盡量避免在同一幀處過多的使用關(guān)鍵幀，以減小動畫運行的負擔(dān)，使畫面播放流暢。二、基本動畫變形動畫：要求參與動畫的對象必須是形狀，不得使用元件。例如：以下動畫中A－－＞B－－＞C之間、五角星——十角形即為形狀變形。操作步驟： ①設(shè)置背景色②插入第一關(guān)鍵幀，并繪制一個五角形。③在第30幀上插入空白關(guān)鍵幀，并繪制一個十角星形。④利用時間軸上的“編輯多幀”工具，對齊第一、二關(guān)鍵幀的各自五個角。⑤在第一關(guān)鍵幀上設(shè)定五個“形狀提示點”，修改－－形狀－－添加形狀提示點。⑥在第二關(guān)鍵幀上設(shè)定各提示點的對應(yīng)終點位置。⑦對第一關(guān)鍵幀設(shè)定“形狀”動畫補間。思考：直線運動動畫：任何對象都可以設(shè)置直線動畫，只需二個關(guān)鍵幀 例如：素材下載漸變運動動畫① 淡入、淡出動畫：使用實例才能完成此項動畫，一般通過調(diào)整關(guān)鍵幀的透明度來設(shè)置場景中的各實例的出現(xiàn)方式。一般淡入淡出式動畫是用二個關(guān)鍵幀完成，第一關(guān)鍵幀為全透明（100%）或部分透明，第二關(guān)鍵幀透明度為0。②閃爍動畫：一般用三個關(guān)鍵幀完成，即從淡入到淡出的過程，即全透明－－不透明－－全透明的設(shè)置過程。例如：以下例子中星星，就是用影片元件來完成的。旋轉(zhuǎn)動畫：一般旋轉(zhuǎn)度數(shù)在360度以上，則采用實例，即旋轉(zhuǎn)的對象必須是通過元件調(diào)入的。而旋轉(zhuǎn)度小于360度，則旋轉(zhuǎn)對象可以是形狀。動畫設(shè)定只需二個關(guān)鍵幀。例如：拖影文字(課后完成)操作步驟：①建立文字元件,拖到舞臺②創(chuàng)建第一圖層，設(shè)定第一、二關(guān)鍵幀（同幀），并設(shè)制“動畫”補間，旋轉(zhuǎn)為1次。②創(chuàng)建第二圖層，此層為陰影層，復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層，這些層均為拖影層，每層之間涉后二幀。與第一圖層相比，這些層均要逐漸調(diào)整透明度。三、總結(jié)鞏固：圖形元件的制作圖形元件的應(yīng)用： ①實例：元件調(diào)入到場景后，就叫實例，實例可以取名，以后便于以后寫代碼（編程）時調(diào)用。②對元件的編輯： ③對實例的編輯：與元件編輯最大區(qū)別在于對元件本身不修改，主要的編輯方法有改變色調(diào)、透明度等。四、作業(yè)：本周作業(yè)名稱為：字母變形應(yīng)用提示點變形(星型)拖影文字預(yù)習(xí)：夜色中的汽車(綜合漸變星星一起做)第四周 Flash 中的動畫教學(xué)目標：要求學(xué)生掌握直線運動的補間。掌握直線運動的特點：元件與普通形狀對象都可以制作直線運動。掌握影片元件的制作方法。了解flash 中的幾種基本動畫教學(xué)重點： flash 中的幾種基本動畫。教學(xué)難點： 基本動畫的區(qū)別； 教學(xué)過程：一、導(dǎo)入：Flash 中的幾種基本動畫。動作補間動畫是Flash 中最常見的動畫類型。它可以結(jié)合色彩、透明度、位置的變化，使作品更加絢麗多彩。如何通過動作補間動畫將對象的運動形象生動的表現(xiàn)出來，是學(xué)習(xí)運動動畫的根本目的。如上堂課的汽車運動動畫。形狀補間動畫同樣是Flash 中最常見的動畫類型。但是它的變形對象是矢量圖形，利用這種動畫可以使場景上的矢量圖形作出任意形狀、位置和顏色的平滑變化。它與動作補間動畫的區(qū)別是：動作補間的作用對象是元件或被組合的對象，而形狀補間動畫的作用對象是矢量圖形。如上堂課的字母變形動畫。逐幀動畫要創(chuàng)建逐幀動畫，需要將每一個幀都定義為關(guān)鍵幀，然后給每一個幀都創(chuàng)建不同的圖象。制作逐幀動畫的基本思想是把一系列相差甚微的圖形或文字放置在一系列的關(guān)鍵幀中，使動畫播放的時候看起來像是一系列連續(xù)變化的動畫。如圖所示，展示了一個小男孩的行為動畫。蒙版動畫在制作動畫的過程中，有些效果用通常的方法很難實現(xiàn)。比如：手電筒、探照燈、百頁窗等效果。這時就要用到蒙版動畫了。要創(chuàng)建蒙版動畫，需要有兩個圖層：遮罩層和被遮罩層。遮罩項目像是一個窗口，透過它可以看到位于它下面的鏈接層區(qū)域，而且除了透過遮罩項目顯示的內(nèi)容，其余的所有內(nèi)容都被隱藏起來了。如圖所示：引導(dǎo)層動畫引導(dǎo)層作為一個特殊的圖層，在Flash 動畫設(shè)計中的應(yīng)用也十分廣泛。在引導(dǎo)層的幫助下，可以實現(xiàn)對象沿著特定的路徑運動。要創(chuàng)建引導(dǎo)層動畫，需要兩個圖層，如圖所示 ：二、回顧旋轉(zhuǎn)動畫：一般旋轉(zhuǎn)度數(shù)在360度以上，則采用實例，即旋轉(zhuǎn)的對象必須是通過元件調(diào)入的。而旋轉(zhuǎn)度小于360度，則旋轉(zhuǎn)對象可以是形狀。動畫設(shè)定只需二個關(guān)鍵幀。例如：拖影文字 操作步驟：①建立文字元件,拖到舞臺②創(chuàng)建第一圖層，設(shè)定第一、二關(guān)鍵幀（同幀），并設(shè)制“動畫”補間，旋轉(zhuǎn)為1次。②創(chuàng)建第二圖層，此層為陰影層，復(fù)制第一層的關(guān)鍵幀,用方向箭頭控制。③創(chuàng)建第三至第九圖層，這些層均為拖影層，每層之間涉后二幀。與第一圖層相比，這些層均要逐漸調(diào)整透明度。三、元件的創(chuàng)建,多圖層動畫的制作四、本周作業(yè)：拖影文字夜色馬路第五周 鞏固與檢測教學(xué)目標：要求學(xué)生鞏固橢圓工具、直線工具、填充工具、鋼筆工具、變形工具、選取工具、墨水瓶工具、矩形工具的使用。鞏固圖形元件、影片元件的創(chuàng)建。鞏固二類補間動畫的特點。鞏固二類動畫：變形動畫、直線運動動畫。測驗學(xué)生的圖形繪制能力，時間1小時教學(xué)重點： 運動補間的設(shè)置；影片元件的創(chuàng)建。教學(xué)難點： 影片元件與圖形元件的區(qū)別。教學(xué)過程：一、鞏固復(fù)習(xí)題：倒影動畫（本實例主要使用了文本工具、墨水瓶工具、打散功能、Alpha值設(shè)置等來操作）。主要通過一下幾個步驟來完成。使用文本工具在舞臺場景中輸入文字。使用打散功能將文字打散為矢量圖形。使用墨水瓶工具為文字描邊。使用F8快捷鍵將文字轉(zhuǎn)化為影片剪輯，并在其中進行Alpha值的設(shè)置。多層變形動畫（掌握對象繪制工具的使用。）思考并完成一下動畫效果的制作，分析幀之間的時間順序及文字分別做了什么動畫？（背景下載）二、十一課后作業(yè)：完成作業(yè)本上前幾周作業(yè)的上傳、學(xué)習(xí)上堂課中五種基本動畫的設(shè)計制作。（素材下載）(補充源代碼下載)本周上傳作業(yè)名稱為：陰影動畫圓環(huán)字母變形第六周 鞏固與檢測教學(xué)目標：要求學(xué)生鞏固掌握FLASH的工具中的一些技巧。鞏固FALSH中存在的五種變化移動、縮放、旋轉(zhuǎn)、顏色、透明度 教學(xué)重點：工具中技巧的合理運用。教學(xué)過程：一、在FLASH中有些工具使用的技巧有助于動畫設(shè)計的美感，下面總結(jié)幾種我們平時制作當(dāng)中常用到的幾種小技巧：柔化物體邊緣 先看下圖一的效果,此效果，我們所使用的最簡單的方法是利用 FLASH 本身的邊緣柔化功能：圖一圖二 圖三先畫好一個圓，如圖二；然后選中此圖形(不可是元件圖形)圓，選擇修改形狀柔化邊緣填充，在彈出的對話框里設(shè)置參數(shù)，如圖三，確定以后就形成上圖的效果。（注意：參數(shù)的大小影響了邊緣柔化的程度，但有一點，最好只進行一次柔化，如在柔化以后再柔化可能會使FLASH計算復(fù)雜,而出現(xiàn)于要求不同的效果。）同理,我們可以對文字邊緣進行柔化,如下效果3和4分別是對文字的填充色和筆觸進行了柔化。值得注意的是必須先把文字分離，并且在對筆觸進行柔化之前，事先要求將線條轉(zhuǎn)化為填充。引申：在實際運用當(dāng)中如果要進行較為靈活的邊緣柔化，我們不妨利用混色器來完成。即在選中圖形后調(diào)出混色器編輯框，顏色填充樣式選擇放射狀，然后將左右兩個顏色填充節(jié)點的顏色都設(shè)置為白色，再將右邊的顏色節(jié)點的透明度為“0”，如下圖用此方法制作的效果有