《互動媒體設計》教案

教案

2013～2014學年第1學期

課程名稱互動媒體設計

系(院、部)藝術學院

教研室(實驗室)藝術設計

授課班級設計111,設計112，藝媒111

主講教師

職稱副教授

使用教材無

淮海工學院教務處制

二○一三年九月

教案（首頁）

課程

互動媒體設計總計：32學時

名稱

課程

基礎選修課學分2講課：16學時

類別

分析討論課:3學時

任課

張青榮職稱：副教授大作業(yè)及設計：16學時

教師

授課

專業(yè)班級：設計111,設計112藝媒111共3個班

對象

基要教材：無

本參主要參考書：

教考

1、《flashmx實例與操作》萬茂山等（著）北京希望電子出版社。

材資

2、朱健強，《網(wǎng)絡廣告語言》，廈門大學出版社

和料

主

教學目的:

互動媒體設計是藝術設計專業(yè)的一門專業(yè)基礎選修課程。通過對互動

媒體作品的藝術創(chuàng)作方法進行深入講解,使學生對互動媒體的藝術創(chuàng)作與

應用有較全面的了解,掌握互動媒體藝術創(chuàng)作設計的流程,培養(yǎng)學生應用

計算機軟件進行互動媒體藝術作品基本創(chuàng)作設計的能力，為后續(xù)的專業(yè)設

教和

學要計服務。

目求教學要求:

的

1、掌握互動媒體設計創(chuàng)作的基本原理與方法；

2、掌握軟件Flash的基本使用方法；

3、獨立完成一段互動網(wǎng)站的制作；

教學重點:

互動媒體設計分類和特點、互動媒體的設計與創(chuàng)作方法、Flash的動

畫編輯技巧、互動媒體設計實踐。

教學難點:

教及互動媒體的設計與創(chuàng)作方法、Flash的動畫編輯技巧、互動媒體設計

學難實踐。

重點

點

《互動媒體設計》課程教案

課次1

授課方式課時

理論課√討論課□實驗課√習題課□其他□4

（請打√）安排

授課題目（教學章、節(jié)或主題）：

第一章、互動媒體設計概論；

第二章、互動媒體設計基礎軟件認識.

教學目的、要求：

了解互動媒體設計的基本概念；熟悉互動媒體設計的分類與設計方法；掌握互

動媒體設計基礎軟件Flash的基本操作方法。

教學重點及難點：

互動媒體設計的設計方法、Flash的基本操作方法（教學重點）

Flash的基本操作方法（教學難點）

方法及

教學基本內(nèi)容

手段

一、互動媒體設計概論：舉例講

解、多媒

什么叫媒體？

體講解、

所謂媒體，是指傳播信息的介質(zhì)，通俗的說就是宣傳平臺，能為信息的傳播

提供平臺的就可以稱為媒體了，至于媒體的內(nèi)容，應該根據(jù)國家現(xiàn)行的有關政策，案例播放

結合廣告市場的實際需求不斷更新，確保其可行性、適宜性和有效性。此前，傳

統(tǒng)的四大媒體分別為:講解；

1、電視；

2、廣播；

使用板

3、報紙；

4、網(wǎng)站；

書及投

此外，還應有戶外媒體，如路牌燈箱的廣告位等。

影儀等。

就其目前適宜性來講，媒體應按其形式劃分為平面、電波、網(wǎng)絡三大類，即：

1、平面媒體：主要包括印刷類、非印刷類、光電類等。

2、電波媒體：主要包括廣播、電視廣告（字幕、標版、影視）等。

3、網(wǎng)絡媒體：主要包括網(wǎng)絡索引、平面、動畫、論壇等。

什么叫多媒體？

多媒體：它集合文字、圖形、圖像、動畫、視頻、錄像、聲音、音樂等傳統(tǒng)表

現(xiàn)媒體的優(yōu)點，結合了計算機的交互功能，開發(fā)者針對客戶及項目需求通過精心

的策劃創(chuàng)意構思，結合各種表現(xiàn)方式，運用計算機對相關素材進行編程集成，使

其成為一有機的整體

什么叫互動媒體？

互動媒體來自英文Multimedia,multi是指多重的，media即媒體，指我們

用來表達信息的載體與形式。多媒體從字面上解釋是多種媒體（文字、圖像、動

畫、視頻、聲音、音樂）集合的意思。

互動媒體設計專業(yè)軟件簡介

二、Flash概述：

Flash的誕生與發(fā)展

Flash的應用領域

Flash的特性

Flash界面簡介

Flash制作流程

導入外部文件

Flash的基本操作

圖形基本繪制方法與簡單動畫的基本操作。

作業(yè)、討論題、思考題：

1.討論思考互動媒體設計的特點是什么?

2.溫習Flash的基本操作；

3.上網(wǎng)查詢互動媒體設計的有關資料。

課后小結：

《互動媒體設計》課程教案

課次2

授課方式課時

理論課√討論課□實驗課√習題課□其他□4

（請打√）安排

授課題目（教學章、節(jié)或主題）：

第三章Flash中幀的運用

教學目的、要求：

了解幀的基本概念與類型；熟悉逐幀動畫的制作方法；掌握形狀補間動畫的基

本操作方法。

教學重點及難點：

逐幀動畫、形狀補間動畫的基本操作方法（教學重點）

逐幀動畫、形狀補間動畫的基本操作方法（教學難點）

方法及手

教學基本內(nèi)容

段

一、幀的基本概念與類型：

電影就是把很多畫面串在一條塑料膠片上，每個畫面稱為一幀。

Flash中幀是創(chuàng)建動畫的基礎，不同的幀代表著不同的時刻。

Flash的幀類型：

1．關鍵幀。以實心圓表示，代表這個幀中含有對象。

2．普通幀。普通幀中的對象永遠和離它最近的關鍵幀中的對象保

持一致。

3．空白關鍵幀。以空心圓表示，代表這個關鍵幀中沒有任何對象，

在空白關鍵幀中加入對象即可變成關鍵幀。。舉例講解、

4．一般空白幀。代表空白區(qū)域中沒有任何對象。多媒體講

5．運動漸變幀。以底色為淺藍色的箭頭符號表示，代表這個區(qū)域解、案例示

存在運動補間動畫。范等。

6．形狀漸變幀。以底色為淺綠色的箭頭符號表示，代表這個區(qū)

域存在形狀補間動畫。

7．錯誤漸變幀。以虛線表示，代表這個區(qū)域存在錯誤的補間動畫。

8．加入幀標簽的幀，標簽類型為名稱。

9．加入幀標簽的幀，標簽類型為注釋。

10．加入幀標簽的幀，標簽類型為錨記。

11．加入音樂的幀。

12．加入腳本語言的幀。

二、逐幀動畫的制作方法

三、形狀補間動畫的制作方法

Flash提供了兩種創(chuàng)建動畫的方式，分別為逐幀動畫與補間動

畫，其中補間動畫又可以分為形狀漸變動畫與運動漸變動畫兩種，用

戶可以輕易的使對象在場景中來回的運動，在運動的過程中還可以伴

隨有諸如放大、縮小、旋轉(zhuǎn)、變色以及淡入淡出等豐富效果。

教師做逐幀動畫與形狀補間動畫的教學示范。

作業(yè)、討論題、思考題：

課堂與課后進行逐幀動畫與形狀補間動畫實踐練習。

課后小結：

《互動媒體設計》課程教案

課次3

授課方式課時

理論課√討論課□實驗課√習題課□其他□4

（請打√）安排

授課題目（教學章、節(jié)或主題）：

第四章Flash中影片剪輯的運用

第五章Flash中的引導層與遮罩層動畫

教學目的、要求：

了解元件、實例與庫的基本概念與類型；理解元件、實例與庫的使用方法；

了解Flash中影片剪輯的基本概念與類型；熟悉Flash中影片剪輯動畫的制作方

法；掌握Flash中的引導層與遮罩層動畫動畫的基本操作方法。

教學重點及難點：

Flash中影片剪輯動畫的基本操作方法、Flash中的引導層與遮罩層動畫動

畫的基本操作方法（教學重點）

Flash中的引導層與遮罩層動畫的基本操作方法（教學難點）

方法及手

教學基本內(nèi)容

段

第四章Flash中影片剪輯的運用

1、元件的基本概念與類型：

在Flash中，常常需要重復使用一些元素，用戶可以將這些元素

裝入元件中，需要時再調(diào)用，避免無謂操作，并可以大大減少文件大

小，提高播放速度。

元件也被稱作符號或圖符，是Flash動畫的重要組成部分，元件

的主要特性是可以被重復利用，且不會影響影片的大小。

Flash中包括三種元件類型，分別為圖形元件、影片剪輯元件與舉例講解、

按鈕元件，每一種元件都具有獨特的屬性。

Flash中的所有元件都被歸納在庫面板中，可以被隨時調(diào)用，十多媒體講

分方便。即使在場景中將所有元件全部刪除，也不會影響庫面板中的

元件。解、案例示

2、元件、實例與庫的使用方法：

不同類型元件的創(chuàng)建與屬性修改方法。范等。

實例的屬性設置方法：

影片中的實例可以根據(jù)需要改變其原有的元件類型，3種元

件類型之間可以隨意互換。實例類型的改變僅限于所選的實例，

不會影響到庫面板中元件的類型。

庫的使用

當庫項目繁多時可以利用庫文件夾對其進行分類整理，庫面板中可以

同時包含多個文件夾，但不允許文件夾使用相同的名字。

3、Flash中影片剪輯的特點及創(chuàng)建方法

4、Flash中影片剪輯的編輯與修改方法

5、Flash中影片剪輯所塑造的動畫特效案例分析

第五章Flash中的引導層與遮罩層動畫

1、Flash中引導層的認識及路徑動畫的制作

創(chuàng)建引導層動畫：

普通引導層可以理解為除標尺、網(wǎng)格等輔助工具以外的另一種輔

助制圖手段，例如在引導層上繪制圖形，然后將普通圖層上的對象與

引導層中的圖形對齊，或者在引導層中繪制一個網(wǎng)頁的框架，接著在

普通圖層中制作網(wǎng)頁內(nèi)容。引導層除了起到引導的作用以外，同時具

備普通圖層中的任何屬性，也就是說，在普通圖層上能執(zhí)行的操作在

引導層上同樣可以，它們之間唯一的區(qū)別是在引導層上繪制的圖形與

線條為引導線，在播放影片時，不會被顯示出來。

創(chuàng)建普通引導層

創(chuàng)建運動引導層舉例講解、

同時引導多個圖層

多媒體講

2、Flash中的遮罩層的認識及遮罩動畫的制作

創(chuàng)建遮罩層動畫：解、案例示

遮罩在flash中有著廣泛的應用，可以做出很多意想不到的效范等。

果。遮罩層的實現(xiàn)需要通過兩個以上的圖層，建立遮罩與被遮罩的關

系，也就是說，遮罩層不僅可以與一個普通圖層之間建立遮罩關系，

也可以同時與多個普通圖層之間建立遮罩關系。

遮罩層的原理：

理解遮罩層的原理關鍵要記住兩條：第一，遮罩層本身是不會被

看見的。不管畫出什么圖形，簡單或復雜，只要它被用作遮罩層，在

播放時就不會顯示出來，也就是說，不用管它是什么顏色，遮罩層只

要求圖形的形狀，在遮罩層中，圖形的填充顏色，或是位圖里的圖形

都會被忽略，得到的遮罩范圍只是這個圖形的剪影。第二，遮罩層中

的對象覆蓋的部分，就是建立遮罩關系后顯示的部分。另外，線條不

可以被用來制作遮罩層，要應用線條，必須要將它轉(zhuǎn)換為填充色。

將多個圖層應用于同一個遮罩層時，只需將這個圖層拖拽置遮罩

層之下，即可與遮罩層之間建立了遮罩和被遮罩的關系。

教師做引導層與遮罩層動畫的教學示范。

作業(yè)、討論題、思考題：

課堂與課后做影片剪輯、引導層與遮罩層動畫實踐練習。

課后小結：

《互動媒體設計》課程教案

課次4

授課方式課時

理論課√討論課□實驗課√習題課□其他□4

（請打√）安排

授課題目（教學章、節(jié)或主題）：

按鈕元件的制作及動作指令

教學目的、要求：

進一步理解元件、實例與庫的使用方法；熟悉按鈕元件的制作及動作指令的使

用方法；認識動作指令的基本概念；掌握按鈕元件的制作及動作指令的操作方法。

教學重點及難點：

按鈕元件的制作及動作指令的操作方法（教學重點）

按鈕元件的制作及動作指令的操作方法（教學難點）

方法

教學基本內(nèi)容及手

段

一、按鈕元件的制作：舉例

通過繪制與鼠標事件相對應的對象，按鈕元件主要用于創(chuàng)建響應鼠

標事件的交互式按鈕。鼠標事件包括鼠標觸及與單擊兩種。將繪制的圖講

形轉(zhuǎn)換為按鈕元件，在播放影片時，當鼠標靠近圖形時，光標就會變成

小手狀態(tài)，為按鈕元件添加腳本語言，即可實現(xiàn)影片的控制。解、

二、動作指令的操作：多媒

交互式動畫就是允許觀眾對影片進行控制，而達到某種目的的動畫。交

互式動畫在動畫與觀眾之間形成一種互動，使觀眾可以參與到動畫中來。例體講

如前面介紹的按鈕元件的制作，它可以通過鼠標的移入或移出制作出不同的

響應效果。而除了簡單的響應效果以外，還可以通過為按鈕編寫腳本語言，解、

使按鈕具有控制影片的播放或者鏈接到指定的網(wǎng)頁中去的功能。這是傳統(tǒng)

動畫所不具備的，在Flash中卻能輕松實現(xiàn)。案例

所有腳本語言的編寫均在動作面板中完成，執(zhí)行“窗口”→“開發(fā)面板”示范

→“動作”命令或直接按F9快捷鍵，即可打開動作面板。

等。

動作面板共有三個窗口組成，左上角為動作工具欄，以樹狀結構顯示舉例

Flash支持的所有腳本語言。左下角為信息工具欄，顯示當前的選擇，也就

是要附加腳本語言的對象和已經(jīng)附加腳本語言的對象的信息。右邊為腳本編講

輯區(qū)，編輯與顯示腳本語言的窗口。

交互式動畫原理：解、

交互式動畫是由觸發(fā)動作的事件、事件的目標和觸發(fā)事件的動作3多媒

個因素組成的，例如單擊按鈕后，影片開始播放這一事件。其中，單擊

是觸發(fā)動作的事件，按鈕是事件的目標，影片開始播放是觸發(fā)事件的動體講

作。換句話說，事件、目標和動作構成了一個交互式動畫。

在Flash中，事件包括鼠標事件、鍵盤事件和幀事件三種。目標包解、

括時間軸、按鈕元件和影片剪輯元件三種。而動作就是指控制影片的一

系列腳本語言，所以說腳本語言的編寫也就是各種動作的編寫。案例

在編寫腳本語言時，既可以通過直接在腳本編輯區(qū)中輸入字符進行編示范

寫，又可以通過在動作工具欄中選擇項目進行編寫。

單擊動作工具欄中的項目文件夾，可展開或收縮文件夾。在展開的項目等。

文件夾中包含多個腳本項目，通過雙擊進行選擇。此外，還可以通過添加動

作按鈕，將新項目添加到腳本中。

時間軸控制中包括了幾種最常用的動作，用于控制影片或影片剪輯元件

中的時間軸。理解這些語言的意義，掌握它們的編寫與操作，可以輕松實現(xiàn)

交互式影片中最為常見的效果。實例如控制影片的播放，停止和重新播放等。

時間軸控制命令位于全局函數(shù)的子文件夾中。

三、教師做按鈕元件的制作及動作指令的操作的教學示范。

作業(yè)、討論題、思考題：

做按鈕元件的制作及動作指令實踐操作練習。

課后小結：

《互動媒體設計》課程教案

課次5

授課方式課時

理論課√討論課□實驗課√習題課□其他□4

（請打√）安排

授課題目（教學章、節(jié)或主題）：

導入聲音及其它媒體；

多場景動畫；

影片的測試、優(yōu)化、發(fā)布與導出

教學目的、要求：

了解聲音及其它媒體的導入程序；熟悉多場景動畫的鏈接設置方法；掌握影片

的測試、優(yōu)化、發(fā)布與導出方法。

教學重點及難點：

導入聲音及其它媒體的操作方法（教學重點）

多場景動畫的鏈接設置方法（教學難點）

方法

教學基本內(nèi)容及手

段

一、聲音的導入：

聲音是的影片的重要組成部分，有聲影片會使動畫更加生動自然，給

人身臨其境之感。

在Flash中，既可以為整部影片添加聲音，也可以單獨為影片中的某

個元件添加聲音。

在一部影片中，同一個聲音文件可以被反復利用。用戶還可以自行設舉例講

定聲音與影片的同步方式。而Flash在聲音資源的使用上也有著其它軟件

無法媲美的高壓縮率，所以制作的影片極為輕巧，便于流傳。解、多

可以導入影片的聲音格式有：WAV、MP3和AIFF（僅限蘋果機）格式。

以上格式中，最常用的為WAV格式，它既可以應用于PC機，又可以媒體講

應用于蘋果機。

聲音導入的程序：解、案

1.新建文檔，執(zhí)行“文件”→“導入”→“導入到庫”命令，彈出“導入

到庫”的對話框，在文件類型中選擇WAV聲音格式，接著選中要導入的聲例示范

音文件，單擊“確定”按鈕。

2.返回場景編輯模式，按下Ctrl+L快捷鍵打開庫面板，在庫面板中可以等

看到剛剛選擇的聲音文件。

聲音不但可以應用于整部影片中，還可以應用于某個元件中，