電子系畢-業(yè)-設(shè)-計(論-文)

1、畢 業(yè) 設(shè) 計 (論 文)論 文 題 目 : 交互式多媒體課件 專 業(yè) 方 向 : 計算機技術(shù)及應(yīng)用 班 次 ： 2002級 學(xué) 員 姓 名 : XXXXX 指 導(dǎo) 老 師 : XXXXXXXXXXXXX 二五 年 六 月 交互式多媒體課件摘 要Flash是制作因特網(wǎng)上的動影像的軟件。從簡單的動畫效果到網(wǎng)站的建立、多媒體資源的匯聚、游戲的制作，F(xiàn)lash的作用非常廣泛。Flash作品極易在網(wǎng)上進(jìn)行發(fā)布和交流，也可以生成獨立的可執(zhí)行文件(.exe)，這樣再沒有安裝Flash播放器的電腦上也可以正常運行；而且任意旋轉(zhuǎn)和縮放Flash動畫，都不會影響畫面的質(zhì)量。許多專業(yè)級的媒體制作軟件如Author

2、ware和Director，也可以直接導(dǎo)入使用Flash制作的影片、矢量圖形和動畫。因此，F(xiàn)lash的使用非常廣泛，可以制作動畫、網(wǎng)絡(luò)廣播、制作游戲、制作教學(xué)課件、Flash電子賀卡、制作CDROM、制作視頻文件、網(wǎng)絡(luò)藝術(shù)等。而教學(xué)課件最能反映Flash所內(nèi)含的功能。最基礎(chǔ)的教學(xué)課件將教學(xué)內(nèi)容播放成動影像或?qū)⒅v義內(nèi)容播放為聲音文件。但是自Flash登場以來，便實現(xiàn)了交互式的可選擇性。關(guān)鍵字： 交互式多媒體 Flash Photoshop “流”技術(shù)Shockwave目 錄 TOC o 1-3 h z u HYPERLINK l _Toc106522778 前 言 PAGEREF _Toc106

3、522778 h 3 HYPERLINK l _Toc106522779 第一章 概 述 PAGEREF _Toc106522779 h 5 HYPERLINK l _Toc106522780 1.1 課題來源 PAGEREF _Toc106522780 h 5 HYPERLINK l _Toc106522781 1.2 任務(wù)目的、要求、意義 PAGEREF _Toc106522781 h 5 HYPERLINK l _Toc106522782 1.3 任務(wù)需求 PAGEREF _Toc106522782 h 5 HYPERLINK l _Toc106522783 第二章 總體方案設(shè)計 PAG

4、EREF _Toc106522783 h 5 HYPERLINK l _Toc106522784 2.1 總體框架結(jié)構(gòu) PAGEREF _Toc106522784 h 5 HYPERLINK l _Toc106522785 2.2 作品環(huán)境 PAGEREF _Toc106522785 h 5 HYPERLINK l _Toc106522786 2.3 作品設(shè)計 PAGEREF _Toc106522786 h 5 HYPERLINK l _Toc106522787 第三章 關(guān)鍵技術(shù) PAGEREF _Toc106522787 h 6 HYPERLINK l _Toc106522788 3.1 F

5、lash技術(shù) PAGEREF _Toc106522788 h 6 HYPERLINK l _Toc106522789 3.2 Photoshop技術(shù) PAGEREF _Toc106522789 h 6 HYPERLINK l _Toc106522790 3.3 ASP技術(shù) PAGEREF _Toc106522790 h 6 HYPERLINK l _Toc106522791 第四章 作品的實現(xiàn) PAGEREF _Toc106522791 h 6 HYPERLINK l _Toc106522792 4.1 交互式主界面 PAGEREF _Toc106522792 h 6 HYPERLINK l

6、_Toc106522793 4.2 學(xué)校簡介 PAGEREF _Toc106522793 h 6 HYPERLINK l _Toc106522794 4.3 Flash動畫 PAGEREF _Toc106522794 h 6 HYPERLINK l _Toc106522795 4.4 軍營相冊 PAGEREF _Toc106522795 h 6 HYPERLINK l _Toc106522796 4.5 小組成員 PAGEREF _Toc106522796 h 6 HYPERLINK l _Toc106522797 4.6 ASP留言板 PAGEREF _Toc106522797 h 6 HY

7、PERLINK l _Toc106522798 第五章 作品的發(fā)布 PAGEREF _Toc106522798 h 6 HYPERLINK l _Toc106522799 5.1 影片的準(zhǔn)備導(dǎo)出與優(yōu)化 PAGEREF _Toc106522799 h 6 HYPERLINK l _Toc106522800 5.2 影片的導(dǎo)出 PAGEREF _Toc106522800 h 6 HYPERLINK l _Toc106522801 5.3 導(dǎo)出文件格式的介紹 PAGEREF _Toc106522801 h 6 HYPERLINK l _Toc106522802 5.4 影片的發(fā)布 PAGEREF _

8、Toc106522802 h 6 HYPERLINK l _Toc106522803 第六章 結(jié)束語 PAGEREF _Toc106522803 h 7 HYPERLINK l _Toc106522804 6.1 心得 PAGEREF _Toc106522804 h 7 HYPERLINK l _Toc106522805 6.2 感謝 PAGEREF _Toc106522805 h 7 HYPERLINK l _Toc106522806 參考文獻(xiàn) PAGEREF _Toc106522806 h 7前 言 隨著計算機網(wǎng)絡(luò)技術(shù)的發(fā)展的日新月異，以及Internet的日益普及，因特網(wǎng)正逐漸滲透到我們

9、的日常生活中去。越來越多的人開始加入到這個群體中來，開始創(chuàng)建自己的網(wǎng)站，制作網(wǎng)爺。網(wǎng)頁的內(nèi)容也告別了過去單純的文本和圖像，動畫、音頻、視頻等多媒體內(nèi)容以及各種交互式功能的實現(xiàn)使網(wǎng)頁制作真正實現(xiàn)了動感十足。人們可以達(dá)到更為豐富的動態(tài)網(wǎng)頁效果和交互性。 Macromedia Flash作為矢量化的Web交互式動畫制作工具，結(jié)合Macromedia的“流”技術(shù)Shockwave，在Web上發(fā)布交互式的動畫，他的優(yōu)越性是其他軟件無法相比的，是目前制作網(wǎng)絡(luò)交互式動畫的最優(yōu)秀工具，其影響力已超過了Java。這種優(yōu)越性主要體現(xiàn)在以下幾個方面：強大的多媒體編輯功能。它支持文字、動畫、聲音以及交互功能，并可直接

10、生成主頁代碼。小巧的文件體積。由于矢量圖形的Flash動畫尺寸可以隨意調(diào)整縮放，而且不會影響圖形文件的大小和質(zhì)量，而且只要用少量向量數(shù)據(jù)就可以描述一貫復(fù)雜的對象，一張普通軟盤通?？裳b入不少Flash動畫，因此，F(xiàn)lash非常適合在網(wǎng)絡(luò)上使用，這使它可以以極快的速度流行起來。靈活的輸出方式。流式技術(shù)允許用戶在動畫文件全部下載完之前播放已下載的部分，F(xiàn)lash通過使用矢量圖形和流式播放技術(shù)克服了目前網(wǎng)絡(luò)傳輸速度慢的特點。簡單的編輯方式。Flash提供透明技術(shù)和物體變形技術(shù)，這使得創(chuàng)建復(fù)雜的動畫變得更加容易，為Web動畫設(shè)計者的豐富想象提供了實現(xiàn)手段。Flash可以創(chuàng)建透明的圖形，并可以改變不同層次

11、間的透明效果，如透明度、透明顏色等屬性；在Flash中產(chǎn)生物體的漸變、移動和變形非常容易，只需插入關(guān)鍵幀，其中間幀完全由Flash自動生成。方便的交互設(shè)計。它可以使用戶隨心所欲地控制動畫，擁有更多的主動權(quán)。在Flash中可以隨意創(chuàng)建按鈕、多級彈出式菜單、復(fù)選框以及復(fù)雜的交互式游戲。靈巧的繪圖功能。它能產(chǎn)生翻轉(zhuǎn)、拉伸、擦除、歪斜等效果，還可以將圖形打碎分成許多單一的元素進(jìn)行編輯，并改變其顏色亮度。由于Flash提供具有保真技術(shù)的繪圖工具，使圖形邊緣在經(jīng)過一系列加工后仍會保持平滑。高質(zhì)的聲音效果。在給文件添加聲音方面，F(xiàn)lash文件采用MP3壓縮方式輸出音頻，在保證聲音質(zhì)量的同時保持文件有較小的尺

12、寸，令傳遞更快速，同時占用更少帶寬。強大的數(shù)據(jù)處理功能。為建立動態(tài)網(wǎng)站提供支持，支持表單：可以將瀏覽者輸入的資料傳回Web主機，從而使得全部基于Flash的交互網(wǎng)站構(gòu)架成為可能；擁有基本的數(shù)學(xué)運算能力：比如可以用在創(chuàng)建網(wǎng)上購物結(jié)算應(yīng)用程序上，可以即時報價給客戶，也可用來實現(xiàn)開發(fā)者們夢寐以求的隨機變化的效果。 另外，需要注意的一點是，如果觀看Flash制作的網(wǎng)上動畫，要在瀏覽器中安裝Shockwave Flash的插件，這樣才能正常瀏覽由Flash制作的網(wǎng)頁。聲音和交互式動畫是Flash的一大特色，使用Flash MX 2004，可以導(dǎo)入多種格式類型的聲音文件，使動畫不再是“啞巴”；在Flash

13、 MX 2004中，還可以使用集成的行為腳本語言，控制動畫播放，使動畫中的元素具有交互行為，瀏覽者不再是被動瀏覽。之后，將會介紹聲音在Flash中的使用以及基本的交互命令。第一章 概 述1.1 課題來源 我們所做的這個作品是以我們在軍校的三年學(xué)習(xí)和生活為背景，按照我們的指導(dǎo)教員的要求，運用Flash軟件和Photoshop軟件結(jié)合這個課題的一次綜合運用。我們的作品開發(fā)以后并不是為了馬上可以應(yīng)用到實際工作，而是回顧這些年來我們在學(xué)校里的學(xué)習(xí)，訓(xùn)練，工作，生活，并且把它以我們作品的形式表現(xiàn)出來，更為重要的是在整個實習(xí)的過程中，通過對Flash軟件和Photoshop軟件的學(xué)習(xí)，來開拓自己的視野，使

14、自己對于各類軟件的實際應(yīng)用有了一個新的認(rèn)識，了解了現(xiàn)在多媒體計算機應(yīng)用已經(jīng)達(dá)到了一個驚人的程度，而且鍛煉了自己計算機實際應(yīng)用的能力。1.2 任務(wù)目的、要求、意義 我們這次作品任務(wù)的目的是用Flash軟件和Photoshop軟件來表現(xiàn)我們?nèi)甑能娦Ｉ?，通過這些軟件的實際應(yīng)用，來提高自己的計算機實際操作能力，為將來畢業(yè)以后的各項工作打下一個良好的基礎(chǔ)。在實現(xiàn)作品的過程中，自己能夠切實學(xué)習(xí)Flash動畫制作工具和Photoshop圖象處理工具，提高了自己對于這兩種軟件的應(yīng)用水平，并且通過學(xué)習(xí)，對于這些軟件的實際應(yīng)用有了一個新的認(rèn)識，使自己的計算機實際應(yīng)用能力上了一個新的臺階。我們這次作品任務(wù)的要求

15、是只能運用Flash動畫制作工具和Photoshop圖象處理工具來制作自己的作品，這是計算機教研室的指導(dǎo)教員給我們實習(xí)小組提出的要求。主要是因為Flash動畫制作工具和Photoshop圖象處理工具的應(yīng)用范圍非常廣泛，在將來畢業(yè)以后的工作崗位中也能有很多的運用，所以指導(dǎo)教員對我們的要求對我們將來的工作非常有利。指導(dǎo)教員對我們的要求是用這些軟件來反映三年來的軍校生活，這其中主要是學(xué)習(xí)，訓(xùn)練，工作和生活，通過Flash動畫制作工具和Photoshop圖象處理工具把它們體現(xiàn)出來。我們這次作品任務(wù)的意義是體現(xiàn)出來這幾年的軍校生活，并且運用上指導(dǎo)教員所要求的Flash動畫制作工具和Photoshop圖象

16、處理工具。這三年的軍校生活都給我們留下了難以忘記的記憶，我們通過自己的作品將其表達(dá)出來。這樣做一來可以記憶下來我們?nèi)觌y忘的軍校生活，是對這些年來的軍校生活一個小小的總結(jié)和回顧。二來是實現(xiàn)這個作品是通過的Flash動畫制作工具和Photoshop圖象處理工具，這兩種工具在實際中的應(yīng)用非常廣泛，我們在實習(xí)過程中重點對其在實際應(yīng)用中的操作，為將來能夠勝任自己的崗位打下一個牢固的基礎(chǔ)，對多媒體計算機技術(shù)的認(rèn)識也上升到了一個新的高度。1.3 任務(wù)需求 我們這次作品任務(wù)的需求是通過對Flash動畫制作工具和Photoshop圖象處理工具的學(xué)習(xí)，從而制作出自己的作品，在制作作品的過程中我也發(fā)現(xiàn)Flash動

17、畫制作工具在容量方面的穩(wěn)定性要求比較高，通過Photoshop圖象處理工具導(dǎo)入圖片的圖片質(zhì)量不能有太高的要求，否則電腦運行的速度會變得非常緩慢甚至死機。但是這不是軟件自身的問題，而是我們作品中大量使用了高質(zhì)量的JPEG圖片，這在以后的作品修改中已經(jīng)一一得到了改正第二章 總體方案設(shè)計2.1 總體框架結(jié)構(gòu) 在傳統(tǒng)視頻文件中用戶只有觀看的權(quán)利，并不能和動畫進(jìn)行交流，為了體現(xiàn)Flash強大的交互功能，我們本著操作簡便，易于上手，形象直觀的原則來設(shè)計作品。經(jīng)小組成員集體討論研究，初步把作品定為六大部分，即學(xué)校簡介、動畫欣賞、軍營相冊、小組成員、留言板、作品介紹。我們力圖通過動畫、圖片、文字等形式展示軍校

18、學(xué)員的風(fēng)采和學(xué)校的美麗風(fēng)光。2.2 作品環(huán)境 硬件環(huán)境CPU Pentium（R）4 1.60GHZ內(nèi)存 256MB硬盤空間 40G顯示器 1024*768 軟件平臺Flash MX 2004是Macromedia公司的一個非常受歡迎的產(chǎn)品，它是一種用于制作和編輯動畫和電影的軟件，用它可以制作一種擴展名為.swf的動畫文件，這種動畫可以帶背景聲音并具有較強的交互性;可以插入HTML里，也可以單獨成為網(wǎng)頁；可以在專業(yè)級的多媒體制作軟件Authorware中使用，還可以獨立地制作多媒體教學(xué),多媒體演示和游戲軟件等。這就為我們的實習(xí)作品提供了軟件環(huán)境。2.3 作品設(shè)計2.3.1 界面設(shè)計在初步設(shè)計時

19、，考慮到作品是要展現(xiàn)軍校風(fēng)光和學(xué)員的生活，因此界面的顏色不易太華麗、花哨，應(yīng)以整潔為主，嚴(yán)肅但不呆板。2.3.2 功能設(shè)計 為了方便操作，體現(xiàn)作品強大的交互性，我們著重設(shè)計了作品的按鈕，決定將按鈕隱藏于圖片和文字中，即每幅圖片或文字就是一個按鈕，既形象直觀又減少了畫面的擁擠感。另外，我們決定運用Photoshop技術(shù)對每幅圖片進(jìn)行處理，使其更生動活潑。在動畫欣賞這部分，我們決定親自制作一段類似于MTV的動畫，講述學(xué)員的軍校生活。第三章 關(guān)鍵技術(shù)3.1 Flash技術(shù) 3.1 Flash 技術(shù)Flash MX Professional 2004包含F(xiàn)lash MX 2004中的所有功能，所以Fl

20、ash MX 2004的新增功能也是Flash MX Professional 2004的新增功能。新功能主要表現(xiàn)在以下幾個方面： Flash MX 2004的新增功能：1.生產(chǎn)力：Flash MX 2004和Flash MX Professional 2004包含了許多專門設(shè)計的功能，這些功能簡化了以前的復(fù)雜任務(wù)，因而提高了生產(chǎn)力。2.支持豐富式媒體：新的豐富式媒體支持功能提高了豐富式媒體演示文稿的質(zhì)量，高保真導(dǎo)入使用戶可以導(dǎo)入Adobe PDF和Adobe Illustrator 10文件，視頻導(dǎo)入向?qū)Ш喕艘曨l編碼，并提供了預(yù)設(shè)編碼和編輯剪輯的選項。3.發(fā)布：新的帆布功能使用戶可以輕松F

21、lash Player版本、改進(jìn)輔助功能和簡化本地化過程。4.其他改進(jìn)：Flash Player的性能大大提高，并且增強了動作腳本以符合ECMA腳本語言規(guī)范。此外，F(xiàn)lash現(xiàn)在會跟蹤交互操作，從而可以將這些操作轉(zhuǎn)換為可重用的命令。3.1.2 Flash軟件的基本功能1.Flash是矢量圖形的動畫創(chuàng)作軟件各元素都是矢量的，這樣用戶只需要及少量向量數(shù)據(jù)就可以描述一個復(fù)雜的對象，占用的存儲空間只是位圖的幾千分之一，非常適合在網(wǎng)絡(luò)上使用。同時，矢量圖像可以作到真正的無限放大。這樣，無論用戶的瀏覽器使用多大的窗口，圖像始終可以完全顯示，并不會降低畫面的質(zhì)量。因此，其具有動畫制作方法簡單，作品短小精悍，

22、不失真的特點。我們的作品中采用了大量的矢量圖形，通過軟件將數(shù)碼相片進(jìn)行處理，矢量圖形占用空間小這個特點顯而易見。2.以時間軸和幀為基礎(chǔ)的動畫編輯和播放時間軸是Flash MX的動畫制作工廠，它包含圖層（Layer）和幀區(qū)（Frame Area），每個圖層就是一條電影膠片，而每個幀就像電影膠片的每個畫面，當(dāng)播放時就將電影膠片一張張的投射出去，連接起來就成了會動的畫面。時間軸的多個層就如條電影膠片重疊在一起播放。在Flash中，幀是構(gòu)成動畫的基本單位。各幀都不得對應(yīng)于動畫的相應(yīng)動作（如圖形、音頻、素材組件及其他嵌入對象）。在時間軸窗口中，每一幀都由時間軸上的小方格表示。Flash場景上某一時間的圖

23、像，是由時間軸z上當(dāng)前播放指針?biāo)傅囊涣猩峡梢妿械膬?nèi)容組成的圖像。3.Flash動畫是一邊下載一邊播放，并且動畫變形效果獨特，能在動畫中引入交互。所謂動畫就是在一段時間里畫面產(chǎn)生的變化。Flash做的動畫一般情況下不推薦使用高幀速率，這是由于網(wǎng)絡(luò)的原因，用到每秒12幀、15幀或者18幀就可以了。動畫可以是項目從一個位置移動到另一個位置的運動過程，可以是在一段時間內(nèi)顏色的變化過程，也可以用是從一個形狀到另一個形狀的改變過程。Flash動畫分成兩種不同的類型：逐幀動畫和漸變動畫。逐幀動畫（frame-by-frame animation）是由位于同一時間軸上的一個連續(xù)的關(guān)鍵幀序列組成的，每個關(guān)鍵

24、幀都可以單獨編輯，并且在相鄰關(guān)鍵幀中的圖形變化不大。在播放時逐幀播放就產(chǎn)生了動畫效果。但這種動畫由于每個關(guān)鍵幀都要自己動手編輯，所以工作量很大，并且播放時不是很連貫，制作的作品文件也很大。與Flash動畫矮小精悍的優(yōu)點不相符。因此，除了制作特殊效果外，一般很少用這種方法制作Flash動畫。 漸變動畫（tweening animation）是平常使用最多的動畫效果。制作這種動畫時，只需要建立動畫片斷的第一個關(guān)鍵幀的畫面和最后一個關(guān)鍵幀的畫面即可，F(xiàn)lash軟件會自動生成動畫的中間效果。在Flash中，漸變動畫基本上分為兩種：運動漸變動畫Motion和圖形漸變動畫Shape。只有符號才能進(jìn)行運動漸

25、變動畫，必須不是符號才能進(jìn)行圖形漸變動畫。如果將某個圖形經(jīng)過一系列的操作成功地進(jìn)行了運動漸變動畫，將會發(fā)現(xiàn)Flash已經(jīng)將它轉(zhuǎn)成了符號，如果要將某個符號進(jìn)行變形動畫，那么就要將這個符號打散，執(zhí)行菜單ModifyBteak命令。漸變動畫制作簡單，動畫效果連續(xù)，而且生成的作品文件容量很小，使用較廣泛。Flash作品的一個很大特點就是自身能夠直接支持交互操作。Flash軟件提供了有效的交互手段，用戶可以控制作品的播放并且能對用戶的不同操作作出相應(yīng)的響應(yīng)。4.支持Alpha通道、引導(dǎo)和遮罩層編輯引導(dǎo)層用于制作物體沿路徑運動的動畫。完成這項功能不是靠一個引導(dǎo)層（Guide）來完成，而是要讓一個引導(dǎo)層（G

26、uide）和普通層捆綁在一起來完成，被捆綁的普通層稱為被引導(dǎo)層（Guided）。編輯引導(dǎo)層有三種方式：1）選擇一個層，并點擊時間軸左下角的引導(dǎo)層按鈕，新建的引導(dǎo)層會自動與已選的層捆綁在一起。2）在一個層中點擊鼠標(biāo)的右鍵，并從右鍵菜單中選擇Add Motion Guide,新建的層會自動與已選擇的層捆綁在一起。3）在一個層中點擊鼠標(biāo)右鍵，并從右鍵菜單中選擇Guided，將該層轉(zhuǎn)換為引導(dǎo)層，并將該層拖到另一個普通層上面，以與另一個普通層捆綁。遮罩層（Mask）與引導(dǎo)層一樣，并不是單獨使用，而是與普通層捆綁使用，被捆綁的普通層稱為被遮罩層（Masked）。使用遮罩層和被遮罩層都被鎖住時才能見到遮罩效

27、果。遮罩層中的物體可以是圖形符號，且與它的顏色無關(guān)，只取其形狀。建立遮罩層的方法：點擊新建圖層按鈕，建立一個層，右鍵點擊該層，并從右鍵菜單中選擇Mask命令，新建的層就轉(zhuǎn)換成遮罩層，并且兩個層自動被鎖住。5.擁有更多的浮動面板，面板的安排更加合理浮動面板既可以按默認(rèn)設(shè)置固定在屏幕右邊，也可以重新組合和分離，用戶有了更自由的個性化界面。6.導(dǎo)入和發(fā)布功能強?？梢詫?dǎo)入點陣圖、Quicktime格式電影文件和MP3音樂格式文件等。7.插件和工作方式。只要計算機安裝了Shockwave Flash插件和瀏覽器，即可以觀看Flash MX動畫。采用“流式技術(shù)”播放Flash MX動畫，文件沒有全部下載完

28、就可以觀看已下載的內(nèi)容。新的Flash MX播放器，可以在網(wǎng)上下載最新版本的Flash MX播放器。8.提供了很多的增強功能，比如支持位圖、聲音、漸變色、透明等，所以用戶完全可以建立一個全部由Flash制作的站點。3.2 Photoshop技術(shù)3.2.1 PHOTOSHOP技術(shù)特點簡介 PHOTOSHOP是對圖象進(jìn)行平面處理和能夠繪制簡單的幾何圖形，以及給黑白上色，進(jìn)行圖象格式和顏色模式的轉(zhuǎn)換，利用PHOTOSHOP工具可以改變圖象的尺寸，改變圖象的分辨率，以及用來制作Web頁，PHOTOSHOP全部都可以做到，并且可以創(chuàng)作出來任何計算機用戶所能想象到的效果。3.2.2 PHOTOSHOP濾鏡

29、技術(shù) 濾鏡是PHOTOSHOP一個常用的圖象處理工具，濾鏡是一些經(jīng)過專門設(shè)計的，用于產(chǎn)生圖象特殊效果的工具。濾鏡的主要功能有兩點：1.糾正圖象中的部分缺陷用以提高圖象顯示質(zhì)量。2.能夠重新塑造圖象的視覺效果。濾鏡的工作原理：當(dāng)選擇一種濾鏡并且將其應(yīng)用到圖象中時，濾鏡就會通過分析圖象或者選擇區(qū)域中的色度值和每個像素的位置，采用數(shù)學(xué)方法計算，并且用計算的結(jié)果來代替原來的圖象，從而使圖象生成隨即化或者是預(yù)先確定的形狀。在我們的作品中，大量運用了濾鏡技術(shù)，主要是將圖片處理成不同的效果，或調(diào)整圖片暴光度，使圖片達(dá)到較好的效果。3.2.3 PHOTOSHOP技術(shù)中的通道 PHOTOSHOP通道的原理是采用

30、特殊的灰度通道存儲圖象顏色信息和專色信息，而且通道是基于圖象的顏色模式的。通道的特點有以下幾個：1.通道可以代表特定視頻熒光的亮度數(shù)據(jù)。2.通道還可以代表可變的不透明度，使用通道，灰度值可以用來模擬蒙版的不透明度。3.通道可以代表墨水的強度。在RGB圖象文件中用顏色通道的色素亮度值表示顏色的強弱，如果這個PHOTOSHOP文件要用于印刷，必須先將其轉(zhuǎn)換成CMYK文件，CMYK文檔的顏色通道是通過每種像素中的暗度值來表示墨水的強度。其中黑色像素表示百分之百的墨水，白色像素表示這個像素中沒有墨水，而介于黑白之間的灰度值會按照墨水的百分比來表示。4.還可以用來創(chuàng)建Alpha通道，并能將選區(qū)存儲為8位

31、灰度圖象。使用Alpha通道創(chuàng)建并存儲蒙版，再可以利用這些蒙版處理或者保護(hù)圖象中特定的區(qū)域。5.還可以用來創(chuàng)建專色通道，這主要是應(yīng)用于打印。3.3 ASP技術(shù)4.3.1 ASP 技術(shù)簡介 ASP是動態(tài)服務(wù)頁面（Active Server Pages）的英文簡稱。它是微軟公司推出的一種以取代CGI的技術(shù)。與ISAPI相比，ASP為我們提供了一種真正的，簡便易學(xué)的，功能強大的服務(wù)器編程技術(shù)。 ASP本身并不是一種腳本語言，它只是為嵌入HTML頁面中的腳本程序提供了運行的環(huán)境。ASP程序其實是以擴展名為.asp的純文本形式存在于Web服務(wù)器上的，所以可以用任何文本編輯器打開它并進(jìn)行編輯。ASP的程序

32、中可以包含純文本、HTHL標(biāo)記以及腳本命令。只需要將.ASP程序放在Web服務(wù)器的虛擬目錄下（該目錄必須有可執(zhí)行的權(quán)限），就可以通過WWW的方式訪問ASP了。 4.3.2 ASP的特點 1 用VBScript、JavaScirpt 等簡單易懂的腳本語言，結(jié)合HTNL代碼，可快速地實現(xiàn)應(yīng)用開發(fā)。 2 ASP的源程序，不會被傳到用戶端的瀏覽器上，因此也可以避免源程序的外泄，提高了程序的安全性。而且可以使用服務(wù)器端的腳本來產(chǎn)生用戶端的腳本。 3 與瀏覽器無關(guān)，用戶只要使用可執(zhí)行HTML代碼的瀏覽器，就可以瀏覽ASP所設(shè)計的內(nèi)容。ASP使用的腳本語言均在Web服務(wù)器端執(zhí)行，用戶的瀏覽器則不需要執(zhí)行這些

33、源程序代碼。第四章 作品的實現(xiàn)4.1 交互式主界面 我們作品的主界面是具有交互性的Flash界面，使用者可以根據(jù)自己的直觀印象點擊，主動的選擇自己想欣賞的界面，這大大的提高了使用者的主動性，一改只有單純Flash中使用者只有被動觀看的缺點，從一定角度也提高作品的使用及實用價值。主界面主要分為： 學(xué)校簡介 動畫欣賞 軍營相冊 小組成員 留言板 作品介紹 六個部分。當(dāng)用戶點擊每一個界面選項的同時，該界面將以漸變的方式呈現(xiàn)在屏幕上，會給欣賞者帶來一定的新鮮感，大大增加了界面的觀賞性，主界面中的每個界面背景都經(jīng)過了Photoshop的處理，圖片的取材主要是以學(xué)校為背景，以及生活中積累的一些圖片，每個界

34、面中都有播放或進(jìn)入按鈕，當(dāng)使用這點擊相應(yīng)的按鈕時，F(xiàn)lash將進(jìn)入相應(yīng)的下一個界面，作為交互式的Flash動畫作品，即滿足了使用者的觀賞性，也體現(xiàn)了人與動畫的交流互動的特點。例如：4.2 學(xué)校簡介學(xué)校簡介主要是介紹學(xué)校的建校史，結(jié)合左邊可以自由變換的圖像，右邊以文字形式加以說明，這種圖文并貌的形式會給欣賞者以深刻的印象，并能夠直觀的了解我們的學(xué)校，本界面共包含九幅我們學(xué)校具有代表性的建筑及場景，屏幕的左下角設(shè)有一個導(dǎo)航按鈕鍵，它是由八個方向鍵及中間的警徽構(gòu)成的，八個方向鍵當(dāng)任意點擊一個方向鍵的時候，屏幕同時會切換到相應(yīng)方向上的圖片，供使用者觀賞，當(dāng)點擊中間的警徽時，屏幕會返回中間學(xué)校的正門圖片

35、，在作品中實現(xiàn)這一動作，主要運用了動作腳本代碼：按鈕代碼：on (release) a:xvel = -487; * 圖片剪輯在場景界面中的橫坐標(biāo) *a:yvel = -383; * 圖片剪輯在場景界面中的縱坐標(biāo) *其他導(dǎo)航按鈕同上。 圖片剪輯代碼： x_vel = (xvel-_x)*0.6;y_vel = (yvel-_y)*0.6;setProperty(, _x, Number(x_vel)+Number(_x);setProperty(, _y, Number(y_vel)+Number(_y);gotoAndPlay(1);此上代碼主要實現(xiàn)圖片間的間距，及當(dāng)點擊導(dǎo)航按鈕時所進(jìn)行的動

36、作。這一部分我們用了大量的影片剪輯和按鈕，主要達(dá)到以文字顯示介紹學(xué)校，點擊每一個按鈕，可以出現(xiàn)相應(yīng)的介紹界面，其中按鈕主要用的代碼為：On(release) gotoAndStop();這個代碼主要執(zhí)行各個按鈕與界面連接的動作。4.3 Flash動畫 動畫欣賞中主要加載了一個Flash動畫影片，動畫影片主要分為兩部分：開場影片和正主影片。我們的作品采用倒敘的手法展開。開場影片分為兩個場景：第一個場景以倒計時拉開序幕，主要說明我們在校的時間已經(jīng)進(jìn)入倒計時，每一分每一秒都很寶貴，我們一定要珍惜，清晰地倒計時聲音加上陳舊電影的灰棕色底幕，很容易勾起人的回憶。第二個場景是以卡通式的動畫再現(xiàn)當(dāng)年我們到學(xué)

37、校報到的場面，場景中還運用了星暈的鼠標(biāo)特別效果，點擊 軍事禁地 按鈕，將進(jìn)入主影片。主影片主要采用了敘述與回憶相結(jié)合的方式進(jìn)行，從我們到學(xué)校報到的那一天起，再現(xiàn)了三年間給我們留下深刻記憶的幾個片段，我們先后經(jīng)歷了新訓(xùn)、上課、訓(xùn)練、站崗、帶兵等生活場景，影片運用了動畫與現(xiàn)實圖片交插漸變的方式，將一個一個場景展現(xiàn)在我們眼前，中間敘述的聲音，使欣賞者從視覺和聽覺兩方面感官體現(xiàn)動畫給欣賞者帶來的內(nèi)容。影片中主要運用了Flash動畫的制作技術(shù)和Photoshop的圖片處理技術(shù)。Flash動畫制作技術(shù)：進(jìn)入按鈕的制作：首先，選中插入菜單-創(chuàng)建新元件-按鈕，創(chuàng)建按鈕元件。第二，在“彈起”處創(chuàng)建關(guān)鍵幀，在下面

38、寫上內(nèi)容，這一幀主要是鼠標(biāo)移開按鈕時，按鈕所處的狀態(tài)。第三，在“指針經(jīng)過”處創(chuàng)建關(guān)鍵幀，在下面寫上不同色的內(nèi)容，這一幀主要是當(dāng)鼠標(biāo)移到目標(biāo)按鈕時，按鈕將改變的狀態(tài)。第四，在“按下”處創(chuàng)建關(guān)鍵幀，在下面寫上需要的狀態(tài)，這一幀主要是當(dāng)鼠標(biāo)按下按鈕時，按鈕將改變的狀態(tài)。 第五，在“點擊”處創(chuàng)建關(guān)鍵幀，在下面利用矩形工具畫出鼠標(biāo)在點擊按鈕時的功能范圍，這一幀主要是當(dāng)鼠標(biāo)移到所畫出的范圍時，鼠標(biāo)都將執(zhí)行動作。這在主場景中按鈕元件鍵入代碼：on (release) /Movieclip GotoAndPlay Behavior gotoAndPlay(場景2,241); /End Behavior當(dāng)點擊按

39、鈕時，將進(jìn)入主影片。4.4 軍營相冊軍營相冊這一部分主要是利用不同的圖片介紹我們在學(xué)校的工作、訓(xùn)練、學(xué)習(xí)、生活以及學(xué)校的一些風(fēng)景，這部分主要從一個側(cè)面反映了我們學(xué)校的優(yōu)越生活環(huán)境，及官兵生活，圖片的取材主要是利用數(shù)碼相機進(jìn)行實地拍攝取得，并且經(jīng)過Photoshop的圖片技術(shù)處理而成。優(yōu)越的生活條件，是我們在學(xué)校完成好學(xué)業(yè)的根本保證，在這樣的條件下，我們一定會更加積極地訓(xùn)練，努力完成好文化課程的學(xué)習(xí)，提高自身的政治、軍事、文化素質(zhì)，培養(yǎng)起能夠勝任基層部隊的第一任職需要。在校三年，我們親眼目睹，親身體會到了學(xué)校所發(fā)生的巨大變化，新教學(xué)樓的拔地而起，新體育館和游泳館的落成，新宿舍樓的在建，學(xué)校的綠化

40、工程等等一大批的學(xué)校改造計劃，使學(xué)校每天都在發(fā)生著變化。三年間，學(xué)校煥然一新，加上教學(xué)設(shè)備和實驗器材的更新，為學(xué)校的教學(xué)工作作出了良好的保障。4.5 小組成員 小組成員界面主要介紹了我們小組的五名同志，作品中裴麗主要負(fù)責(zé)作品的聲音導(dǎo)入和小組成員界面的制作；傅萍主要負(fù)責(zé)作品文字的搜集和作品介紹的制作；本人主要負(fù)責(zé)Flash的動畫制作和作品的連接測試工作；孟晉主要負(fù)責(zé)獲取聲音及圖片材料，并負(fù)責(zé)學(xué)校簡介的制作；王學(xué)彬主要負(fù)責(zé)圖片處理及留言板的制作工作和后期的作品測試。在指導(dǎo)教員龔強和楊炎炎的悉心指導(dǎo)下，經(jīng)過大家的齊心協(xié)力，共同完成了難忘歲月這部作品，4.6 ASP留言板我們畢業(yè)設(shè)計作品中的留言板采用

41、的是基于ASP和JavaScript語言的腳本代碼，然后將腳本代碼插入Dreamwerver搭建的表單框架當(dāng)中。使留言板產(chǎn)生在一個頁面內(nèi)調(diào)用多個表單的效果這樣可以使留言板在用戶端上操作起來比較方便，而且在頁面的整體效果上給人一種簡約的感覺。在留言板的功能方面包含了，留言管理和用戶管理兩大部分的內(nèi)容，都是通過JavaScript來實現(xiàn)的。第五章 作品的發(fā)布5.1 影片的準(zhǔn)備導(dǎo)出與優(yōu)化 網(wǎng)速慢是一件令人感到十分頭痛的事情，所以如果網(wǎng)上的Flash影片作品載入速度太慢，會使得人們無法忍受。Flash MX 2004在提高載入速度方面有了很大進(jìn)步，它以獨特的流的方式提高了在低帶寬上傳遞速度，但是仍有一

42、些制作的技巧可以實現(xiàn)或者提高這種加速的功能。掌握這些技巧是十分必要的，這樣可以保證瀏覽載入Flash MX 2004影片的速度。在這方面Flash MX 2004提供的優(yōu)化電影的功能主要體現(xiàn)在：在Flash MX 2004導(dǎo)出影片的過程中，它能夠自動地判別在影片中可能具有的被復(fù)制過的相同形狀，并把它們一次性地放到這個影片文件中。此外，F(xiàn)lash MX 2004還可以把嵌套的群組轉(zhuǎn)化為單一的群組。 作為發(fā)布過程的一部分，在發(fā)布影片的過程中，F(xiàn)lash會自動檢查于Flash電影文件中是否有重復(fù)的圖形存在，以保證相同的圖形在文件中只保存該圖形的一個版本，并且將嵌套集合分解成單一集合。Flash會自動

43、地檢測導(dǎo)出的圖形是否重復(fù)，而且還能將嵌套式群組分解為單一群組。 但是在導(dǎo)出影片之前，也需要做一些準(zhǔn)備。為了使將來在網(wǎng)上的用戶下載Flash MX 2004電影影片的時間最短，用戶可以進(jìn)一步采取措施來縮減電影的尺寸。下面將介紹一些技巧的措施：1. 對于在影片中的每一個不止一次出現(xiàn)的元素，應(yīng)該使用符號、影片或者其他的方法，避免重復(fù)制作。2. 當(dāng)用戶用鼠標(biāo)右鍵單擊影片的某一幀時，選擇Panels-Frame，打開Frame面板。在Tweening下拉列表中，可以看到影片的類型。無論是Motion還是Shape類型的影片，尺寸都要比關(guān)鍵小得多，因此不用添加一些不必要的關(guān)鍵幀，盡量使用Tweening，

44、這樣可以減小電影的尺寸。3. 在影片中，最好適當(dāng)減少使用特殊的次數(shù)，例如虛線、點線、折線等。最普通的實線在文件中所占的尺寸比它們要小得多。4. 盡量用鉛筆工具繪制線條，這樣線條的尺寸要比用畫筆工具繪制的線條小得多。5. 可以盡量多地新建Layer，這樣可以將不同的影片過程分開，讓它們的效果不至于相互影響，并方便編輯。6. 在制作影片的過程中，會出現(xiàn)一個形狀由幾條不同大小、長短、弧度的單獨的線構(gòu)成的圖形，這些單獨的線條越多，文件的尺寸就會越大。這時可以選擇單命令Modify-Optimize，彈出Optimize Curves對話框。7. 盡可能減少使用字體和字體樣式的數(shù)量，多用一樣的字體和字體

45、樣式。8. 在加入音樂文件時，MP3格式音頻是在所有網(wǎng)絡(luò)音頻中壓縮比相當(dāng)高的一種音頻格式。Flash MX 2004提供了在電影中導(dǎo)出MP3的功能，因此在添加聲音時最好選用此種格式的音頻文件。9. 在影片中，盡量避免使用影片的位圖元素，可以使用位圖圖象或靜態(tài)的位圖元素作背景。10. 減小每一個關(guān)鍵幀的變化區(qū)域，使Flash MX 2004的動作發(fā)生在盡可能小的屏幕區(qū)域內(nèi)。 盡可能闊的使用群組元素（Group）。12. 在選中一個實例后，在Effect面板中創(chuàng)建單一符號的不同種顏色。13. 使用Color窗口中的設(shè)定，把電影的色彩同瀏覽器指定的色彩相匹配。14. 減少在電影中使用漸變色的次數(shù)。使

46、用漸變填充的文件尺寸，要比使用固定顏色填充的文件增大至少50字節(jié)。15.當(dāng)電影中包括文本域時，在文本域?qū)傩詫υ捒蛑械腎nclude only Specified Font Outlines（只包含設(shè)定的字體輪廓）項替代Include All Font Outlines（包含所有的字體輪廓）選項。 最后要注意的是，在對文件進(jìn)行優(yōu)化之后，最好能夠在不同的計算機、不同的操作系統(tǒng)上進(jìn)行測試，確保你的電影文件的兼容性，而且對生成的HTML主頁也要進(jìn)行如此測試。5.2 影片的導(dǎo)出 當(dāng)影片被優(yōu)化，并且測試完后。就可以利用Export命令或者Publish命令將Flash影片導(dǎo)出了。如果要在其他的應(yīng)用程序中使

47、用Flash創(chuàng)建的內(nèi)容，就需要對它進(jìn)行調(diào)整，如照片編輯或矢量繪圖程序。這就需要Export功能完成這其中的大部分工作。Flash程序可以同時將多種格式的文件發(fā)布到互聯(lián)網(wǎng)上。使用Publish命令，可以將Flash文件發(fā)布到特定的Web頁上。Publish命令不僅可以發(fā)布Flash影片本身，而且也可以以不同的格式創(chuàng)建替代圖像。這一點就不同于Export命令，它每次只能將影片按一種格式導(dǎo)出。Publish命令的這種功能使得當(dāng)不能播放電影時，替代圖像就會自動顯示。 利用Export Movies（導(dǎo)出影片）命令是將編輯文件作為電影導(dǎo)出。在這個時候，可進(jìn)行兩項工作：可以將影片轉(zhuǎn)換為影片文件格式，如Fl

48、ash、QuickTime、Windows AVI或具有影片效果的GIF；也可以將影片的每一幀作為單獨的靜態(tài)圖形文件導(dǎo)出。當(dāng)以這種方式導(dǎo)出時，所創(chuàng)建的每個文件都有一個分配的名稱以及一個表示其位置的編號。 如果將影片作為電影或序列導(dǎo)出，操作步驟如下：1. 選擇菜單命令File-Export Movie，彈出Export Movie對話框。2. 為導(dǎo)出的電影命名，選擇文件的保存類型，單擊“保存”按鈕。3. 當(dāng)導(dǎo)出.wav格式時會出現(xiàn)Export Windows WAV對話框，調(diào)整對話框中的設(shè)置，單擊OK鈕確定。 利用Export Image命令，將文件作為圖像導(dǎo)出可創(chuàng)建以當(dāng)前顯示的幀為基礎(chǔ)的圖像文

49、件。如果以矢量格式導(dǎo)出，那么可將此圖像在諸如Macromedia FreeHand、Adobe Illustrator或CorelDRAW的繪圖程序中打開，以便進(jìn)一步編輯。如果作為位圖導(dǎo)出，那么可將圖像在諸如Adobe Photoshop或Corel Photo-Paint等的照片編輯程序打開，以便進(jìn)一步編輯。 如果將單個幀作為圖像導(dǎo)出，操作步驟如下：1. 選擇菜單File-Export Image,彈出Export Image對話框。2. 為導(dǎo)出的圖像命名，選擇文件類型。3. 完成后會出現(xiàn)Export Flash Player對話框，調(diào)整對話框的位置，單擊OK鈕確定。 5.3 導(dǎo)出文件格式的

50、介紹如果導(dǎo)出為大多數(shù)文件類型時，可以有幾個配置選項。下面將就Export Movie/Export Image對話框的保存類型下拉列表中常用的選項進(jìn)行介紹。1. Flash Player(.swf):此處的設(shè)置與Publish Settings對話框的Flash選項卡中的設(shè)置相同。2. Windows AVI(.avi)僅限于Windows使用。此格式將電影作為Windows視頻導(dǎo)出，但是將丟失所有的可交互性，且Mac OS不支持此格式。3. QuickTime(.mov):此處的設(shè)置與Publish Settings對話框的Flash選項卡中的設(shè)置相同。4. Animated GIF(.gi

51、f)：除了兩個設(shè)置以外，其他的設(shè)置與Publish Settings對話框的GIF選項卡中的設(shè)置相同。5. WAV Audio(.wav)：僅限于Windows使用。如果以這種格式導(dǎo)出電影，將只導(dǎo)出聲音文件。此格式與Windows AVI(.avi)格式相同。6. WMF Sequence(.wmf)：僅限于Windows使用。此Windows格式用與在應(yīng)用程序之間輸入和導(dǎo)出圖形，它不包含可調(diào)整的設(shè)置。7. Bitmap Sequence(.bmp)：可使用此格式創(chuàng)建用在其他程序中的位圖圖像。8. JPEG Sequence(.jpg)：除了一個設(shè)置之外，此選項所包含的其他設(shè)置與Publish

52、 Settings對話框的JPEG選項卡中的設(shè)置相同。9.GIF Sequence(.gif)：除了兩個設(shè)置之外，其他設(shè)置與Publish Settings對話框的GIF選項卡中的設(shè)置相同。10. PNG Sequence(.png)：除了兩個設(shè)置之外，其他設(shè)置與Publish Settings對話框的PNG選項卡中的設(shè)置相同。5.4 影片的發(fā)布因為flash具有發(fā)布功能，只要簡單地選取所希望的作品傳輸格式，調(diào)整這種格式允許的設(shè)置，單擊Publish。Flash會在用戶設(shè)置的基礎(chǔ)上導(dǎo)出用戶的作品，然后就可以控制自己傳輸方式。在發(fā)布操作中，第一步是選擇電影傳輸?shù)母袷健Ｏ旅娓鶕?jù)我們組的作品，介紹幾

53、種相關(guān)設(shè)置：Flash 設(shè)置創(chuàng)建擴展名為.swf文件是發(fā)布Flash電影的最佳途徑。它也是為了從Web獲取的電影的第一步。當(dāng)以這種格式將電影放進(jìn)HTML網(wǎng)頁時，使用者可以用網(wǎng)頁瀏覽器，如微軟公司的IE或Netscape公司的Navigator/Communicator來瀏覽。當(dāng)然，這些網(wǎng)頁瀏覽器有Flash Player控件程序才行。這種格式的Flash電影也可以使用Macromedia Director、Authorware或其他帶有Flash Player ActiveX控件的軟件來放映。當(dāng)用戶導(dǎo)出Flash電影時，所有的交互性、功能性都要完整保留。以這種格式導(dǎo)出時，可選擇以下設(shè)置：1.

54、Load Order(加載順序)：從Web下載電影，每當(dāng)信息到達(dá)觀眾的瀏覽器時，可以看到第一幀“創(chuàng)建”了一層。這個選項允許用戶設(shè)置層的回載順序。Bottom Up(自下而上)：首先加載最底層，然后加載隨后的所有層。Top Down(自上而下)：首先加載最上層，然后回載隨后的所有層。2. Generate size report(產(chǎn)生大小報告)：創(chuàng)建一個文本文件，其中包含了電影中各幀大小以及輸入的文件和字體列表的信息。該文本文件和輸入的電影同名，并在同一個目錄下。3. Protect from import(保護(hù)導(dǎo)入)：防止最終導(dǎo)出的電影再次導(dǎo)入Flash，即防止其他人將用戶的工作聲明為自己的作

55、品。該選項不會影響文件，只是對最終Flash電影產(chǎn)生影響。4. Omit trace action(省略跟蹤動作)：從導(dǎo)出的Flash電影中刪除所有的跟蹤作用，防止別人得知用戶的源代碼。5. Debugging Permitted(允許調(diào)整)：可以允許對Flash導(dǎo)出的電影進(jìn)行調(diào)整編輯。6. Password(密碼)：使用密碼保護(hù)。7. JPEG Quality(JPEG質(zhì)量)：許設(shè)置默認(rèn)壓縮量，該壓縮量將應(yīng)用于電影所有沒有進(jìn)行獨立優(yōu)化的位圖。設(shè)置為0，導(dǎo)出的位圖質(zhì)量最低，電影文件也最??；設(shè)置為100，導(dǎo)出的位圖質(zhì)量最高，這時電影文件也最大。8. Audio Stream(音頻流)：允許對用戶電影中所有的流式聲音設(shè)置默認(rèn)壓縮比。該壓縮比是將來要用的設(shè)置。單擊后面的Set按鈕可以改變此設(shè)置。該設(shè)置和Sound Properties對話框中的設(shè)置相同。9. Override sound settings(忽略聲音設(shè)置)：如果在Sound Properties對話框中對聲音進(jìn)行單獨優(yōu)化，那么該選項將忽略所有在A