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

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

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

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

4、多數(shù)人群學(xué)習(xí)使用。課件實(shí)現(xiàn)時(shí)遇到的問題就是代碼的填寫，課件的整體結(jié)構(gòu)和配色方案。這些問題都通過網(wǎng)絡(luò)得以解決。關(guān)鍵字：多媒體課件 課件設(shè)計(jì) 實(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 引言在計(jì)算機(jī)應(yīng)用日益廣泛的今天，計(jì)算機(jī)技術(shù)除了已經(jīng)走進(jìn)了我們?nèi)粘５墓ぷ鳎钔?，也走進(jìn)了我們的課堂教學(xué)中。多媒體教學(xué)課件不僅可以更加自然、逼真地表現(xiàn)多姿多彩的視聽世界，使原本艱難的教學(xué)活動(dòng)充滿了魅力，還可以對宏觀和微觀事物進(jìn)行模擬，對抽象、無形事物進(jìn)行生動(dòng)、直

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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