基于Flash的多媒體課件設(shè)計與實現(xiàn)

1、贛南師范學(xué)院科技學(xué)院學(xué)士學(xué)位論文基于flash的多媒體課件設(shè)計與實現(xiàn) 系 別 數(shù)信與科學(xué)系 屆 別 計算機08級1班 專 業(yè) 計算機科學(xué)與技術(shù) 目錄摘 要1關(guān)鍵字1abstract2keywords2引言31 需求分析32 開發(fā)工具42.1 flash8的主要功能52.2 flash8的運行環(huán)境53 課件的功能及實現(xiàn)過程93.1 模塊的設(shè)計及其功能93.2 總體流程圖93.3 整體結(jié)構(gòu)104 課件的總體設(shè)計124.1 背景的設(shè)計124.1.1 主色調(diào)的選擇和搭配124.1.2 背景圖片的設(shè)計124.2 封面的設(shè)計144.3 目錄布局的設(shè)計154.3.1目錄造型的設(shè)計154.3.2 目錄功能的設(shè)

2、計154.4 頁面的設(shè)計164.4.1 普通頁面效果的設(shè)計164.4.2 習(xí)題頁面效果的設(shè)計184.4.3 封底頁面效果的設(shè)計214.5 翻頁效果的實現(xiàn)235 素材的準備及處理265.1 按鈕素材的準備265.1.2 控制背景音樂按鈕285.1.3 下翻按鈕305.1.4 上翻按鈕315.1.6 瀏覽器控制按鈕32結(jié)束語33參考文獻35摘 要多媒體課件制作技術(shù)是各級教師、教育工作者、多媒體設(shè)計等從業(yè)者必須掌握的技能。在眾多的多媒體制作軟件中，flash是功能最強大、使用最廣泛的一種。flash在實現(xiàn)課件的多媒體性、交互性、網(wǎng)絡(luò)性等方面，具有其他軟件不可比擬的優(yōu)勢。flash8 是macrome

3、dia公司最新推出的動畫制作軟件，也是目前最受歡迎、功能最強，同時又簡單易學(xué)的一種開發(fā)工具。與以往的版本相比，flash8在原有基礎(chǔ)上新增了很多功能，例如實時濾鏡效果、新的文本渲染引擎、動態(tài)載入外部gif圖片、自定義淡入淡出功能、全新的視頻編碼技術(shù)等。這些新增功能大大增強了flash在網(wǎng)頁設(shè)計和動畫制作中的作用，成為備受關(guān)注的閃亮焦點。本系統(tǒng)針對多媒體課件設(shè)計與實現(xiàn)，通過對flash8 這款軟件的熟練運用，制作一個關(guān)于計算機系列的教材authorware多媒體課件制作實用教程的多媒體課件，其中結(jié)合了交互地綜合處理文字、圖形、圖像、動畫、音頻等多種信息。本系統(tǒng)操作簡單，內(nèi)容豐富，觀賞性強，適合大

4、多數(shù)人群學(xué)習(xí)使用。課件實現(xiàn)時遇到的問題就是代碼的填寫，課件的整體結(jié)構(gòu)和配色方案。這些問題都通過網(wǎng)絡(luò)得以解決。關(guān)鍵字：多媒體課件 課件設(shè)計 實用教程 abstractmultimedia courseware production technology must master the skills of teachers at all levels, educators, and multimedia design practitioners. flash is the most powerful, the use of the most widely used in many multimed

5、ia authoring software. flash multimedia, interactive, network and other aspects of courseware has the incomparable advantage of other software. flash8 is macromedias latest animation software, and is currently the most popular, most powerful, and easy to learn as a development tool. compared with th

6、e previous version, based on the original flash 8 added many features, such as real-time filter effects, new text rendering engine, dynamic loading of external gif images, custom fade in fade out function, the new video encoding technology. . these new features greatly enhanced the role of flash in

7、web design and animation become shiny focus of concern.this system for multimedia courseware design and implementation, through the skilled use of the flash8 this software, making a series of computer materials - authorware multimedia courseware to make a tutorial multimedia courseware, which combin

8、es the interactive integration of word processing, graphics , images, animations, audio and other information. the system operation is simple, content-rich, ornamental, suitable for most of the crowd to learn to use. problems encountered at the implementation of the courseware is the code fill in th

9、e overall structure and color scheme of the courseware. these issues are resolved through the network.keywords: multimedia courseware,courseware design, practical course 引言在計算機應(yīng)用日益廣泛的今天，計算機技術(shù)除了已經(jīng)走進了我們?nèi)粘５墓ぷ鳎钔?，也走進了我們的課堂教學(xué)中。多媒體教學(xué)課件不僅可以更加自然、逼真地表現(xiàn)多姿多彩的視聽世界，使原本艱難的教學(xué)活動充滿了魅力，還可以對宏觀和微觀事物進行模擬，對抽象、無形事物進行生動、直

10、觀的表現(xiàn)；對復(fù)雜過程進行簡化再現(xiàn)，因此也提高了學(xué)生的學(xué)習(xí)興趣。 多媒體、交互性、網(wǎng)絡(luò)化是多媒體課件最基本的3個特性，多媒體教學(xué)方式打破了時間和空間的限制，且在多媒體方面，flash具備完善的媒體支持功能，它能導(dǎo)入圖形圖像、聲音、視頻、三維動畫等各種媒體。將教學(xué)內(nèi)容與教學(xué)所涉及到的事物，通過聲音、圖像、動畫等形式表現(xiàn)出來。使學(xué)生通過事物形、色、聲的不變化和發(fā)展直接獲取知識，感知世界，并且使許多抽象的概念形象化、具體化，更使教學(xué)有難有易，增加教學(xué)效果，提高教學(xué)效率，具體傳統(tǒng)教學(xué)所不能比擬的優(yōu)越性。1 需求分析 （1）、authorware多媒體課件制作使用教程這本書以實例帶動教程，詳細講述了用au

11、thorware制作多媒體教學(xué)課件的方法與技巧。全書共12章，分別介紹了多媒體課件入門知識和課件素材制作，authorware課件基礎(chǔ)知識，文字和圖形在課件中的應(yīng)用、等待和擦除圖標在課件中的應(yīng)用，視頻、聲音和動畫在課件中的應(yīng)用，移動圖標在課件中的應(yīng)用，課件的交互控制，控制課件的程序流程，課件編程基礎(chǔ)，增強課件的功能，課件典型結(jié)構(gòu)，課件的調(diào)試和發(fā)布等內(nèi)容。（2）、flash8 在原有功能上有較大的改進，并且新增了一些功能，更利于開發(fā)者使用。它提供了更強大的表現(xiàn)手法、文本支持、腳本增強和視頻支持。下面就分別介紹一下這些新增的功能。1、渲染濾鏡flash8 已經(jīng)能夠合并內(nèi)建的濾鏡效果，像陰影、模糊、

12、內(nèi)外發(fā)光、倒角、漸變倒角、顏色調(diào)整，以獲得更豐富的用戶體驗。2、位圖緩沖將自身無變化的矢量圖按位來顯示，以提高影片播放速度。3、文本渲染引擎flash8 同時允許用戶使用flashtype字體作更多的控制。flash包含字體渲染的預(yù)置，為動畫文本提供等同于靜態(tài)文本的高質(zhì)量優(yōu)化。新的渲染引擎使得文本即使使用較小的字體看上去也會更加清晰，這一功能是flash的一大重要改進。4、自定義淡入淡出功能動畫設(shè)計者將會享受新的自定義淡入淡出功能所帶來的樂趣，這一功能允許設(shè)計者直觀地控制所有的動作補間屬性。新增的曲線圖功能提供對位置、旋轉(zhuǎn)、大小、顏色及濾鏡的獨立控制，使用它能夠精確控制動畫的速率。5、全新的視

13、頻編碼技術(shù)flash8 采用新的視頻編碼，并擴展的面積web的視頻解碼選項。制作多媒體課件是計算機專業(yè)學(xué)生的基礎(chǔ)技能，本設(shè)計以authorware多媒體課件制作實用教程為藍本，介紹基于該課程開發(fā)的課件，詳細的設(shè)計過程和所涉及到的問題及解決方法。2 開發(fā)工具多媒體課件制作軟件非常多，比如authorware、flash、powerpoint等等，在眾多多媒體制作軟件中，普及率最高、實用最廣泛的專業(yè)多媒體創(chuàng)作工具就是flash。flash是macromedia 公司推出的一種集動畫設(shè)計、游戲、web網(wǎng)頁站點開發(fā)等功能于一身的優(yōu)秀軟件。flash開拓了網(wǎng)頁設(shè)計與多媒體制作的新領(lǐng)域，從簡單的動畫到復(fù)雜

14、的交互式web應(yīng)用程序，從豐富的多媒體支持到流媒體flv視頻文件在線播放，flash給開發(fā)者更多的想象空間的技術(shù)支持，開發(fā)者可以結(jié)合個人的創(chuàng)意做出有聲有色的動畫作品及互動性商業(yè)網(wǎng)站作品。而flash8 簡體中文版是最新發(fā)布的軟件版體，在諸多功能上有較大的改進，更利于開發(fā)者使用。2.1 flash8的運行環(huán)境flash8 以便捷、完美、舒適的動畫編輯環(huán)境，深受廣大動畫制作愛好者的喜愛。在制作動畫之前，先對運行環(huán)境進行介紹，包括一些基本的操作方法及運行環(huán)境的組織和安排。1、flash8啟動運行flash8 ，首先映入眼簾的是“開始頁”，“開始頁”將常用的任務(wù)都集中放在一個頁面中，包括“打開最項目”

15、、“創(chuàng)建新項目”、“從模板創(chuàng)建”、“擴展”，以及對官方資料的快速訪問，如圖2-1所示。圖2-1 啟動頁2、工作窗口在“開始頁”，選擇“創(chuàng)建新項目”下的“flash文檔”，這樣就啟動了flash8 的工作窗口并新建了一個影片文檔，如圖2-2所示。圖2-2 工作窗口flash8 的工作窗口由標題欄、菜單欄、主工具欄、文檔選項卡、編輯欄、時間軸、工作區(qū)和舞臺、工具箱，以及各種面板組成。標題欄：顯示當前操作的flash文件的名稱。菜單欄：集合了flash8提供的所有功能。繪圖工具欄：集中了繪制特殊形狀的圖形或圖畫時所用到的工具。時間軸：制作flash影片的操作空間。操作標識欄：可以了解當前操作的位置。

16、舞臺：編輯flash影片的操作空間。操作空間：在完成的flash影片中看不到的操作空間。屬性欄：可以細致設(shè)置選擇的對象的屬性。3、代表功能的面板制作質(zhì)量較高的flash影片時需要各種功能，為了更加方便地使用這些功能，在flash8中，將它們以面板的形式集中在一起。并且可以將經(jīng)常使用的面板放置在一起，也可以放置到所需位置。下面列舉其中一部分面板作介紹。1）選擇所需顏色的混色器面板和顏色樣本面板在制作影片時與顏色相關(guān)的功能都集中在混色器面板和顏色樣本面板中。在混色面板中，利用rgb值和透明值可以直接創(chuàng)建顏色，顏色樣本面板用于管理和保存創(chuàng)建的顏色，如圖2-3所示。圖2-3 顏色樣本面板、混色器面板2

17、）便于整理的信息面板和排列面板在信息面板中可以細致調(diào)整對象的大小和位置，在排列面板中可以一次性整理多個對象，如圖2-4所示。圖2-4 信息面板、排列面板3 課件的功能及實現(xiàn)過程3.1 模塊的設(shè)計及其功能課件主要包括四大模塊:1、主要內(nèi)容：列出該章節(jié)的主要內(nèi)容。2、知識點講解：通過圖片、文字說明課文的內(nèi)容及知識點。3、難點分析：出示本課的難點，進一步分析說明。4、舉例說明：通過練習(xí)使掌握的內(nèi)容加以鞏固。3.2 總體流程圖整體設(shè)計的原則是體現(xiàn)多媒體課件的交互性、直觀性。其中最主要的是交互性的實現(xiàn)，交互性主要體現(xiàn)在課件內(nèi)部的交互、章節(jié)和章節(jié)之間的交互。每個章節(jié)內(nèi)部要實現(xiàn)前翻、后翻，章節(jié)和章節(jié)之間的跳

18、轉(zhuǎn)，如果在每個頁面內(nèi)都放置可以查找相應(yīng)章節(jié)的按鈕，按鈕太多整個頁面看上去就很單調(diào)了，所以根據(jù)簡單的原則直接在每個頁面內(nèi)設(shè)置一個返回目錄的按鈕，這樣再進行重新選擇就比較簡單、直觀了?？傮w設(shè)計的流程圖如圖3-1所示： 圖3-1 總體流程圖3.3 整體結(jié)構(gòu)本課件主要采用“化整為零，分而治之”的模塊設(shè)計方法，如圖3-2所示。根據(jù)課件的內(nèi)容，將其分解為一個主控模塊和三個功能模塊，四個模塊都要制作成獨立的flash影片。控制模塊內(nèi)容各章習(xí)題上機習(xí)題圖3-2 結(jié)構(gòu)模型主控模塊主要用來控制和調(diào)度各個功能模塊的播放，因此主要是設(shè)計一個導(dǎo)航菜單。導(dǎo)航菜單由若干按鈕組成，按鈕和課件的功能模塊相對應(yīng)，單擊導(dǎo)航菜單中的

19、按鈕可以載入相應(yīng)的課件功能模塊swf影片，在每個功能模塊影片中也設(shè)計一個返回到主控模塊的按鈕。這些導(dǎo)航按鈕上的程序代碼的一般形式，如圖3-3所示，程序代碼的功能是，當單擊并釋放按鈕時，加載指定的swf影片。 圖 3-3 導(dǎo)航按鈕上的程序代碼各個課件功能模塊具體實現(xiàn)相應(yīng)課件內(nèi)容的展示，為第一、第二章節(jié)。利用loadmovie()函數(shù)在一個swf影片中加載外部的swf影片。由于三個模塊都是獨立的flash影片，利用了此函數(shù)實現(xiàn)了它們間的相互調(diào)用。4 課件的總體設(shè)計4.1 背景的設(shè)計4.1.1 主色調(diào)的選擇和搭配課件用的比較多的是在教學(xué)方面，性質(zhì)還是像課本一樣，老師和學(xué)生都要看著課本來教和學(xué)，多出來

20、的功能就是交互性。無論是老師和學(xué)生一直看著同一頁內(nèi)容看久了眼睛都會疲倦，而且人的情緒上也會覺得很乏味和煩躁。這樣的情況下主色調(diào)就不能采用暖色來填充了，因為暖色更容易讓人產(chǎn)生煩躁的心情。所以我主要采用冷色調(diào)搭配，比如藍色、綠色、紫色等一些生命的顏色，還有一些稍微淡一點的冷色搭配在一起，這樣看上去就不會那么單調(diào)、疲乏，反而會給人一種清新、活力，這樣可以起到緩解疲勞的作用。4.1.2 背景圖片的設(shè)計課件的本質(zhì)還是跟課本相似的，除了具有相當?shù)膶嵱眯砸酝猓钪饕氖且曈X效果。用戶在應(yīng)用課件的時候除了文字以外，還會注意到背景的搭配。所以圖片的設(shè)計及色彩的搭配起到很大的作用。首先圖片風(fēng)格的選定。圖片的風(fēng)格不

21、能過于卡通，這樣給人的感覺很幼稚，主觀上在威信方面會打折扣的；同時也不能像專業(yè)的宣傳廣告那樣太注重商業(yè)價值的宣傳；還不能太嚴肅，太死板，這樣會給人一種距離感同樣不能引起學(xué)生的興趣。綜上所述，整體的風(fēng)格要淡雅、清新、美觀但不花哨，實用性強但不失興趣的啟發(fā)因素。另外風(fēng)格要大體一致，但是又不能太相似，不然還是會起到重復(fù)，厭煩的效果。在風(fēng)格保持一致的同時要注意每個背景的個性設(shè)計。根據(jù)課本的實際內(nèi)容總共分為十二個章節(jié)，課件的實際是兩個章節(jié)，除此以外另加上封面和封底。1、素材的搜集根據(jù)具體的需要我需要十八張背景圖片，因為一共是十二章節(jié)，每一章節(jié)我采用的背景圖片是不同的，如圖4-1所示。但每章節(jié)內(nèi)的每個頁面

22、都是相同的背景圖片。封面我采用的是課件中用到頻率比較高的圖片組成的，目錄則是十二副小圖片組成，每幅圖片代表一個章節(jié)。封面跟正文部分的背景風(fēng)格還是不一樣的，封面要體現(xiàn)的是整個課件的風(fēng)格，可以說是正文部分背景圖片風(fēng)格的整合，也就代表了整個課件的風(fēng)格。而其他正文部分的背景在保持大的風(fēng)格上一致以外還要體現(xiàn)不同的個性。圖 4-1 主界面2、圖片的處理首先圖片的處理工具是fireworks,為fireworks比較方便、簡單、功能也比較多。而且在各種平面處理工具中對fireworks是最熟悉，使用起來最順手的。圖片的大小設(shè)置為800*630，與flash文檔的大小相同。4.2 封面的設(shè)計封面的起到一個書面

23、的作用，就像書的封面一樣，在封面上可以了解到書名。當然多媒體課件的封面同樣具有這樣的功能，首先要介紹所要學(xué)習(xí)的科目，課件名等信息。但是課件不會像翻書一樣直接翻到下一頁，而是要通過交互作用跳轉(zhuǎn)到下一個頁面-目錄頁面。如圖4-2所示。圖4-2 封面封面右上角放置了三個按鈕，用于跳轉(zhuǎn)到目錄頁面、封面和結(jié)束，按鈕的實現(xiàn)在以下的章節(jié)中都有所介紹。4.3 目錄布局的設(shè)計4.3.1目錄造型的設(shè)計多媒體課件的目錄不會像書本的目錄那么單調(diào)，除了文字就是符號，如圖4-3所示。 圖4-3 課件的目錄4.3.2 目錄功能的設(shè)計目錄的功能就是通過章節(jié)的名稱可以找到對應(yīng)的頁碼，很快就可以翻到對應(yīng)的章節(jié)。而多媒體課件的目錄

24、的功能是在點擊按鈕后就可以跳轉(zhuǎn)到相應(yīng)的章節(jié)了，然后進行教學(xué)。首先十二個章節(jié)用了十二副圖片按鈕元件，每幅圖片就是一個按鈕。按鈕上加的控制代碼是on (release) gotoandplay(xx);其中的xx是該場景內(nèi)幀標簽，方便跳轉(zhuǎn)的實現(xiàn)。每一章節(jié)都對就不同的幀標簽，其中圖層設(shè)計如圖4-4所示。圖4-4 目錄場景的圖層設(shè)計圖層e1存放的是代碼stop()，e2層放的是按鈕，e4、e5放的是文字，e6、e7放的是圖片。在封面上點擊come in按鈕就可以進入目錄頁面，其中頁面中按鈕的具體代碼在按鈕的設(shè)計中詳述。4.4 頁面的設(shè)計4.4.1 普通頁面效果的設(shè)計以第1章的其中一個頁面為例，其制作過

25、程如下：首先，新建一個名為“整數(shù)加法”的影片剪輯元件，在這個元件的編輯場景中，用繪圖工具繪制一個653306的黑色矩形。將圖層一命名為“文字”，選擇文本工具，在第一幀將文字輸入。制作遮罩動畫，新建一個圖層，命名為“橫線一”，在第一幀，用繪圖工具繪制一條直線，并將該幀命為幀標簽“a”。再新建一個名為“橫線一0”的圖層，在第一幀，繪制一個1.04.0的直線，遮住在“橫線一”圖層繪制的直線的最左端，在第十九幀，將該直線拉長，完全覆蓋在“橫線一”圖層的直線。選擇第一幀，定義補間動畫。將該層設(shè)置為“遮罩層”，如圖4-5所示?！皺M線二”，“橫線三”，“注釋部分”等，制作方法類似，就不再重述。 圖 4-5

26、多媒體課件入門按鈕的制作，新建一個按鈕元件，在“圖形”圖層，用繪圖工具，繪制一個顏色為“#cc00cc”的不規(guī)則圓形，新建一個名為“文字”的圖層，在指針經(jīng)過幀，插入關(guān)鍵幀，用文本工具輸入“a”。返回到影片剪輯，將該按鈕添加代碼：on (release) gotoandplay(a);。其余按鈕的制作方法類似，就不再重述。新建一個名為“代碼”的圖層，在第一幀添加代碼stop。至此，此頁面制作過完成。4.4.2 習(xí)題頁面效果的設(shè)計習(xí)題頁面主要由題目部分和參考答案部分組成，題目頁面的制作，一共有四道題目，因此需要制作四個頁面，這里就以第一道題目的頁面與參考答案頁面為例進行介紹。習(xí)題頁面共有六個圖層，

27、命名如圖4-6所示。 圖 4-6 圖層命名1、題目部分頁面的設(shè)計第一道題目頁面的制作方法，是在圖層“習(xí)題1”的第65幀到第71幀間創(chuàng)建補間動畫，將第65幀命名為“p0”，第72幀為“p1”，在第71幀插入stop動作。然后，在圖層“翻頁”的第71幀處將按鈕“元件18”插入舞臺的合適位置，代碼為on (release) gotoandplay(p1);，通過該按鈕進入下道題，具體的圖層設(shè)計如圖4-7所示。其中，單選題的“單選按鈕”是從“組件”面板的“user interface”組件類別中選取的，它們的參數(shù)設(shè)置如圖4-8所示，最終的效果圖如圖4-9所示。圖 4-7 圖層設(shè)計圖 4-8 參數(shù)設(shè)置

28、圖 4-9 第一章習(xí)題最終效果2、參考答案頁面的設(shè)計這張頁面采用了滾動按鈕，使顯示內(nèi)容上下移動，在較小空間里能看到更多的內(nèi)容。效果圖如圖4-10所示。圖 4-10 參考答案效果圖操作步驟如下：1. 將庫中的“文本”圖形元件拖動至舞臺中后，按f8鍵將其轉(zhuǎn)換為“滾動影片”的影片剪輯。2. 切換到“滾動影片”的編輯界面，然后按f6鍵在第100幀上添加關(guān)鍵幀，拖動文本內(nèi)容，一直向上拖動直到顯示最底部的內(nèi)容，在中間幀處創(chuàng)建補間動畫。3. 在“action”圖層的第1幀和第100幀上指定stop動作，切換到主界面。4. 單擊前面制作的“滾動影片”，將其實命名設(shè)置為scroll。5. 在“按鈕”圖層，將庫面

29、板中的按鈕調(diào)整并拖動到適當位置，單擊下按鈕 ，然后打開動作面板輸入以下代碼：on (rollover) _root.scroll.nextframe();gotoandstop(93);6. 在上按鈕 的動作面板中，將以上代碼復(fù)制過來，將nextframe 改為prevframe。7. 在第2幀插入關(guān)鍵幀，將對應(yīng)的動作面板中“93”都改為“92”。8. 在遮罩層“mask”中，繪制一個矩形，其大小可遮住文本內(nèi)容。至此，該頁面制作完成，具體的圖層設(shè)計如圖4-7所示。4.4.3 封底頁面效果的設(shè)計頁面的效果主要由swf文件和影片剪輯制作而組成。該頁面共有六個圖層，命名如圖4-11所示。 圖 4-1

30、1 封底圖層命名“頂部按鈕”、“音樂”、“背景”圖層的制作不再重述，這里主要介紹百頁窗的制作。具體操作步驟如下：1. 新建一個影片剪輯，命名為“1”。雙擊進入其編輯界面，在第1幀，運用矩形工具繪制一個寬為8，高為630的黑色矩形。在第20幀處，插入關(guān)鍵幀，運用任意變形工具將寬改為18。創(chuàng)建補間形狀，并在第20幀處添加動作“stop”。2. 新建影片剪輯，命名為“2”。雙擊進入其編輯界面，在第1幀，將庫面板中的影片剪輯“1”拖入編輯界面中，并復(fù)制多個。打開對齊面板，調(diào)整矩形間的間隔，使總長為800630。3. 新建一個圖形元件，命名為“封底”。雙擊進入其編輯界面，繪制一個800630的淡黃色矩形

31、，運用文本工具輸入文字。4. 新建一個按鈕元件，命名為“鏈接到論文”。雙擊進入編輯界面，進行編輯，如圖4-12所示。圖 4-12 按鈕“鏈接到論文”5. 回到場景1，選擇“文字”圖層，將圖形元件“封底”拖入場景，并將制按鈕“鏈接到論文”也插入其中，并放于適當位置。選中該按鈕，打開動作面板，設(shè)置如下代碼：on (release) geturl(論文.doc); 必需將*.doc文件與導(dǎo)出的swf文件放在同一個文件夾中。6. 選擇“遮罩”圖層，將影片剪輯2插入到第1幀處。并將其設(shè)置為遮罩層。7. 按下ctrl+enter快捷鍵播放。則頁面以百頁窗的效果出現(xiàn)，單擊“鏈接到論文”按鈕，則在瀏覽器中出現(xiàn)

32、*.doc文件。4.5 翻頁效果的實現(xiàn)每一張頁面都是由影片剪輯組成，使用影片剪輯元件可以創(chuàng)建可重用的動畫片段，影片剪輯擁有它們自己的獨立于主時間軸的多幀時間軸，可以將影片剪輯看作是主時間軸的嵌套時間軸，它們可以包含交互控件、聲音甚至其他影片剪輯實例，也可以將影片剪輯實例放在按鈕元件的時間軸內(nèi)，以創(chuàng)建動畫按鈕。每個章節(jié)頁面之間的翻頁效果相同，所以只選擇前兩個頁面詳細介紹，前翻后翻主要依靠按鈕來實現(xiàn)。這里以第七章節(jié)來介紹。1、目錄的設(shè)計目錄是由四個章節(jié)的小標題組成，當然還包括了聲音控制按鈕及顯示按鈕。這時主要介紹標題的設(shè)計，制作方法省略。小標題既是文本也是按鈕，每一個標題按鈕對應(yīng)各自的章節(jié)，運用按

33、鈕的跳轉(zhuǎn)來實現(xiàn)翻頁，如圖4-13所示。第一個標題按鈕鏈接的頁面不同，因而，所對應(yīng)的代碼也不同，以第一個標題7.1地址和指針的概念為例，在其上添加動作on (release) gotoandstop(45);，其中“45”是指第一標題鏈接到的該節(jié)的第一個頁面。圖 4-13 第一章目錄2、頁面的設(shè)計在“影片剪輯”圖層的時間軸設(shè)計如圖4-14所示。第45幀到第63幀依次插入所設(shè)計好的頁面。第45幀到第49幀為7.1節(jié)的內(nèi)容，第50幀至第58幀為7.2節(jié)，其余的為7.3節(jié)，7.4的設(shè)計如圖4-7所示。分別在每一章節(jié)的首尾頁面插入幀標簽，以便于設(shè)計“按鈕”圖層的按鈕。圖 4-14 頁面時間軸在“按鈕”圖

34、層的第45幀處插入所需用到的翻頁按鈕，如圖4-15所示。在第46、49、51、52、58、59、60、63幀插入關(guān)鍵幀。每一個關(guān)鍵幀處的按鈕上所添加的動作是不同的，要根據(jù)所對應(yīng)的不同頁面所在的不同的幀來設(shè)計。如圖中所示的第1個和第2個按鈕上動作在所有的幀上都是相同的，分別是on (release) gotoandstop(m);和on (release) loadmovienum(d:可執(zhí)行文件c.swf, 1);，前者的作用是回到該章的目錄，而后者是退出該頁面，動作loadmovie函數(shù)返回到課件的主目錄，詳細流程可見圖3-1 總體流程圖。 圖4-15 翻頁按鈕圖中第3個和第6個按鈕的功能是

35、實現(xiàn)一個章節(jié)中首尾頁面間的跳轉(zhuǎn)，以7.1節(jié)的第45處為例，第3個按鈕上的動作為on (release) gotoandstop(o);其中“o”是指該節(jié)中的第一個頁面。第6個按鈕上添加的動作為on (release) gotoandstop(a); ，“a”是指該節(jié)中的最后一個頁面。圖中第4個按鈕和第5個按鈕的功能是實現(xiàn)前后翻頁。同樣以7.1節(jié)為例，具體的代碼如下：1) 第3個按鈕在第45幀處添加的動作為on (release) gotoandstop(o);，“o”是指本頁面，在該頁面上此按鈕不起作用。2) 第3個按鈕在第46幀及第49處添加的動作都為on (release) prevfra

36、me();，是指跳轉(zhuǎn)到上一頁，即前一幀。3) 第4個按鈕在第45幀及第46幀處添加的動作都為on (release) nextframe(); ();，是指跳轉(zhuǎn)到下一頁，即下一幀。4) 第4個按鈕在第49幀處添加的動作為on (release) gotoandstop(a);，是指跳轉(zhuǎn)到下一頁，即下一幀，也是指最后一個頁面，此幀上的功能與第6個按鈕上的動作是一致的。5 素材的準備及處理5.1 按鈕素材的準備整個課件的交互依靠按鈕實現(xiàn)，這里列舉部分按鈕說明：5.1.1 come in按鈕come in按鈕是由come in影片剪輯和透明按鈕組合而成。1、come in影片剪輯的制作過程：1) 新

37、建一個影片剪輯元件，創(chuàng)建兩個圖層,分別為“箭頭”、“come in” 。2) 在“箭頭”圖層，選擇線條工具，筆觸顏色為“#ff9966”，實線0.75，在第一幀繪制一個箭頭，在第六、第十一、第十六幀分別插入關(guān)鍵幀，復(fù)制一個箭頭，插入形狀補間。3) 在“come in”圖層,選擇文本工具，輸入“come in”,填充顏色為“#ff0000”，在第七、第十一、第十六、第十七、第二十幀插入關(guān)鍵幀，依次操作，將“come in”往上移動，將字體顏色改為“#00ff00”，再往上移動，全部設(shè)為形狀補間動作，如圖4-4、圖4-5所示。圖5-1 come in圖形圖5-2 come in時間軸2、透明按鈕的

38、制作過程：1) 新建一個按鈕，執(zhí)行文件-導(dǎo)入-導(dǎo)入到庫命令，彈出“導(dǎo)入到庫”的對話框，選擇導(dǎo)入的聲音“media 2” ,將聲音導(dǎo)入。2) 新建一個圖層，命名為“聲效”，選擇這個圖層的第二幀，插入一個空白關(guān)鍵幀，然后將“庫”面板中的“聲效”聲音拖放到場景中。這樣，“聲效”圖層從第二幀開始出現(xiàn)了聲音的聲波線。3) 打開屬性面板，將同步選項設(shè)置為“事件”，并且重復(fù)1次。至此“聲效”制作完成。4) 新建一個圖層，選擇矩形工具，填充顏色設(shè)為“#ffffff”。如圖5-3所示。圖5-3透明按鈕時間軸設(shè)計5) 透明按鈕的代碼如下： on (release) gotoandstop(qqq);5.1.2 控

39、制背景音樂按鈕應(yīng)用gotoandplay動作和stopallsounds動作制作控制聲音播放的按鈕。以下是具體的時間軸分析，如圖5-4所示。圖5-4 背景音樂控制按鈕時間軸操作步驟如下:1) 單擊按鈕元件music，然后按下f8鍵。將按鈕元件重新注冊為名為“音樂”的影片剪輯。2) 雙擊剛剛注冊的影片剪輯，進入其編輯界面。添加3個圖層，并分別命名為“音樂”、“動作”和“標簽”。3) 選擇所有圖層的第20幀，然后按下f8鍵，將影片剪輯延長到第20幀。4) 選擇所有圖層的第10幀，然后按下f8鍵，插入關(guān)鍵幀。（在第1幀設(shè)定播放音樂時的狀態(tài)，在第10幀設(shè)定停止播放音樂時的狀態(tài)。在第10幀音樂處于停止狀

40、態(tài)，所以要將按鈕元件on更改為off。）5) 選擇“圖層1”的第1幀。雙擊music按鈕，進入按鈕的編輯界面，在鼠標經(jīng)過幀處插入關(guān)鍵幀，利用文本工具,將屬性設(shè)置為字體仿宋，字號81，輸入“on”，在按下處插入關(guān)鍵幀，回到影片剪輯編輯界面。在第10幀按下f8鍵，插入關(guān)鍵幀，雙擊music按鈕，進入按鈕的編輯界面，在鼠標經(jīng)過、按下幀處采用文本工具將“on”改為“off”, 然后回到影片剪輯編輯界面。6) 選擇“音樂”圖層的第1幀，并從聲音中選擇配樂-.mp3。為了讓音樂與幀同時播放，選擇開始，同時為了重復(fù)播放音樂，選擇循環(huán)選項。7) 在“動作”圖層的第1幀和第10幀指定stop動作，以便停止影片的

41、播放。8) 選擇“標簽”圖層的第1幀，并將幀標簽指定為on。9) 按照同樣的方法，選定“標簽”圖層的第10幀，并將幀標簽指定為off。10) 為了指定停止音樂的動作，選擇“音樂”圖層的第10幀，然后單擊作為面板中的“添加行為”按鈕，并單擊sound-stop all sounds命令。11) 選擇第1幀中的on按鈕，然后指定gotoandplay動作，以便影片移動到標簽off位置，代碼如下所示：on (release) gotoandplay(on);12) 按照同樣的方法，單擊第10幀中的off按鈕，然后指定gotoandplay動作，以便影片移到標簽on位置，代碼如下所示：on (rele

42、ase) gotoandplay(off);13) 按下ctrl+enter快捷鍵播放音樂。鼠標移動到music按鈕，彈出on，單擊，音樂將停止，并且鼠標再次移動到music按鈕時，彈出off，單擊，音樂又會重新播放。5.1.3 下翻按鈕下翻按鈕的制作過程：1) 創(chuàng)建一個按鈕元件，命名為“前后頁”。2) 在彈起和指針經(jīng)過幀處，將經(jīng)過fireworks處理的圖形元件33導(dǎo)入進來，如圖5-5所示。圖5-5彈起、指針經(jīng)過幀的設(shè)置3) 在按下和點擊幀，將經(jīng)過fireworks處理的圖形元件32導(dǎo)入進來，如圖5-6所示。圖5-6按下、點擊幀的設(shè)置4) 在“前后頁”按鈕上的代碼在不同的頁面中是不同的，以下僅以一處為例： on (release) gotoandstop(場景 1, bb);5.1.4 上翻按鈕上翻按鈕的制作過程：過程與下翻按鈕的過程基本相似，不同的是箭頭的方向，這里就不做贅述，效果如圖-21、圖-22所示。圖5-7 彈起幀的按鈕圖5-8 指針經(jīng)過幀的按鈕按鈕上的代碼在不同的頁面中是不同的以下僅以一