《形變動畫的精確控制》教學(xué)設(shè)計

1、精選優(yōu)質(zhì)文檔-傾情為你奉上形變動畫的精確控制教學(xué)設(shè)計贛南教育學(xué)院 汪宏海所屬學(xué)科：計算機(jī)科學(xué)與技術(shù)所屬專業(yè)：計算機(jī)應(yīng)用技術(shù)課程名稱：FLASH動畫設(shè)計適用對象：?？茖哟斡嬎銠C(jī)多媒體技術(shù)及相關(guān)專業(yè)大學(xué)二年級學(xué)生一、教學(xué)背景目前，F(xiàn)lash動畫已成為網(wǎng)絡(luò)多媒體的主力，其強(qiáng)烈的視覺沖擊力給瀏覽者留下了深刻的印象，廣泛應(yīng)用于廣告、網(wǎng)絡(luò)動畫、多媒體教學(xué)軟件、游戲設(shè)計、企業(yè)介紹、產(chǎn)品展示、電子相冊等領(lǐng)域。Flash 動畫設(shè)計作為一種應(yīng)用廣泛和不斷發(fā)展創(chuàng)新的計算機(jī)二維動畫主流技術(shù)，已成為很多高校計算機(jī)多媒體技術(shù)和相關(guān)專業(yè)的重要基干課程。因此，如何使學(xué)生在有限的學(xué)時內(nèi)更好的掌握這門課程，需要我們廣大教師探索新

2、的教學(xué)方法，不斷在教學(xué)實踐中總結(jié)各種教學(xué)方法的特點、適用場合?？傮w來說Flash動畫設(shè)計這門課程常用的教學(xué)方法有：案例教學(xué)法、問題導(dǎo)向教學(xué)發(fā)、任務(wù)驅(qū)動教學(xué)法、項目教學(xué)法、分層教學(xué)法等。各種教學(xué)方法的綜合、靈活應(yīng)用對提高課堂教學(xué)效果和學(xué)生學(xué)習(xí)興趣具有非常重要的作用。本視頻通過對形變動畫的精確控制這一內(nèi)容進(jìn)行講解，綜合應(yīng)用各種教學(xué)方法把相關(guān)的基本理論、基礎(chǔ)知識講解透徹，并通過實際操作讓學(xué)生親自體驗，讓學(xué)生成為課堂上積極主動的角色，培養(yǎng)其主動學(xué)習(xí)，終身學(xué)習(xí)的意識和創(chuàng)新能力。二、教學(xué)內(nèi)容分析Flash的動畫類型主要有位移動畫、形變動畫、逐幀動畫、路徑動畫、蒙版動畫、腳本動畫等，形變動畫主要分兩類，一類

3、是不需要精確控制的，另一類是需要精確控制的。在這兩類中，需要精確控制的是形變動畫制作中的重點和難點。本課主要介紹形變動畫的精確控制方法。三、教學(xué)方法與教學(xué)策略根據(jù)對學(xué)習(xí)對象的分析制定出以下教學(xué)方法：案例教學(xué)法、問題導(dǎo)向法、任務(wù)驅(qū)動教學(xué)法相結(jié)合教學(xué)法等。基于學(xué)生學(xué)習(xí)課時緊、任務(wù)重，但學(xué)生對動畫的興趣濃等特點，首先通過給學(xué)生展示兩個不同的形變動畫，讓學(xué)生經(jīng)思考哪一個是需要精確控制的形變動畫；再導(dǎo)出形變動畫精確控制的概念；再通過實際案例的制作，邊演示邊講解，逐步把其中的重點和難點講解清楚，讓學(xué)生掌握形變動畫精確控制的基本方法；最后給學(xué)生布置練習(xí)進(jìn)一步熟悉、鞏固所學(xué)知識。在整個課堂教學(xué)過程中，以案例為

4、主線，把案例分解為一個一個單獨能完成的小任務(wù)，并通過設(shè)置一系列合理的問題，以問題為核心逐步引導(dǎo)學(xué)生掌握解決這些問題的知識和方法，從而完成一個一個的子任務(wù)的制作，進(jìn)而完成整個案例的制作。四、教學(xué)目標(biāo)、重點、難點1.教學(xué)目標(biāo)(1)理解需要精確控制形變動畫的概念；(2)掌握形變動畫精確控制的步驟和方法；2.教學(xué)重點形變動畫精確控制的方法。3.教學(xué)難點通過形狀提示點精確控制對象的方法和步驟。五、教學(xué)過程1.何謂形變動畫的精確控制？下面有兩個形變動畫實例，大家區(qū)分一下這兩個實例中，哪個是不需要精確控制的，哪個是需要精確控制的。 分析：第一個動畫是由雞變成鴨，再由鴨變回雞，它反映的是一種慢慢變化，也就是一

5、種漸變，這種變化是不規(guī)則的，沒有規(guī)律的，我們稱這種動畫為不需要精確控制的形變動畫；第二個動畫中有一個立方體，在立方體內(nèi)部有一個變形體沿著立方體的輪廓不斷的變化，這種變化是按照預(yù)先設(shè)計好的變化進(jìn)行的，也就是說是一種有規(guī)律的變化，我們稱這種動畫為需要精確控制的形變動畫。那么，形變動畫的精確控制究竟如何實現(xiàn)的呢？我們通過實例的制作來看看究竟是如何實現(xiàn)的。2.制作立方體(1)新建一個文件，畫一個立方體輪廓：選擇矩形工具，去掉填充色，邊框色設(shè)置為黑色，畫一個矩形（200*100），按Ctrl+T打開變形面板，傾斜45度，用Alt鍵復(fù)制一份，再用直線工具把對應(yīng)的點連接起來。(2)立方體里面三條線被遮擋住，

6、應(yīng)該畫成虛線表示。新建一個圖層2，把圖層1改名為實線，圖層2改名為虛線，再在圖層“實線”中選擇此三條直線，按Ctrl+X，把它原位置粘貼到圖層“虛線”中，再把“虛線”圖層放置在“實線”圖層的下面，最后再把“虛線”圖層里的三條直線改為虛線效果。 3.繪制變形體三角形和平行四邊形(1)再新建一個圖層3，改名為“變形體”，讓“變形體”圖層放在“實線”圖層和“虛線”圖層之間。 (2)變形體剛開始是三角形，所以我們開始應(yīng)該畫一個三角形，用直線工具畫，直線顏色設(shè)置為紅色。 (3)用顏料桶工具給“變形物體”圖層中的三角形填充一個半透明綠色：在選擇顏色工具后會彈出顏色選擇框，選擇綠色，里面有個Alpha設(shè)置，

7、默認(rèn)是100%，把它修改為50%，再用顏料桶工具把三角形填充為綠色，此時填充的綠色即是半透明的綠色，后面的虛線就可以看見了。 (4)在“變形體”圖層的第15幀處按F7鍵，通過按F5鍵讓其它兩個圖層里的對象也延長顯示到第15幀，再這個空白幀里畫一個平行四邊形，也填上半透明綠色，平行四邊形的線條顏色為紅色。 4.檢查形變動畫制作的條件是否滿足兩個基本條件：一是要求對象必須為散件（圖形）； 二是在兩個不同對象之間創(chuàng)建補(bǔ)間形狀。因為我們這個動畫所需的素材都是自己通過線條工具畫的，全部都是散件(圖形)，所以不存在元件轉(zhuǎn)換成散件的問題，也即第一個條件滿足，在第1到第15幀之間“創(chuàng)建補(bǔ)間形狀”后，形變動畫的

8、兩個基本條件就都滿足了。5.調(diào)試運(yùn)行 (1)調(diào)試運(yùn)行，可能會發(fā)現(xiàn)變形的方式不是跟我們實例里不一樣，如果運(yùn)行效果不是我們想要的效果怎么辦？ 這就需要對形變動畫進(jìn)行精確控制。 (2)如何進(jìn)行精確控制？ 通過添加形狀提示（控制點），用控制點來進(jìn)行控制。 6.控制第一次變形再調(diào)試運(yùn)行，可能會發(fā)現(xiàn)變形方式還跟我們實例里不一樣，造成這種情況的原因是什么呢？大家把“變形物體”圖層第1幀里的三角形放大并讓控制點顯示，就會發(fā)現(xiàn)c點和d點放在兩條邊的交叉點上，這樣就會造成c點和d點不知道控制哪條邊這種類似職責(zé)不明確的情況，這就是跟實例不一樣的原因。修正這種情況的方法是：讓c點不要放在交叉點上，讓它放在它要控制的邊

9、上，d點也類似。重新調(diào)試運(yùn)行，發(fā)現(xiàn)就是我們要的效果。7.控制第二次變形在第30幀處按F7，上面和下面圖層都在第30幀處按F5鍵，在“變形物體”圖層上第30幀里畫一個矩形（和立方體正前面相對的面），然后填充半透明綠色，再“創(chuàng)建補(bǔ)間形狀”，運(yùn)行后發(fā)現(xiàn)沒問題，不需要精確控制。8.控制第三次變形在“變形物體”圖層第45幀處按F7鍵，上面和下面圖層都在第45幀處按F5鍵，在這個空白幀中畫一個矩形，填充半透明綠色，再“創(chuàng)建補(bǔ)間形狀”，調(diào)試運(yùn)行發(fā)現(xiàn)跟實例不一樣，需要進(jìn)行精確控制，在第30幀里執(zhí)行“添加形狀提示”四次，出現(xiàn)四個控制點，放好四個控制點的位置（從左上角沿著順時針方向放），在第45幀里也按這個方向放

10、好四個控制點，調(diào)試運(yùn)行發(fā)現(xiàn)也不行（因為控制點都放在邊的交叉點上），調(diào)整方法跟前面類似（a點控制左邊的斜邊，其它控制點沿順時針方向放）。 9.控制第四次和第五次變形 (1)在“變形物體”圖層第60幀處按F7鍵，上面和下面圖層都在第60幀處按F5鍵，在這個空白幀中畫一個矩形，填充半透明綠色，再“創(chuàng)建補(bǔ)間形狀”，調(diào)試運(yùn)行發(fā)現(xiàn)跟實例一樣，不需要進(jìn)行精確控制。 (2)在“變形物體”圖層第75幀處按F7鍵，上面和下面圖層都在第75幀處按F5鍵，在這個空白幀中畫一個矩形，填充半透明綠色，再“創(chuàng)建補(bǔ)間形狀”，調(diào)試運(yùn)行發(fā)現(xiàn)跟實例一樣，不需要進(jìn)行精確控制。為了讓動畫播放完一遍后有個停頓效果，需要把三個圖層中的幀都延長演示到第80幀，即在第80幀處分別按F5。到此為止，實例制作完成。六、教學(xué)總結(jié)形變動畫精確控制的方法1. 設(shè)置好變形前和變形后的變形對象； 2. 根據(jù)控制的對象添加形狀提示點(控制點)； 3. 在變形前的對象上分配控制點； 4. 在變形后的對象上分配控制點；