劉 艷，賈東東，李凱敏

（海口經(jīng)濟(jì)學(xué)院，海南 ?？?571127）

0 引言

本文在“以問題教學(xué)情境為導(dǎo)向的計(jì)算機(jī)公共課信息化教學(xué)設(shè)計(jì)”一文的基礎(chǔ)上，選擇利用Flash CS6 軟件工具實(shí)現(xiàn)該教學(xué)情境，為后續(xù)展開信息化過程設(shè)計(jì)打下良好的開發(fā)基礎(chǔ)。

1 Flash CS6 及骨骼動(dòng)畫介紹

1.1 Flash CS6

Flash 作為目前最流行的多媒體課件制作工具之一，它和其他圖像、聲音、視頻等軟件都有較好的兼容性，并且其自身設(shè)計(jì)動(dòng)畫的功能非常強(qiáng)大。Flash CS6 中提供了高級動(dòng)畫——骨骼動(dòng)畫，有利于復(fù)雜情境動(dòng)畫的設(shè)計(jì)與實(shí)現(xiàn)。

1.2 骨骼動(dòng)畫及實(shí)現(xiàn)原理

由于情境動(dòng)畫在設(shè)計(jì)的過程中大量使用了骨骼動(dòng)畫的實(shí)現(xiàn)原理，接下來就對其做一下簡要介紹。

骨骼動(dòng)畫就是利用骨骼工具將多個(gè)元件綁定以實(shí)現(xiàn)復(fù)雜的多元件的反向運(yùn)動(dòng)，以提高復(fù)雜動(dòng)畫的制作效率。在骨骼動(dòng)畫中，相連的兩個(gè)對象存在一種父子層次結(jié)構(gòu)，由骨架進(jìn)行連接。

創(chuàng)建骨骼動(dòng)畫的原理是在關(guān)鍵幀中制作對象的初始姿勢，在后面的關(guān)鍵幀中制作對象的不同姿勢，F(xiàn)lash 會(huì)根據(jù)反向運(yùn)動(dòng)學(xué)的原理計(jì)算出連接點(diǎn)的位置和角度，創(chuàng)建從初始姿態(tài)到下一個(gè)姿態(tài)轉(zhuǎn)變的動(dòng)畫效果。

2 情境動(dòng)畫場景的設(shè)計(jì)與實(shí)現(xiàn)

2.1 背景動(dòng)畫的制作

2.1.1 天空和馬路

利用Flash 的“矩形工具”結(jié)合“顏色”面板制作具有“藍(lán)”“白”漸變色調(diào)的天空背景。利用“線條工具”結(jié)合“顏色”面板制作色調(diào)相對和諧的校園馬路背景。

2.1.2 天空中浮動(dòng)的云朵

創(chuàng)建影片剪輯元件，利用“鋼筆工具”繪制圖形，對圖形的角度進(jìn)行變換，繪制出不同形狀的云朵。對云朵創(chuàng)建形狀補(bǔ)間動(dòng)畫，實(shí)現(xiàn)浮動(dòng)云朵的效果。

2.1.3 輕輕搖擺的椰子樹

（1）創(chuàng)建椰子樹。

創(chuàng)建一個(gè)圖形元件，繪制一棵完整的椰子樹，將其打散成形狀，然后利用線條將椰子樹圖形進(jìn)行分割，并將它們分別轉(zhuǎn)換為影片剪輯元件。

（2）創(chuàng)建搖擺的椰子樹。

創(chuàng)建影片剪輯元件，創(chuàng)建關(guān)鍵幀，將之前轉(zhuǎn)換成影片剪輯元件的椰子樹各部分組裝成一棵完整的椰子樹，創(chuàng)建骨骼動(dòng)畫的骨架，接下來每隔10 幀更改椰子樹葉片的位置和形狀，制作出椰子樹輕輕搖擺的狀態(tài)，如圖1 所示。

圖1 椰子樹

2.2 人物行為動(dòng)畫的制作

人物在活動(dòng)的過程會(huì)表現(xiàn)出各種行為，比如走路、停下來說話，邊說話邊打招呼等，接下來簡要介紹其制作過程。

2.2.1 繪制人物圖形元件及影片剪輯元件

利用“橢圓工具”“矩形工具”“線條工具”“鋼筆工具”等結(jié)合“顏色”面板綜合繪制出老師和三個(gè)學(xué)生，并分別轉(zhuǎn)換為圖形元件。將后續(xù)人物行為動(dòng)畫中所涉及的身體部位，如身體、眼睛、胳膊和腿等轉(zhuǎn)換成影片剪輯元件。

2.2.2 制作人物走路姿勢

人物在走路的過程中，主要是身體部位會(huì)發(fā)生變化，這時(shí)候可以利用骨骼動(dòng)畫實(shí)現(xiàn)其姿勢。首先創(chuàng)建一個(gè)影片剪輯元件，將人物身體部位影片剪輯元件組合成一個(gè)整體，然后將走路過程中運(yùn)動(dòng)的部位，如手臂和腿等通過設(shè)置骨架，改變時(shí)間軸上間隔幀的活動(dòng)狀態(tài)，模擬真實(shí)的走路姿勢。這樣可以創(chuàng)建出“人物走路”和“人物再見”兩個(gè)影片剪輯元件。

2.2.3 制作人物說話姿勢

情境中人物在說話時(shí)已經(jīng)停止了走路，主要是嘴巴在動(dòng)，根據(jù)說話時(shí)間的長短，設(shè)置人物嘴巴一張一合的動(dòng)畫，這里主要通過在時(shí)間軸上改變不同狀態(tài)幀下的嘴型就可以了。這樣可以創(chuàng)建出“人物說話1”“人物說話2”和“人物說話3”等影片剪輯元件。

2.2.4 行走中的人物

創(chuàng)建“行走中的人物”影片剪輯元件，將前面制作的“人物走路”“人物再見”“人物說話”等影片剪輯元件作為行走中的人物的基本元件，在時(shí)間軸幀狀態(tài)的推進(jìn)下，加入人物語音及配音標(biāo)簽文字，并結(jié)合傳統(tǒng)補(bǔ)間動(dòng)畫及相關(guān)參數(shù)，模擬人物在進(jìn)場、出場以及行進(jìn)過程中與人交談的動(dòng)作姿勢等。

2.2.5 實(shí)例演示

人物行為影片剪輯庫如圖2 所示。情境動(dòng)畫如圖3 所示。人物行走時(shí)間軸如圖4 所示。

圖2 人物行為剪輯庫

圖4 人物行走時(shí)間軸

2.3 場景背景音樂及導(dǎo)航按鈕的制作

考慮到場景氛圍，在情境動(dòng)畫場景中加入了背景音樂，用戶可以根據(jù)需要對音樂進(jìn)行播放或停止。另外考慮到該情境對話結(jié)束后能回到上一個(gè)場景，還設(shè)置了一個(gè)返回的導(dǎo)航按鈕。相關(guān)代碼如下。

3 結(jié)語

本文利用Flash CS6 軟件工具成功實(shí)現(xiàn)了情境動(dòng)畫場景功能，該動(dòng)畫場景的設(shè)計(jì)與實(shí)現(xiàn)為后續(xù)功能的開發(fā)奠定了理論與實(shí)踐基礎(chǔ)?？v觀整個(gè)設(shè)計(jì)與實(shí)現(xiàn)過程，其思路、結(jié)構(gòu)、功能和制作的難易程度都是非常清晰的，但從整個(gè)動(dòng)畫效果來看，由于筆者技術(shù)水平、動(dòng)畫復(fù)雜性和時(shí)間的原因，仍然會(huì)有一些不足之處。比如，人物的繪制不夠精美，人物行為動(dòng)畫過于粗糙等，這些都有待后續(xù)進(jìn)一步地研究和改進(jìn)。