文 曹譯文

基于F L A S H的多媒體技術(shù)在網(wǎng)絡(luò)課件中的設(shè)計與實(shí)現(xiàn)

文 曹譯文

多媒體技術(shù)是一種以計算機(jī)為載體將文字、圖像、動畫、視頻等多種媒體進(jìn)行整理并統(tǒng)一存儲、傳輸?shù)木C合性電子信息技術(shù)。利用多媒體技術(shù)制作教學(xué)課件，已成為當(dāng)代教學(xué)環(huán)節(jié)中不可或缺的重要手段。本文圍繞FLASH進(jìn)行分析研究，就如何利用FLASH多媒體技術(shù)手段對網(wǎng)絡(luò)課件進(jìn)行合理設(shè)計進(jìn)行分析；就如何利用FLASH進(jìn)行課件制作與技術(shù)實(shí)現(xiàn)等進(jìn)行逐一研究。

多媒體技術(shù)在網(wǎng)絡(luò)課件開發(fā)中的背景及應(yīng)用

多媒體技術(shù)是以計算機(jī)為中心以多種媒體作為工具將文字、圖形、圖像、動畫、視頻等多種信息進(jìn)行整理并統(tǒng)一存儲、傳輸?shù)木C合性電子信息技術(shù)，是具有一定的主動性和交互性的傳輸技術(shù)。而多媒體課件是基于多媒體技術(shù)而開發(fā)的綜合性知識的傳播形式。

使用多媒體技術(shù)開發(fā)教學(xué)課件作為一種新的教學(xué)手段被更多的院校采用。目前最常見的多媒體課件創(chuàng)作軟件如PowerPoint、FLASH、Authorware等。其中，利用FLASH軟件制作課件畫面生動、色彩豐富、交互性能較強(qiáng)，對創(chuàng)作者有簡單技術(shù)要求且制作出的課件文件較小，方便傳輸，適用于網(wǎng)絡(luò)空間。而作為課件創(chuàng)作人員，單純的使用一種軟件來開發(fā)教學(xué)課件總是存在一定不足之處，在實(shí)際課件制作過程中往往使用多種軟件相互配合，取長補(bǔ)短，利用軟件各自優(yōu)勢進(jìn)行整合，才能使開發(fā)出來的課件更加生動，鮮明。

多媒體技術(shù)在網(wǎng)絡(luò)課件開發(fā)中的優(yōu)勢

多媒體技術(shù)能夠被設(shè)計者廣為適用，其豐富的交互性能是亮點(diǎn)之一。而多媒體課件不僅可以在內(nèi)容的學(xué)習(xí)使用上提供良好的交互控制，而且可以運(yùn)用適當(dāng)?shù)慕虒W(xué)策略，指導(dǎo)學(xué)生學(xué)習(xí)、更好地體現(xiàn)出“因材施教的個性化教學(xué)”。從另一種角度而言，多媒體課件就是通過硬件、軟件、設(shè)計者和用戶的參與這四項(xiàng)來共同實(shí)現(xiàn)的高技術(shù)性藝術(shù)作品。

另外，使用多媒體技術(shù)開發(fā)課件還具有豐富的表現(xiàn)力，可以將多姿多彩的視聽世界更加自然、逼真的表現(xiàn)出來。同時可以對抽象、無形事物進(jìn)行生動直觀的模擬表現(xiàn)。使原本艱難的教學(xué)活動充滿了魅力。

FLASH在網(wǎng)絡(luò)課件開發(fā)中的特點(diǎn)

FLASH作為矢量動畫和多媒體創(chuàng)作軟件，可以制作出體積小、可集聲音、視頻、位圖圖像和交互性能為一體的綜合動畫或FLASH網(wǎng)站。在網(wǎng)站的制作過程中，F(xiàn)LASH可以與Dreamweaver、Fireworks、Photoshop等軟件有效配合，簡化工作流程，高效的制作內(nèi)容更豐富、交互性更強(qiáng)的網(wǎng)站。[1]

在各種多媒體課件開發(fā)軟件中，F(xiàn)LASH軟件具有鮮明的視覺效果及靈活的交互功能，支持圖形、圖像、聲音、視頻、動畫等多種媒體。在教學(xué)環(huán)節(jié)中可加強(qiáng)視覺效果、增強(qiáng)學(xué)習(xí)興趣，利于網(wǎng)絡(luò)傳播，使教學(xué)環(huán)節(jié)靈活豐富。

基于《網(wǎng)頁動畫》課程的FLASH網(wǎng)絡(luò)課件的設(shè)計

1.課程背景

本文以《網(wǎng)頁動畫》課程為例，使用FLASH技術(shù)對多媒體課件的設(shè)計進(jìn)行分析研究。

《網(wǎng)頁動畫》課程是廣州大學(xué)華軟軟件學(xué)院數(shù)碼媒體系數(shù)字藝術(shù)專業(yè)的專業(yè)必修課，主要針對本科層次的教學(xué)環(huán)節(jié)。我系于2004年就開設(shè)了該門課程，目前申請成為我院精品課程。本課程圍繞FALSH軟件，重點(diǎn)講授FLASH動畫制作的基本原理及應(yīng)用，該課程突出體現(xiàn)數(shù)字藝術(shù)專業(yè)建設(shè)特色，將藝術(shù)設(shè)計及計算機(jī)有效結(jié)合，使之成為藝術(shù)設(shè)計與計算機(jī)交叉學(xué)科代表性課程之一。

該課程以理論為基礎(chǔ)以實(shí)踐操作為輔助教學(xué)，計劃總學(xué)時72學(xué)時，其中理論學(xué)習(xí)33學(xué)時，實(shí)踐操作39學(xué)時。教學(xué)內(nèi)容安排為8章。教學(xué)內(nèi)容及學(xué)時分配如下表所示：

表1-1 教學(xué)內(nèi)容及學(xué)時分配

2.教學(xué)要求

《網(wǎng)頁動畫》課程圍繞FALSH軟件的學(xué)習(xí)，通過理論與實(shí)踐操作相結(jié)合的教學(xué)方法，使學(xué)生樹立正確的設(shè)計思想，掌握利用FLASH進(jìn)行網(wǎng)頁動畫制作的基本流程、基本制作方法，并能獨(dú)立完成從動畫設(shè)計、制作到打包的整個過程。通過學(xué)習(xí)，基本上要求學(xué)生掌握FLASH工具箱各個工具的操作及應(yīng)用；掌握FLASH各類幀的使用；理解FLASH的圖層與時間線的關(guān)系；熟練掌握FLASH各種動畫類型的制作方法和技巧，并能正確使用遮罩層，引導(dǎo)線；了解FLASH聲音輸入輸出不同的屬性及其功能；認(rèn)識ACTION的概念及使用方法。

通過該門課程的學(xué)習(xí)，培養(yǎng)學(xué)生靈活運(yùn)用FLASH動畫制作技術(shù)處理動畫設(shè)計實(shí)踐問題的能力和創(chuàng)新能力，實(shí)現(xiàn)學(xué)以致用。培養(yǎng)學(xué)生對平面動畫設(shè)計軟件的高級綜合運(yùn)用能力、圖形設(shè)計語言表達(dá)能力以及平面動畫設(shè)計理論知識與實(shí)踐應(yīng)用能力等。

3.課件的實(shí)現(xiàn)

3.1 課件架構(gòu)設(shè)計

該課件是以《網(wǎng)頁動畫》課程為依據(jù)，以FLASH網(wǎng)站的形式展示內(nèi)容。將課件設(shè)定為三級頁面，每一級都不可缺少。并且頁面頂端設(shè)有導(dǎo)航欄，包括首頁、課程信息、課程教學(xué)、視頻錄像、優(yōu)秀作品、素材下載、學(xué)習(xí)交流等標(biāo)簽。導(dǎo)航欄始終存在于每一級頁面之中，使學(xué)生可以快捷的獲取知識。

第一級頁面為首頁，是本課程的學(xué)習(xí)入口。包括課程的基本信息，學(xué)生對該課程提出的常見問題以及與課程相關(guān)的軟件下載等信息。通過點(diǎn)擊相應(yīng)鏈接可進(jìn)入到具體頁面進(jìn)行學(xué)習(xí)。這一頁面相當(dāng)于課程入口，對本課程起到一個簡單的概述作用。

第二級頁面是本課程各個導(dǎo)航頁面，點(diǎn)擊導(dǎo)航按鈕進(jìn)入到各自二級頁面。二級頁面采用框架式結(jié)構(gòu)制作，分為課程信息、課程教學(xué)、視頻錄像、優(yōu)秀作品、素材下載、學(xué)習(xí)交流等六類標(biāo)簽。在每個二級頁面的左側(cè)設(shè)有不同類型的FLASH展示動畫，使學(xué)生在瀏覽課件的同時對FLASH制作效果有更直觀的認(rèn)識。頁面的右側(cè)則是該標(biāo)簽的具體學(xué)習(xí)內(nèi)容，學(xué)生可以在相應(yīng)二級頁面的右側(cè)進(jìn)行知識學(xué)習(xí)。

第三級頁面則是詳細(xì)的學(xué)習(xí)瀏覽頁面，在這一層級中，學(xué)生可以對相關(guān)知識進(jìn)行預(yù)習(xí)、復(fù)習(xí)和練習(xí)等，也可以在優(yōu)秀作品欄目下的三級頁面中查看到班級其他同學(xué)的優(yōu)秀作品，從而大大增強(qiáng)學(xué)習(xí)競爭力，使同學(xué)間相互學(xué)習(xí)共同進(jìn)步。

3.2課件導(dǎo)航設(shè)計

FLASH課件沿用FLASH軟件的紅色為基本顏色，其目的是希望達(dá)到統(tǒng)一而不另類的視覺效果，使學(xué)生在打開課件的同時可以聯(lián)想到《網(wǎng)頁動畫》課程。課件將導(dǎo)航設(shè)計在網(wǎng)站的頂端，即符合人的視覺瀏覽規(guī)律又襯托出教學(xué)網(wǎng)站的規(guī)矩和嚴(yán)謹(jǐn)。

本課件應(yīng)用FLASH軟件對導(dǎo)航按鈕進(jìn)行設(shè)計制作，由于導(dǎo)航背景為紅色，因此將按鈕文字設(shè)置為白色，選用琥珀字體使按鈕看起來即不呆板又不失嚴(yán)肅。在按鈕的動作設(shè)計上選擇了鼠標(biāo)觸發(fā)，按鈕上移提示的方式。當(dāng)鼠標(biāo)移動到相應(yīng)按鈕上時，按鈕文字將自動上移并輕微顫動，以醒目的方式提示用戶即將選擇的操作。

在本按鈕的設(shè)計上，采用了在按鈕第二幀“指針經(jīng)過”上添加影片剪輯的手法制作。首先，在FLASH中創(chuàng)建影片剪輯動畫，并創(chuàng)建按鈕文字并設(shè)置文字上移的運(yùn)動漸變動畫，并在移動到頂端后設(shè)置輕微顫動的運(yùn)動效果。將影片剪輯動畫放在“指針經(jīng)過”上，完成按鈕的制作。如圖1-1。

圖1-1 變化的導(dǎo)航按鈕

3.3 課件動畫設(shè)計

《網(wǎng)頁動畫》課程是以動畫制作為主的課程，因此，在課件的制作中必然要體現(xiàn)出“動畫”的制作。在該課件的設(shè)計中同樣設(shè)計了大量的動畫效果，但這些動畫并不是隨便制作并放置的。它們是該課程各個知識點(diǎn)的總和，也有針對逐個知識點(diǎn)而制作的小動畫，被放在相應(yīng)的章節(jié)或頁面上。

在課程介紹頁面上所放置的動畫分別是小人走路的“骨骼運(yùn)動”動畫以及鼠標(biāo)點(diǎn)擊控制“下雨”動畫。由于該頁面是對課程的整體介紹，因此，放置這兩個動畫可以突出體現(xiàn)FLASH動畫中可以達(dá)到的某些較為復(fù)雜的人物運(yùn)動動作或特殊的ActionScript腳本控制動畫效果。如圖1-2、1-3。

圖1-2骨骼動畫

圖1-3 下雨動畫

視頻錄像頁面中所介紹的是針對該課程的某個知識點(diǎn)來進(jìn)行的綜合動畫制作步驟的講解，該頁面放置了各類動畫制作詳細(xì)步驟的視頻錄像。在該頁面添加了遮罩動畫類型的兩種效果動畫。遮罩動畫在FLASH動畫制作中屬于特殊圖層屬性動畫類型，因此放在該頁面中以提示動畫制作的特殊性。如圖1-4。

圖1-4 遮罩動畫

優(yōu)秀作品頁面，將學(xué)生們的優(yōu)秀動畫分期上傳，供同學(xué)們相互學(xué)習(xí)提高。該頁的動畫不是固定不變的，它根據(jù)課程進(jìn)度的改變而發(fā)生變化，在不同進(jìn)度不同課程內(nèi)容上添加相對應(yīng)的優(yōu)秀動畫作品，學(xué)生們可以實(shí)時的在課件上查看大家的作品以促進(jìn)相互學(xué)習(xí)的氛圍。

3.4課件交互設(shè)計

《網(wǎng)頁動畫》課件是課程輔助教學(xué)的工具，是學(xué)生課前預(yù)習(xí)、課后復(fù)習(xí)的學(xué)習(xí)工具。為了不影響嚴(yán)謹(jǐn)?shù)膶W(xué)習(xí)氛圍，使學(xué)生有一個良好的學(xué)習(xí)網(wǎng)絡(luò)環(huán)境，因此，在該課件的交互設(shè)計中采用比較簡單的單一的鼠標(biāo)點(diǎn)擊按鈕以及鼠標(biāo)控制特定動畫的制作方法。除了各別頁面動畫鼠標(biāo)控制外，課件的交互設(shè)計集中體現(xiàn)在按鈕的點(diǎn)擊和視頻錄像頁面。在視頻錄像頁面中放置了該課程各章節(jié)重點(diǎn)的動畫案例，學(xué)生可以通過鼠標(biāo)點(diǎn)擊進(jìn)入到視頻查看動畫，并可以通過視頻的進(jìn)度調(diào)節(jié)動畫的播放進(jìn)度。

該課件主要制作技術(shù)采用FLASH ActionScript2.0編程語言來完成。FLASH交互設(shè)計針對兩種對象，第一是按鈕，二是點(diǎn)擊文字連接。給按鈕添加命令，首先創(chuàng)建影片剪輯動畫并給其命名為“a”，鼠標(biāo)選擇使用命令按鈕，打開FLASH“窗口”下拉菜單，點(diǎn)擊“動作”，打開動作浮動面板。激活腳本助手，在“命令選擇欄”中執(zhí)行“否決的——動作——tellTarget”命令，將目標(biāo)（T）設(shè)置“/a”，使其指定控制影片剪輯a，在“命令選擇欄”中執(zhí)行“全局函數(shù)——時間軸控制——play”，控制影片剪輯的播放效果。命令編輯欄中執(zhí)行命令如下：

總結(jié)

FLASH作為多媒體課件與傳統(tǒng)的板書式教育模式相比，具有形式新穎、交互靈活、聲色匯聚、趣味性強(qiáng)等特點(diǎn)被學(xué)生們所接受，也對高校的教育改革起到較大的影響。FLASH課件形式集中了各種先進(jìn)的信息元素，如網(wǎng)絡(luò)、互動、視頻、聲音、動畫等于一體，將課程所要表達(dá)的主題和傳達(dá)的各項(xiàng)知識淋漓盡致的展現(xiàn)出來，使學(xué)生們可以在輕松愉快的學(xué)習(xí)氛圍中掌握知識技術(shù)，將教與學(xué)的環(huán)節(jié)很好的融合再一起，大大的高了課程的教學(xué)效果，從某種意義上而言，F(xiàn)LASH課件構(gòu)建了新的教學(xué)互動模式，具有良好的發(fā)展前景。

廣州大學(xué)華軟軟件學(xué)院數(shù)碼媒體系）