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