再探卡通簡筆小課件

　　編者按：本刊第九期的《基于卡通簡筆動(dòng)畫技術(shù)的多媒體小課件》一文，向讀者推薦了一種簡單易學(xué)的課件——卡通簡筆小課件。文章刊發(fā)后，不少讀者希望我們能對(duì)其的開發(fā)制作進(jìn)行詳細(xì)介紹。本文就教您如何輕松制作靈活、實(shí)用、有趣的卡通簡筆小課件。
　　
　　談到簡筆畫大家腦海中恐怕呈現(xiàn)的是寥寥幾筆形成的畫面，而我們現(xiàn)在被稱為卡通的形象要比其豐滿得多。筆者把簡筆畫與卡通并提主要有三點(diǎn)用意：一是鑒于很多中小學(xué)教師都有簡筆畫的基礎(chǔ)，而畫好簡筆畫其實(shí)是卡通形象生成的基礎(chǔ)，確切地說，簡筆畫生成的線條是卡通畫的主要骨架；二是簡筆畫形成的線條形象，也完全可以獨(dú)立作為課件的角色；三是可以擴(kuò)展卡通角色形象，抽象線條的簡筆畫使富有生活氣息的卡通角色更具想象力，構(gòu)成動(dòng)作靈活、畫面簡潔、節(jié)奏流暢的系列動(dòng)畫。
　　
　　前期卡通簡筆素材生成技術(shù)
　　
　　1.手繪簡筆畫法
　　簡筆畫是物體形象的簡單抽象，在畫法上也有其自身規(guī)律，掌握簡筆畫的基本要領(lǐng)和技法就可以舉一反三，根據(jù)各學(xué)科的需要，創(chuàng)造更多更新的畫面。
　　(1)簡筆畫的基本要點(diǎn)：①抓住表現(xiàn)主體的輪廓和主要特征；②適當(dāng)?shù)睾雎灾黧w的細(xì)節(jié)和局部，盡可能用簡單的幾何線條代替復(fù)雜的實(shí)物形體；③合理安排各部分的比例關(guān)系；④要科學(xué)地安排筆序，還要盡量設(shè)計(jì)成連筆或一筆；⑤為了達(dá)到迅速而準(zhǔn)確的程度，需要經(jīng)常作繪畫練習(xí)。如圖1和圖2所示。
　　
　　(2)簡筆畫在簡化筆畫的過程中有兩條基本原則：①簡化的形象要使人們能夠識(shí)別辨認(rèn)為準(zhǔn)。例如，在表現(xiàn)一個(gè)人的正面頭部時(shí)，把頭的輪廓抽象為橢圓，忽略耳、鼻、眉毛和頭發(fā)等細(xì)節(jié)，保留眼睛和嘴巴，并且只用三條線段來示意（如圖3）。但筆畫不能簡化到少于三條，否則，人的五官就不能辨認(rèn)了；②筆畫的多少隨表現(xiàn)主體到觀察者的距離的增大而減少，也就是說景別不同，筆畫多少也不同。
　　
　　2.現(xiàn)代技術(shù)手段獲得法
　　(1)數(shù)碼相機(jī)輸入提取法。主要是通過數(shù)碼相機(jī)拍攝所需要的動(dòng)作或者畫面，再輸入到Flash中描摹輪廓并上色（如圖4和圖5所示）。這樣，既完成了由位圖到矢量圖形的轉(zhuǎn)變，也使得一些較難的動(dòng)作畫起來有所依據(jù)。隨著數(shù)碼相機(jī)的清晰度越來越高，功能越來越完善，以及各種圖形圖像處理軟件越來越智能化，這一操作將越來越簡單。
　　
　　(2)網(wǎng)上資源獲得法。網(wǎng)上的卡通簡筆圖片素材很多，筆者較常用的網(wǎng)站有：中國建站圖片素材庫（http://sucai.jz173.com），其中，“動(dòng)畫素材”一欄提供了種類繁多的GIF格式圖片，“矢量圖庫”一欄提供了大量的線條圖片；另外，矢量中國（http://www.vectorchina.com）這個(gè)網(wǎng)站也有各類的矢量簡筆圖片，包括人物、動(dòng)物、植物與日常生活用品等。
　　(3)臨摹法。初學(xué)者常常難以自己完成一個(gè)連續(xù)動(dòng)作的繪制，這時(shí)候可以臨摹一些video等，將它們導(dǎo)入Flash中，因?yàn)橛辛藚⒄?，完成起來就比較輕松。在臨摹的基礎(chǔ)上再進(jìn)一步加工，使動(dòng)畫更完善。在下面的例子中（如圖6），人物走路的動(dòng)作就是取材于video。具體的操作是用攝像機(jī)拍攝所需要的視頻素材，通過采集卡輸入到電腦中，而后運(yùn)用Adobe Premiere等視頻編輯軟件進(jìn)行截取，然后選擇靜態(tài)輸出器，把所設(shè)片斷輸出為連續(xù)靜態(tài)畫面，最后導(dǎo)入到Flash后，依照它的輪廓描繪而成。
　　
　　中期開發(fā)平臺(tái)
　　
　　1.硬件平臺(tái)
　　該類小課件重在講解一個(gè)知識(shí)點(diǎn)，呈現(xiàn)一段情景畫面，而非完成系統(tǒng)知識(shí)或者課程的開發(fā)與制作。其采用的多媒體技術(shù)平臺(tái)如圖7所示。
　　從系統(tǒng)硬件組成的角度看，該平臺(tái)主要由主機(jī)和外圍設(shè)備構(gòu)成。主機(jī)即多媒體計(jì)算機(jī)單元，其主要部分是進(jìn)行信息處理和控制的中央處理器，以及存放信息數(shù)據(jù)的內(nèi)存儲(chǔ)器。外圍設(shè)備包含存放大量信息的外存儲(chǔ)器、輸入設(shè)備、輸出設(shè)備、視頻系統(tǒng)、音頻系統(tǒng)等單元。需要指出的是，一般課件制作視頻手段都是提供一段活動(dòng)影像，而在小課件的開發(fā)中，視頻多為卡通形象獲得的一種手段。
　　2.軟件平臺(tái)
　　(1)系統(tǒng)軟件。多媒體CAI系統(tǒng)軟件的核心是通常所說的操作系統(tǒng)。
　　(2)多媒體教學(xué)信息素材采集與制作軟件。常用素材制作與采集軟件主要有4大類：文本輸入與處理軟件、音頻素材采集與制作軟件、視頻素材采集與制作軟件、靜圖素材采集與制作軟件等。
　　(3)多媒體教學(xué)信息素材編輯合成軟件。簡單易用的編輯創(chuàng)作合成軟件主要有：PowerPoint、Authorware、方正奧思、Flash等。小課件的開發(fā)主要以Flash為主。
　　
　　中期制作流程
　　
　　筆者以“顏色諺語”這一課件為例，介紹卡通簡筆小課件的制作過程。
　　學(xué)習(xí)顏色諺語的目的是要求學(xué)生掌握和記憶一些帶有顏色的諺語所表達(dá)的實(shí)際意義，內(nèi)容沒有多大的難度，但單純記憶會(huì)比較枯燥無味，通過做成小課件的形式，就會(huì)生動(dòng)很多。
　　1.素材獲得
　　(1)運(yùn)用Flash的調(diào)色板、油漆筒、鋼筆等工具制作四個(gè)造型：狗、羊、眼睛和手（如圖8）。
　　
　　如果繪畫熟練可以直接運(yùn)用Flash繪圖，如果不是很熟練，也可以采用上述介紹的臨摹法進(jìn)行繪圖。
　　(2)準(zhǔn)備三個(gè)聲音文件，兩個(gè)用來反饋提醒，一個(gè)為背景音樂。
　　(3)運(yùn)用Photoshop做導(dǎo)航按鈕，或者直接使用Flash公用庫中的按鈕。
　　(4)準(zhǔn)備一個(gè)背景文件，格式為JPG。
　　2.開發(fā)分析
　　本文主要介紹制作中的關(guān)鍵環(huán)節(jié)，對(duì)于一些按鈕與圖片的生成等細(xì)節(jié)不作過多介紹。該課件主要有三個(gè)場(chǎng)景，其功能與關(guān)鍵技術(shù)分別如下。
　　(1)main封面（如圖9），動(dòng)態(tài)轉(zhuǎn)盤旋轉(zhuǎn)片頭，其中轉(zhuǎn)盤是由“mc”元件生成。其上的action語句為：on (press) {_root.nextFrame();}，以完成場(chǎng)景轉(zhuǎn)換。
　　
　　(2)Scene1場(chǎng)景（如圖10）主要完成顏色選擇的功能。通過鼠標(biāo)選擇調(diào)色板上顏色，然后用油漆筒填色，隨之有所填充顏色是否正確的相應(yīng)反饋。
　　由于場(chǎng)景1上四個(gè)造型的最后實(shí)現(xiàn)效果相同，制作過程與代碼編寫也大同小異，故本文就以學(xué)習(xí)“a yellow dog”顏色諺語為例進(jìn)行介紹。開發(fā)時(shí)關(guān)鍵是在名為“dog”的“mc”元件上編寫如下代碼，以完成顏色的判斷與選擇以及聲音的判斷與選擇功能。
　　on (press) {
　　if (_root.color_message != "") {
　　//判斷填色是否正確；
　　if (_root.color_message == 0xffff00) {
　　var sound_obj = new Sound();
　　sound_obj.attachSound("true_sound");
　　sound_obj.start();
　　}
　　else {
　　var sound_obj = new Sound();
　　sound_obj.attachSound("false_sound");
　　sound_obj.start();
　　}
　　mycolor = new Color(this);
　　mycolor.setRGB(_root.color_message);
　　delete mycolor;
　　}
　　else {
　　_root.attachMovie("沒