動(dòng)漫設(shè)計(jì)在網(wǎng)課中的應(yīng)用技術(shù)研究

彭忠利，高彥華，柏 雪

(西南民族大學(xué)生命科學(xué)與技術(shù)學(xué)院，四川成都 610041)

疫情當(dāng)下，網(wǎng)課幾乎成為教學(xué)的唯一方式，但在網(wǎng)絡(luò)課堂教學(xué)中，面對(duì)邏輯概念比較抽象的知識(shí)點(diǎn)講解時(shí)，往往存在教師難以用文字、語言和平面展示描述清晰，學(xué)生也很難理解的情況.同時(shí)學(xué)生長(zhǎng)時(shí)間看靜止的屏幕容易引起視覺疲勞，注意力下降.而動(dòng)漫具有形象生動(dòng)，可以逐一動(dòng)態(tài)展示的特點(diǎn)，有利于教師分層次講解，同時(shí)能吸引學(xué)生的注意力和提高學(xué)生的學(xué)習(xí)熱情，有利于學(xué)生對(duì)很抽象的知識(shí)點(diǎn)的理解和加深印象.本文通過對(duì)常用動(dòng)漫設(shè)計(jì)軟件的功能和優(yōu)缺點(diǎn)對(duì)比分析，推薦出容易制作動(dòng)漫課件的動(dòng)漫設(shè)計(jì)軟件，并對(duì)動(dòng)漫設(shè)計(jì)過程進(jìn)行了詳細(xì)介紹，以期為動(dòng)漫設(shè)計(jì)在網(wǎng)課中的應(yīng)用技術(shù)提供借簽與幫助.

1 動(dòng)漫設(shè)計(jì)軟件功能分析

動(dòng)漫設(shè)計(jì)分為二維動(dòng)漫設(shè)計(jì)和三維動(dòng)漫設(shè)計(jì)，就目前大多數(shù)教師而言，在利用計(jì)算機(jī)實(shí)現(xiàn)動(dòng)漫設(shè)計(jì)方面普遍存在知識(shí)儲(chǔ)量不足的情況[1].在課堂教學(xué)中，進(jìn)行動(dòng)畫設(shè)計(jì)更多的以二維動(dòng)漫為主.目前國內(nèi)外二維動(dòng)漫設(shè)計(jì)軟件主要有Flash、TVPaint Animation、RetasPRO、USanimation、Animate CC 等.

1.1 Flash

Flash是美國的MACROMEDIA公司于1999年6月推出的優(yōu)秀網(wǎng)頁動(dòng)漫設(shè)計(jì)軟件.它是一種交互式動(dòng)畫設(shè)計(jì)工具，用它可以將音樂、聲效、動(dòng)畫以及富有新意的界面融合在一起，從而制作出高品質(zhì)的網(wǎng)頁動(dòng)態(tài)效果[2].Flash誕生就提出繪圖和編輯圖形、補(bǔ)間動(dòng)畫、遮罩三大基本功能，這是三個(gè)緊密相連的邏輯功能，是整個(gè)Flash動(dòng)畫設(shè)計(jì)知識(shí)體系中最重要、也是最基礎(chǔ)的部分.Flash動(dòng)畫就是“遮罩+補(bǔ)間動(dòng)畫+逐幀動(dòng)畫”與元件的混合物，通過這些元素的不同組合，從而創(chuàng)建千變?nèi)f化的效果[3]，F(xiàn)lash已經(jīng)慢慢成為制作網(wǎng)頁動(dòng)漫標(biāo)準(zhǔn).

1.2 TVPaint Animation

TVPaint Animation是一款法國動(dòng)漫制作軟件，適合個(gè)人或者小型動(dòng)漫工作室制作動(dòng)漫.該軟件使用位圖格式進(jìn)行動(dòng)漫制作，非常適合動(dòng)漫制作者使用手動(dòng)制圖進(jìn)行二維漫畫的創(chuàng)作[4].TVPaint Animation的特色是有著種類眾多的筆刷效果工具，能夠讓動(dòng)漫設(shè)計(jì)者在電腦上實(shí)現(xiàn)的模擬手動(dòng)繪畫的效果[5].但軟件使用需要制作人員具備一定動(dòng)漫設(shè)計(jì)基礎(chǔ)，特別適合插象畫家與動(dòng)漫師進(jìn)行動(dòng)漫制作.

1.3 RETAS PRO

RETASPRO是日本Celsys株式會(huì)社開發(fā)的一款應(yīng)用于普通PC和蘋果機(jī)的專業(yè)二維動(dòng)漫制作軟件.它的出現(xiàn)，迅速填補(bǔ)了PC機(jī)和蘋果機(jī)上沒有專業(yè)二維動(dòng)漫制作軟件的空白[6].RETAS PRO的制作過程與傳統(tǒng)的動(dòng)漫制作過程十分相近，主要由描線模塊、掃描模塊、上色模塊和合成模塊四大模塊組成，替代了傳統(tǒng)動(dòng)漫制作中描線、上色、制作攝影以及特效處理和拍攝合成的全部過程.同時(shí)RETAS PRO不僅可以制作二維動(dòng)漫，而且還可以合成實(shí)景以及計(jì)算機(jī)三維圖象[7].RETAS PRO廣泛應(yīng)用于電影、電視、游戲和光盤等多種領(lǐng)域.

1.4 USanimatio

USanimatio因?yàn)槠渚邆涫噶炕仙到y(tǒng)，被業(yè)界公認(rèn)為是最快的具備自動(dòng)上色的軟件.該軟件與其它軟件相比，上色過程中在不損失任何圖像質(zhì)量的前提下，能節(jié)省30% ～40%的時(shí)間.USanimation的創(chuàng)新功能點(diǎn)是，在相互連接合成的系統(tǒng)中可以對(duì)任何一層進(jìn)行修改，并及時(shí)顯示所有層的模擬效果.

1.5 Animate CC

Animate CC以一款矢量動(dòng)畫制作軟件[8]，由原Adobe Flash Professional CC更名而來，除維持原有Flash開發(fā)工具支持外，還新增HTML5創(chuàng)作工具，為網(wǎng)頁開發(fā)者提供更適應(yīng)現(xiàn)有網(wǎng)頁應(yīng)用的音頻、圖片、視頻、動(dòng)畫等創(chuàng)作支持.Animate CC擁有大量的新特性，特別是在繼續(xù)支持Flash SWF、AIR格式的同時(shí)，還支持HTML5Canvas、WebGL，并通過可擴(kuò)展架構(gòu)支持包括SVG在內(nèi)的幾乎任何動(dòng)漫格式[9].Animate CC在幫助選項(xiàng)中可以快速進(jìn)入Animate教程的網(wǎng)頁，該網(wǎng)頁不僅提供經(jīng)驗(yàn)豐富開發(fā)者的學(xué)習(xí)教程，而且還為初學(xué)者提供了快速上手的教程.對(duì)于一個(gè)零基礎(chǔ)的開發(fā)者來說，通過大約1～2小時(shí)的學(xué)習(xí)，就能夠上手制作簡(jiǎn)單的動(dòng)漫，具有簡(jiǎn)單易學(xué)，上手快等特點(diǎn).Animate CC軟件是一款優(yōu)秀的動(dòng)畫制作軟件，在動(dòng)漫設(shè)計(jì)者不斷深入了解后，可以制作更精致、流暢的動(dòng)漫作品[10].

1.6 動(dòng)畫制作軟件對(duì)比分析

上述所列5款動(dòng)漫設(shè)計(jì)軟件比較見表1.

表1 動(dòng)漫設(shè)計(jì)軟件特點(diǎn)對(duì)比Table 1 Features comparison of animation design software

上述五款動(dòng)漫設(shè)計(jì)軟件各有特色，都是目前較為常用的動(dòng)漫設(shè)計(jì)軟件.教師可根據(jù)實(shí)際情況和需要選擇適合的、易上手的軟件.筆者認(rèn)為Flash動(dòng)漫制作軟件和Animate CC軟件是應(yīng)用于網(wǎng)課中較為理想的動(dòng)漫制作軟件，鑒于HTML5動(dòng)漫是未來動(dòng)漫發(fā)展趨勢(shì)，因此Animate CC軟件是廣大教師進(jìn)行動(dòng)漫設(shè)計(jì)的首選.

2 動(dòng)漫制作流程

筆者使用Adobe公司的Animate CC軟件，結(jié)合自已的專業(yè)課程，以飼料粉碎機(jī)工作原理動(dòng)漫制作為例，對(duì)動(dòng)漫制作流程進(jìn)行介紹，以幫助快速理解動(dòng)漫設(shè)計(jì)的主要過程，其主要制作流程圖如圖1所示.

圖1 動(dòng)漫設(shè)計(jì)主要流程Fig.1 Main process of animation design

2.1 舞臺(tái)創(chuàng)建

飼料粉碎機(jī)結(jié)構(gòu)如圖2所示，其主要由以下幾個(gè)部件構(gòu)成:1、轉(zhuǎn)子，2、進(jìn)料導(dǎo)向機(jī)構(gòu)，3、上機(jī)殼，4、底座，5、操作門[11].

圖2 飼料粉碎機(jī)結(jié)構(gòu)圖Fig.2 Structure diagram of feed crusher

雙擊打開Animate CC軟件，系統(tǒng)就讓用戶設(shè)置動(dòng)漫的分辨率，該處有如下幾種分辨率設(shè)置:640×480，1 280 ×720，1 920 ×1 080，3 840 × 2 160.目前640×480分辨率的屏幕基本已經(jīng)被淘汰，3 840×2 160分辨率的屏幕還沒有全面普及，一般情況下選擇的分辨率是1 280×720，1 920×1 080.為了選擇最合適的分辨率，應(yīng)該通過查看演示動(dòng)漫電腦的顯示設(shè)置來獲取最恰當(dāng)?shù)娘@示分辨率.在完成動(dòng)慢準(zhǔn)備階段后，需要做動(dòng)漫的場(chǎng)景創(chuàng)建.第一步，對(duì)舞臺(tái)背景顏色做設(shè)置，默認(rèn)情況下舞臺(tái)背景顏色為白色，教師可以根據(jù)自己的需求來進(jìn)行相應(yīng)的舞臺(tái)背景顏色設(shè)置.第二步，舞臺(tái)背景圖片設(shè)置，這里有三種設(shè)置方式.(1)使用Animate CC軟件的工具欄進(jìn)行圖片的繪制.(2)通過導(dǎo)入本地資料圖片來設(shè)置舞臺(tái)背景圖片.(3)登錄Creative Cloud賬戶，在CC Libraries中獲取由其他開發(fā)者上傳的素材圖片.本文采用第一種方式，使用工具欄進(jìn)行圖片的繪制.

2.2 元件和圖層創(chuàng)建

在舞臺(tái)創(chuàng)建完成后，需要進(jìn)行新圖層和元件的創(chuàng)建.根據(jù)粉碎機(jī)的結(jié)構(gòu)繪制各個(gè)元件的圖案，點(diǎn)擊工具欄中的選擇工具，在整個(gè)背景圖片中依次選中每個(gè)元件的圖案，點(diǎn)擊鼠標(biāo)右鍵，在彈出的對(duì)話框中選擇轉(zhuǎn)換為元件，將背景圖片中每個(gè)圖案轉(zhuǎn)換成獨(dú)立的元件并對(duì)元件做重命名操作.在建立好全部元件后，需要為每個(gè)元件建立相對(duì)應(yīng)的圖層.Animate CC軟件很方便的為用戶提供分散到圖層的操作，用戶選中全部元件點(diǎn)擊鼠標(biāo)右鍵，在彈出的窗口中選擇“分散到圖層”，所有元件自動(dòng)建立好相對(duì)應(yīng)的圖層.建立好圖層后，如果元件存在相互覆蓋的關(guān)系，通過調(diào)整圖層的上下級(jí)關(guān)系，可以來調(diào)整元件之間相互覆蓋層級(jí).

2.3 擴(kuò)展幀

以飼料粉碎機(jī)的轉(zhuǎn)子運(yùn)動(dòng)為例，進(jìn)行時(shí)間長(zhǎng)度為60幀的動(dòng)漫擴(kuò)展幀操作講述.為了方便后面闡述，將圖2所示飼料粉碎機(jī)的轉(zhuǎn)子狀態(tài)表示為0°.完成粉碎機(jī)中轉(zhuǎn)子部件的動(dòng)漫準(zhǔn)備工作后，通過觀察頁面下方的時(shí)間軸，可知現(xiàn)在的動(dòng)漫只有1幀.通常情況下，需要在時(shí)間為1秒情況下具備24幀的動(dòng)漫，才能夠視其為流暢的動(dòng)漫，那么需要進(jìn)行擴(kuò)幀處理.

2.3.1 建立關(guān)鍵幀

在頁面下方的時(shí)間軸處，在60幀處選中所有圖層，點(diǎn)擊鼠標(biāo)右鍵，在彈出的對(duì)話框中選擇插入關(guān)鍵幀.這時(shí)可以看到在第1幀和第60幀處標(biāo)注了黑色小圓點(diǎn).在時(shí)間軸上標(biāo)注了黑色小圓點(diǎn)的幀為關(guān)鍵字，其指定了對(duì)象的一系列屬性.按照同樣的方法，在第15幀，30幀，45幀處插入關(guān)鍵幀，其中第1幀默認(rèn)為關(guān)鍵幀.關(guān)鍵幀可以理解為動(dòng)漫運(yùn)動(dòng)的一個(gè)重要節(jié)點(diǎn).飼料粉碎機(jī)的轉(zhuǎn)子動(dòng)漫設(shè)計(jì)中，第1幀是轉(zhuǎn)子處于圖2所示狀態(tài)處，第15幀是轉(zhuǎn)子運(yùn)動(dòng)到90°狀態(tài)處的圖片，第30幀是轉(zhuǎn)子運(yùn)動(dòng)到180°狀態(tài)處的圖片，第45幀是轉(zhuǎn)子運(yùn)動(dòng)到270°狀態(tài)處的圖片，第60幀是轉(zhuǎn)子運(yùn)動(dòng)到360°狀態(tài)處的圖片.第1～60幀剛好構(gòu)成了轉(zhuǎn)子周期運(yùn)動(dòng)的一個(gè)周期.2.3.2 繪制關(guān)鍵幀圖片

建立好關(guān)鍵幀后，還需要繪制關(guān)鍵幀處的圖片.第1幀的圖片默認(rèn)是舞臺(tái)背景圖片，不需要再進(jìn)行繪制.以第15幀為例，首先選中第15幀，然后使用工具欄中的工具繪制轉(zhuǎn)子運(yùn)動(dòng)到90°狀態(tài)處的圖片.按照第15幀繪制方法，繼續(xù)繪制第30幀，第45幀還、第60幀處轉(zhuǎn)子相應(yīng)的圖片.完成關(guān)鍵幀的建立和圖片繪制后，在整個(gè)時(shí)間軸上僅有6張圖片，還沒有構(gòu)成完整的動(dòng)漫，這時(shí)需要?jiǎng)?chuàng)建傳統(tǒng)補(bǔ)間動(dòng)漫.

2.3.3 創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)漫

繪制好關(guān)鍵幀圖片后，使用軟件自動(dòng)創(chuàng)建補(bǔ)間動(dòng)漫，完成關(guān)鍵幀之間動(dòng)漫的制作.選中第1幀，點(diǎn)擊鼠標(biāo)右鍵在彈出的對(duì)話框中選擇創(chuàng)建傳統(tǒng)補(bǔ)間，這樣軟件自動(dòng)生成了第1幀至第15幀的補(bǔ)間動(dòng)畫.按照此方法，依次給每個(gè)圖層繼續(xù)生成第15幀至第30幀，第30幀至第45幀，第45幀至第60幀的補(bǔ)間動(dòng)畫.經(jīng)過上述操作，就能制作完成一個(gè)60幀的飼料粉碎機(jī)轉(zhuǎn)子運(yùn)動(dòng)的動(dòng)漫.

2.4 動(dòng)漫導(dǎo)出

完成整個(gè)粉碎機(jī)工作原理的動(dòng)漫制作后，需要將制作好的動(dòng)漫導(dǎo)出，點(diǎn)擊右上角的文件選項(xiàng)，在彈出的對(duì)話框里選擇導(dǎo)出選項(xiàng)，根據(jù)自身的需求選擇合適類型的文件導(dǎo)出，教師在接下來的PPT制作過程中插入制作好的動(dòng)漫.

3 動(dòng)漫在網(wǎng)課中的應(yīng)用效果分析

3.1 極大地激發(fā)了學(xué)生的學(xué)習(xí)興趣，使抽象知識(shí)形象生動(dòng)，容易理解

教師根據(jù)自身教學(xué)經(jīng)驗(yàn)和需求，將一些抽象且不易的描述知識(shí)運(yùn)用動(dòng)漫技術(shù)制作編輯成實(shí)用的動(dòng)漫課件進(jìn)行講授，改變傳統(tǒng)教學(xué)中整個(gè)課堂采用板書形式的“滿堂灌”的教學(xué)方式[12].將翉栩如生的圖像、悅耳的聲音和清晰的文字信息呈現(xiàn)給學(xué)生，極大地調(diào)動(dòng)了學(xué)生的視覺、聽覺和思維替力，達(dá)到圖文并茂，聲情并舉，大腦動(dòng)容的效果，使課堂內(nèi)容不僅生動(dòng)形象，直觀感性，而且將許多抽象知識(shí)的點(diǎn)、線、面融匯貫通，自成一體，極大地提升了學(xué)生的理解和學(xué)習(xí)激情，加深了對(duì)知識(shí)難點(diǎn)和重點(diǎn)的理解與掌握.

3.2 節(jié)省授課時(shí)間，增加課堂知識(shí)量.

對(duì)于抽象難理解的知識(shí)，老師在授課過程中通常需要進(jìn)行大量推理、作圖和重復(fù)講解才能夠讓學(xué)生理解.如果將抽象知識(shí)點(diǎn)以動(dòng)畫的方式來進(jìn)行講述，相當(dāng)于老師將課堂上需要的推理、作圖過程搬到課下以動(dòng)漫制作的方式完成了，在課堂上只需要對(duì)課前準(zhǔn)備好的動(dòng)漫加以講述，不需要再在課堂上進(jìn)行推理和繪制.

3.3過多使用動(dòng)漫技術(shù)，影響對(duì)學(xué)生抽象思維的培養(yǎng)

雖然動(dòng)漫技術(shù)能使抽象的事物變得形象化，易于理解，但對(duì)學(xué)生的抽象思維能力培養(yǎng)也不可或缺.老師在授課過程中若大量的使用動(dòng)漫技術(shù)，雖然能夠方便老師授課，有利學(xué)生加深理解，但不利于對(duì)學(xué)生抽象思維的培養(yǎng)與提升.因此教師在授課過程中是否使用動(dòng)漫技術(shù)以及哪些知識(shí)點(diǎn)使用動(dòng)漫技術(shù)，應(yīng)該根據(jù)自身教學(xué)經(jīng)驗(yàn)進(jìn)行理性分析和適度使用.

3.4 不能過份依賴動(dòng)漫技術(shù)，忽視自身教學(xué)能力的提升

動(dòng)漫技術(shù)本身是不具備知識(shí)傳授的，只是傳統(tǒng)教學(xué)方式的一種補(bǔ)充方式[13].教師對(duì)于知識(shí)講授的水平，主要還是依賴教師自身能力而不是動(dòng)漫制作技術(shù)水平.教師在使用動(dòng)漫技術(shù)進(jìn)行教學(xué)輔助中，不能過分依賴動(dòng)漫技術(shù)而忽視自身教學(xué)能力的提升.

4 小結(jié)

動(dòng)漫技術(shù)不僅僅是在娛樂性上得已體現(xiàn)，隨著該技術(shù)的不斷發(fā)展，動(dòng)漫技術(shù)已經(jīng)涵蓋到了各行各業(yè)中[14].在網(wǎng)絡(luò)課堂中利用動(dòng)漫技術(shù)來輔助教學(xué)，不僅使課堂更加生動(dòng)、課堂氛圍更加活躍、更吸引學(xué)生注意力[15]，還方便教師對(duì)很抽象知識(shí)點(diǎn)的講解，達(dá)到較好的學(xué)習(xí)效果.本文通過幾款常用動(dòng)漫設(shè)計(jì)軟件功能與優(yōu)缺點(diǎn)對(duì)比，給出動(dòng)漫設(shè)計(jì)軟件推薦，并對(duì)動(dòng)漫設(shè)計(jì)過程進(jìn)行了詳細(xì)介紹，希望對(duì)老師在課件制作上有一定的幫助.在授課過程中合理添加動(dòng)漫來輔助教學(xué)，能在一定程度上提高教學(xué)質(zhì)量，但如果過多使用動(dòng)漫技術(shù)，會(huì)影響對(duì)學(xué)生抽象思維的培養(yǎng)和訓(xùn)練.老師應(yīng)根據(jù)自身課程情況和學(xué)生理解能力合理使用動(dòng)漫技術(shù)來進(jìn)行輔助教學(xué)，才能真正做到因材施教，既提升課堂教學(xué)效果，又不影響對(duì)學(xué)生抽象思維的培養(yǎng).