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