《形變動(dòng)畫(huà)的精確控制》教學(xué)設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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