FLASH動(dòng)畫(huà)設(shè)計(jì)美麗武夷山宣傳片畢業(yè)論文

1、武 夷 學(xué) 院 畢 業(yè) 論 文題 目： 美麗武夷山宣傳片學(xué) 號(hào)：姓 名： 系 部： 數(shù)學(xué)與計(jì)算機(jī)系年級(jí)專(zhuān)業(yè)班級(jí)： 2008級(jí)計(jì)算機(jī)應(yīng)用技術(shù)一班指導(dǎo)教師、職稱(chēng)： 2011年05月30日 美麗武夷山宣傳片摘 要 本作品通過(guò)運(yùn)用flash cs3軟件制作小型的美麗武夷山宣傳片作品，并且運(yùn)用photoshop cs3進(jìn)行處理動(dòng)畫(huà)部分的細(xì)節(jié).制作融圖像、聲音、文字，視頻于一體的美麗武夷山宣傳片，包括朱熹文化，茶文化，武夷山傳說(shuō)，武夷一覽等來(lái)介紹武夷山的文化。關(guān)鍵詞 flash photoshop 圖片處理 beautiful wuyi mountain promoabstract this work b

2、y using flash cs3 software make small beautiful wuyi mountain promo and use photoshop cs3 work process animation details. making melts images, sounds, words, video in one of the beautiful wuyi mountain promo, including zhu xi culture, tea culture, wuyi mountain legend, wuyi list etc to introduce the

3、 wuyi mountain culture.key word flash photoshop image processing 目 錄第 1 章 緒論11.1 制作武夷山宣傳片的意義11.2 背景11.3 需求分析21.4 武夷山宣傳片設(shè)計(jì)的體系結(jié)構(gòu)2第2章 相關(guān)的理論與技術(shù)基礎(chǔ)42.1 flash的介紹及工作原理42.1.1 什么是flash？42.1.2 flash cs3的特點(diǎn)42.1.3 flash cs3的工作原理52.1.4 動(dòng)作腳本語(yǔ)言62.2 photoshop 介紹與作用82.2.1 什么是photoshop82.2.2 photoshop cs3的特點(diǎn)8第3章 基于fla

4、sh宣傳片制作美麗武夷山93.1 設(shè)計(jì)過(guò)程93.2 制作過(guò)程103.2.1 制作主頁(yè)面103.2.2 制作茶文化頁(yè)面133.2.3 美麗傳說(shuō)頁(yè)面173.2.4 視頻欣賞頁(yè)面21結(jié) 論25致 謝 語(yǔ)26參考文獻(xiàn)27畢業(yè)設(shè)計(jì)（論文）任務(wù)書(shū)28畢業(yè)設(shè)計(jì)（論文）開(kāi)題報(bào)告29中期檢查表31答辯記錄表32畢業(yè)設(shè)計(jì)（論文）成績(jī)表33第 1 章 緒論1.1制作武夷山宣傳片的意義 制作武夷山宣傳片的主題，是向國(guó)內(nèi)，更是向世界宣傳它的美，它的傳承文化。展示不一樣的世界遺產(chǎn)以及遺產(chǎn)的精神。突出表現(xiàn)其在展現(xiàn)世界遺產(chǎn)的道路上的成功探索。宣傳片遵循著大眾的視覺(jué)和貼近身邊的規(guī)律，增強(qiáng)宣傳片的親和力和傳播效果。通過(guò)本宣傳片，

5、使大眾更進(jìn)一步的了解武夷山，了解武夷山的歷史和文化。flash是制作網(wǎng)上動(dòng)畫(huà)的軟件。其應(yīng)用領(lǐng)域非常廣泛。flash影片以流媒體方式傳送信息，在網(wǎng)上傳送時(shí)不需要等待下載完畢即可播放，也就是實(shí)現(xiàn)了在網(wǎng)上邊傳送邊播放；flash支持矢量圖格式,因此制成的動(dòng)畫(huà)文件質(zhì)量高而尺寸小,可以任意放大而不失真；此外，它不僅自帶強(qiáng)大的繪圖功能,而且支持圖片、聲音、視頻的導(dǎo)入，它的actions又為我們提供了極強(qiáng)的交互功能，因此它是制作平面動(dòng)畫(huà)的首選工具，操作簡(jiǎn)單，功能強(qiáng)大。在信息技術(shù)迅猛發(fā)展的今天，網(wǎng)絡(luò)已滲透到人們?nèi)粘Ｉ睢⒐ぷ髦?，正由于運(yùn)用flash制作的動(dòng)畫(huà)作品在網(wǎng)上傳播的優(yōu)勢(shì)，促進(jìn)了它的迅速發(fā)展，如今已升

6、級(jí)到flash mx版本。和以前的版本相比，flash mx在顏色管理、視頻支持、中文支持等方面做了很大改進(jìn)，新增了組件和模板功能，時(shí)間軸和工作區(qū)的功能也有所增強(qiáng)，但它對(duì)flash5是向下兼容的。1.2背景 如今計(jì)算機(jī)科技的發(fā)展，讓大眾的生活習(xí)慣慢慢靠向網(wǎng)絡(luò)的科技，或許應(yīng)該是說(shuō)，互聯(lián)網(wǎng)正悄悄走進(jìn)人們的生活中。而在計(jì)算機(jī)系統(tǒng)中，由原先簡(jiǎn)單、靜態(tài)的布局變成了組合兩種或兩種以上媒體的一種人機(jī)交互式信息交流和傳播媒體。這工具就是功能強(qiáng)大的flash軟件。使用的flash 包括文本基準(zhǔn)、圖形、圖像、聲音、動(dòng)畫(huà)和電視圖像。在教育領(lǐng)域中，傳統(tǒng)的人工傳授教學(xué)方式存在著許多的弊端，如效率底、浪費(fèi)時(shí)間等。通過(guò)fl

7、ash 動(dòng)畫(huà)及其優(yōu)化和有機(jī)組合傳授知識(shí)的教育方式現(xiàn)已作為一種新興的教學(xué)思想和教育技術(shù)，具有大眾化、個(gè)性化、協(xié)同性、交互性等特點(diǎn)，可以很好地滿(mǎn)足人們的需要，提高教學(xué)效率，是一種形象化、動(dòng)態(tài)化的教學(xué)方式。 鑒于武夷山有上述突出意義和普遍價(jià)值的自然與文化資源，中國(guó)政府推薦武夷山申報(bào)世界自然與文化雙重遺產(chǎn)。武夷山于1999年12月被聯(lián)合國(guó)教科文組織列入世界遺產(chǎn)名錄,成為全人類(lèi)共同的財(cái)富?，F(xiàn)代科技不再是以往平面靜態(tài)的宣傳，而是更能利用新科技來(lái)突出的武夷山的美麗，可以全程瀏覽武夷山的風(fēng)景，武夷山的文化精髓。因?yàn)槟艹蔀槭澜邕z產(chǎn)必有它的不同之處。1.3需求分析 當(dāng)前可以用來(lái)制作宣傳片的手段很多，比較常用的是f

8、lash軟件和photoshow，還有movie maker等軟件，制作廣告短片和美化圖片等。基本原理是根據(jù)制作人員涉及的流程，組織制作人員收集素材，設(shè)計(jì)人性化、是何人的認(rèn)識(shí)顧慮的交互來(lái)控制宣傳片過(guò)程，從而達(dá)到目標(biāo)。 廣告宣傳對(duì)于塑造品牌形象、提升品牌知名度的作用，眾所周知。“廣告不是萬(wàn)能，但少了卻不行?！币虼烁鶕?jù)制作的需求，利用網(wǎng)絡(luò)收集素材，主要包括背景的原始圖象和元件的原形。再用photoshop對(duì)素材編輯使其符合flash動(dòng)畫(huà)制作的要求。進(jìn)行flash所需要的元件進(jìn)行編輯包括所用到的圖層、場(chǎng)景以及按鈕控制等等。這個(gè)主要是利用adobe flash cs3進(jìn)行逐幀繪制，圖層配合、場(chǎng)景交換。

9、使其動(dòng)作形象生動(dòng)；背景的制作主要是根據(jù)需要使用補(bǔ)間動(dòng)畫(huà)使元件移動(dòng)的效果；場(chǎng)景的轉(zhuǎn)化，主要是利用淺入淺出的方法。使場(chǎng)景之間的過(guò)度自然。1.4武夷山宣傳片設(shè)計(jì)的體系結(jié)構(gòu) 美麗武夷山武夷山地理位置朱熹文化茶文化武夷山傳說(shuō) 武 夷 一 覽結(jié)束圖11第2章 相關(guān)的理論與技術(shù)基礎(chǔ)2.1 flash的介紹及工作原理 2.1.1 什么是flash？ flash是目前最流行的網(wǎng)頁(yè)動(dòng)畫(huà)制作軟件，大家在上網(wǎng)時(shí)看到的網(wǎng)頁(yè)廣告、篇頭等絕大多數(shù)是用flash制作的。隨著flash的流行，以及flash自身功能的不斷增強(qiáng)，其應(yīng)用領(lǐng)域也在迅速拓寬。例如，很多flash愛(ài)好者利用flash制作動(dòng)畫(huà)短片、互動(dòng)游戲、mtv、課件，

10、甚至網(wǎng)頁(yè)等。本設(shè)計(jì)結(jié)合flash cs3的實(shí)際用途，全面地應(yīng)用了flash mx的功能，其內(nèi)容涉及動(dòng)畫(huà)設(shè)計(jì)基本知識(shí)，flash cs3基本操作，繪畫(huà)與編輯，圖層的使用方法，各種動(dòng)畫(huà)制作手段，在動(dòng)畫(huà)中使用聲音、腳本與組件的法等。 flash有三重意義: 1) flash英文本意為“閃光”; 2)它是全球流行的電腦動(dòng)畫(huà)設(shè)計(jì)軟件; 3)它代表用上述軟件制作的流行于網(wǎng)絡(luò)的動(dòng)畫(huà)作品。 除了上述新增功能以外，flash cs3還有另外一些新鮮功能，比如swf元數(shù)據(jù)、腳本助手、對(duì)象繪制模型、交互式移動(dòng)設(shè)備模擬器、視頻播放組件、增強(qiáng)的文本工具、增強(qiáng)的描邊屬性和高級(jí)漸變控制等。 2.1.2 flash cs3的

11、特點(diǎn)flash是macromedia公司出品的，用在互聯(lián)網(wǎng)上動(dòng)態(tài)的、可互動(dòng)的shockwave。它的優(yōu)點(diǎn)是體積小，可邊下載邊播放，這樣就避免了用戶(hù)長(zhǎng)時(shí)間的等待。 flash cs3可以用其生成動(dòng)畫(huà)，還可在網(wǎng)頁(yè)中加入聲音。這樣你就z生多媒體的圖形和界面，而使文件的體積卻很小。flash cs3的特點(diǎn)： 1. 使用矢量圖形和流式播放技術(shù)。與位圖圖形不同的是，矢量圖形可以任意縮放尺寸而不影響圖形的質(zhì)量；流式播放技術(shù)使得動(dòng)畫(huà)可以邊播放邊下載，從而緩解了網(wǎng)頁(yè)瀏覽者焦急等待的情緒。 2. 通過(guò)使用關(guān)鍵幀和圖符使得所生成的動(dòng)畫(huà)(.swf)文件非常小，幾k字節(jié)的動(dòng)畫(huà)文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫(huà)效果，用在

12、網(wǎng)頁(yè)設(shè)計(jì)上不僅可以使網(wǎng)頁(yè)更加生動(dòng)，而且小巧玲瓏下載迅速，使得動(dòng)畫(huà)可以在打開(kāi)網(wǎng)頁(yè)很短的時(shí)間里就得以播放。 3. 把音樂(lè)，動(dòng)畫(huà)，聲效，jiao互方式融合在一起，越來(lái)越多的人已經(jīng)把flash作為網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)的首選工具，并且創(chuàng)作出了許多令人嘆為觀止的動(dòng)畫(huà)(電影)效果。而且在flash4.0的版本中已經(jīng)可以支持mp3的音樂(lè)格式，這使得加入音樂(lè)的動(dòng)畫(huà)文件也能保持小巧的身材。 4. 強(qiáng)大的動(dòng)畫(huà)編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫(huà)，通過(guò)action和fs command可以實(shí)現(xiàn)jiao互性，使flash具有更大的設(shè)計(jì)自由度，另外，它與當(dāng)今最流行的網(wǎng)頁(yè)設(shè)計(jì)工具dreamweaver配合默契，可以直

13、接嵌入網(wǎng)頁(yè)的任一位置，非常方便。2.1.3 flash cs3的工作原理 flash cs3的屬性面板可以監(jiān)測(cè)你繪制的圖形，而不是統(tǒng)一顯示為形狀。圓角矩形可以單獨(dú)對(duì)四個(gè)邊角進(jìn)行調(diào)整。這在以前的時(shí)候，只能憑我們手工去拖動(dòng)。可以導(dǎo)入分層的psd文件，并且可以決定哪些層需被導(dǎo)入。還可以保留圖層上的組、樣式、蒙板和智能濾鏡、路徑的可編輯性。導(dǎo)入選項(xiàng)包括是否保留原圖層內(nèi)容的位置和尺寸，可以把圖層里的內(nèi)容直接轉(zhuǎn)化成影片剪輯，對(duì)單獨(dú)的jpg文件進(jìn)行優(yōu)化。導(dǎo)入ai文件的支持。當(dāng)然可以保留ai的大部分信息，比如精確的顏色，形狀，路徑和樣式。 在adobe flash cs3中，工具欄變成cs3通用的單雙列，面板

14、可以縮放成圖標(biāo)，也可以是半透明的圖層，應(yīng)該是和ps cs3相同，沿用以前adobe的風(fēng)格。改進(jìn)的鋼筆工具，類(lèi)似ai的鋼筆工具，會(huì)比以前的鋼筆更加好用。 時(shí)間軸上的運(yùn)動(dòng)補(bǔ)間動(dòng)畫(huà)可以有選擇的轉(zhuǎn)換為mxml代碼，以供action script3和flex使用。但該功能不支持形狀補(bǔ)間動(dòng)畫(huà)，因?yàn)檗D(zhuǎn)換后的mxml代碼太大?？梢灾话l(fā)布沒(méi)有隱藏的圖層，也就是有選擇的輸出圖層.改進(jìn)的代碼調(diào)試器，類(lèi)似flex的調(diào)試器。2.1.4動(dòng)作腳本語(yǔ)言actionscript是flash內(nèi)置的編程語(yǔ)言，用它為動(dòng)畫(huà)編程，可以實(shí)現(xiàn)各種動(dòng)畫(huà)特效、對(duì)影片的良好控制、強(qiáng)大的人機(jī)交互以及與網(wǎng)絡(luò)服務(wù)器的交互功能。 actionscript

15、的主要目的就是用來(lái)改變這種自動(dòng)而死板的線(xiàn)性播放行為，一段腳本可以使影片在一個(gè)特定的幀上停止，循環(huán)播放前面的部分，甚至于讓用戶(hù)控制要播放哪一幀。actionscript能夠使影片完全脫離被動(dòng)的線(xiàn)性播放模式。actionscript是一門(mén)吸收了c+、java以及javascript等編程語(yǔ)言部分特點(diǎn)的新的語(yǔ)言。actionscrip使用英文單詞和元件提供了一種為flash影片設(shè)置指令的方法。它的存在確保了flash影片較之普通的按照線(xiàn)性模式播放的動(dòng)畫(huà)具備強(qiáng)大得多的人機(jī)交互能力。 可以為時(shí)間軸中的關(guān)鍵幀、按鈕和影片剪輯添加actionscript。選中這些關(guān)鍵幀、按鈕和影片剪輯，打開(kāi)其動(dòng)作面板，你就

16、可以看到它們都添加了哪些腳本。如何打開(kāi)動(dòng)作面板a. 通過(guò)窗口-動(dòng)作b. 按f9快捷鍵直接打開(kāi)動(dòng)作面板如下所示：圖2-1 基本腳本語(yǔ)言:gotoandplay(scene,frame); 將播放頭跳轉(zhuǎn)到場(chǎng)景中指定的幀并從該幀開(kāi)始播放,標(biāo)簽范例：gotoandplay(scene 1, 1); gotoandstop：將播放頭跳轉(zhuǎn)到場(chǎng)景中指定的幀（標(biāo)簽）并停止播放 nextframe ：下一幀 previousframe：前一幀 nextscene：下一個(gè)場(chǎng)景 previousscene ：前一個(gè)場(chǎng)景 framelabel：關(guān)鍵幀中定義的標(biāo)簽位置 on (press) 定觸發(fā)動(dòng)作的鼠標(biāo)事件或按鍵

17、startdrag(); mouseevent 可分為以下幾類(lèi)。 press：鼠標(biāo)指針在按鈕上，并按下按鈕 release：鼠標(biāo)指針在按鈕上，按下后放開(kāi)按鈕 on release outside：當(dāng)鼠標(biāo)指針滑到按鈕上時(shí)按下鼠標(biāo)按鈕，然后在釋放鼠標(biāo)按鈕前滑出此按鈕區(qū)域 roll over：鼠標(biāo)指針滑過(guò)按鈕 roll out：鼠標(biāo)指針滑出按鈕外 drag over：當(dāng)鼠標(biāo)指針滑到按鈕上時(shí)按下鼠標(biāo)按鈕，然后滑出該按鈕區(qū)域，接著滑回到該按鈕上 drag out：當(dāng)鼠標(biāo)指針滑到按鈕上時(shí)按下鼠標(biāo)按鈕，然后滑出此按鈕區(qū)域 play 語(yǔ)法：play(); 開(kāi)始播放影片或繼續(xù)往前播放 stop 語(yǔ)法：stop(

18、); 停止播放影片 stopallsounds 語(yǔ)法：stopallsounds; 停止所有正在播放中的音樂(lè)文件 2.2 photoshop 介紹與作用 2.2.1 什么是photoshop photoshop的功能介紹平面圖像設(shè)計(jì)的發(fā)展史，可以追溯到人類(lèi)發(fā)展史的源頭，人類(lèi)祖先用來(lái)記事的簡(jiǎn)單符號(hào)、文字，那是人類(lèi)最基礎(chǔ)、最原始的平面圖像設(shè)計(jì)實(shí)例。當(dāng)初也許只在于表達(dá)某種具體的含義，而不包含藝術(shù)、美學(xué)的成份。伴隨著人類(lèi)文明的發(fā)展，人們對(duì)藝術(shù)、美的追求和探索逐漸成為發(fā)展的主流，當(dāng)初記事的用途也逐漸淡化。傳統(tǒng)的畫(huà)家經(jīng)過(guò)數(shù)十載的訓(xùn)練才掌握繪畫(huà)這門(mén)技能，他們通過(guò)筆和紙的演繹描繪自己抽象的思維，表現(xiàn)自己對(duì)藝術(shù)

19、、美的理解。多數(shù)人對(duì)于photoshop的了解僅限于“一個(gè)很好的圖像編輯軟件”，并不知道它的諸多應(yīng)用方面，實(shí)際上，photoshop的應(yīng)用領(lǐng)域很廣泛的，在圖像、圖形、文字、視頻、出版各方面都有涉及。 2.2.2 photoshop cs3的特點(diǎn) 1、調(diào)板可以縮為精美的圖標(biāo)，有點(diǎn)兒像coreldraw的泊塢窗，或者像flash的面板收縮狀態(tài)，不過(guò)相比之下這個(gè)更酷，兩層的收縮，感覺(jué)超棒！ 2、多了一個(gè)“克隆（仿制）源”調(diào)板，是和仿制圖章配合使用的，允許定義多個(gè)克隆源（采樣點(diǎn)），就好像 word有多個(gè)剪貼版內(nèi)容一樣。另外克隆源可 以進(jìn)行重疊預(yù)覽，提供具體的采樣坐標(biāo)，可以對(duì)克隆源進(jìn)行移位縮放、旋轉(zhuǎn)、混

20、合等編輯操作。克隆源可以是針對(duì)一個(gè)圖層，也可以是上下兩個(gè)，也可以是所有圖 層，這比之前的版本多了一種模式。 3、在adobe bridge的預(yù)覽中可以使用放大鏡來(lái)放大局部圖像，而且這個(gè)放大鏡還可以移動(dòng)，還可以旋轉(zhuǎn)。如果同 時(shí)選中了多個(gè)圖片，還可以一起預(yù)覽，真是酷斃了。 4、adobe bridge添加了acrobat connect功能，用來(lái)開(kāi)網(wǎng)絡(luò)會(huì)議的前身是macromedia的降將breeze。 5、bridge可以直接看flash flv格式的視頻了，另外bridge啟動(dòng)感覺(jué)好快，比cs2和cs兩個(gè)版本都要快，沒(méi)有任 何拖累感和“死機(jī)感”。 6、在bridge中，選中多個(gè)圖片，按下ctr

21、l+g可以堆疊多張圖片，當(dāng)然隨時(shí)可以單擊展開(kāi)，這個(gè)用來(lái)節(jié)省空間。 7、新建對(duì)話(huà)框添加了直接建立網(wǎng)頁(yè)、視頻和手機(jī)內(nèi)容的尺寸預(yù)設(shè)值。比如常用的網(wǎng)頁(yè)banner尺寸，再比如常見(jiàn)的手機(jī)屏幕尺寸等等 第3章 基于flash宣傳片制作美麗武夷山 3.1 設(shè)計(jì)過(guò)程 此動(dòng)畫(huà)主要分成五部分，由我們兩個(gè)共同完成，我們主要思想是從武夷山的地域出發(fā)，由武夷山位于我們中國(guó)的福建省，再位于我們福建省北部，然后將此動(dòng)畫(huà)分為朱熹文化，茶文化，武夷山的傳說(shuō)，武夷山景區(qū)的欣賞與介紹，還有武夷山介紹的視頻。我主要負(fù)責(zé)動(dòng)畫(huà)的主頁(yè)面，茶文化，武夷山的傳說(shuō)，以及武夷的視頻欣賞。 動(dòng)畫(huà)的主頁(yè)面，我制作了六個(gè)按鈕分別跳轉(zhuǎn)到不同的場(chǎng)景，同時(shí)還

22、根據(jù)需要利用ps軟件對(duì)圖片進(jìn)行處理。在主頁(yè)上我設(shè)置了一個(gè)重播的按鈕可以讓動(dòng)畫(huà)從開(kāi)場(chǎng)開(kāi)始播放，同時(shí)我設(shè)置了朱熹文化，茶文化，美麗傳說(shuō)，武夷一覽，視頻欣賞這些按鈕鏈接單各自的場(chǎng)景對(duì)其進(jìn)行具體的介紹。此動(dòng)畫(huà)我利用鼠標(biāo)做了對(duì)主頁(yè)場(chǎng)景的音樂(lè)控制，可以通過(guò)鼠標(biāo)上下左右的滑動(dòng)控制聲音的大小和左右聲道的聲音。 茶文化頁(yè)面，先是對(duì)茶的歷史進(jìn)行介紹，再用一些圖片進(jìn)行概括，同時(shí)通過(guò)按鈕跳轉(zhuǎn)到茶文化的另一個(gè)頁(yè)面，此頁(yè)面是通過(guò)翻書(shū)效果對(duì)不同種茶進(jìn)行具體的介紹，此動(dòng)畫(huà)主要對(duì)大紅袍，肉桂，正山小種，金駿眉的介紹。武夷山的傳說(shuō)頁(yè)面，先通過(guò)網(wǎng)絡(luò)工具查找關(guān)于武夷山的一些傳說(shuō)，再通過(guò)ps對(duì)圖片進(jìn)行處理，主要列舉三個(gè)傳說(shuō)為大紅袍傳說(shuō)

23、，武夷山的傳說(shuō)和大王峰與玉女峰傳說(shuō)，利用腳本制作出如動(dòng)畫(huà)的效果。武夷山視頻欣賞頁(yè)面，利用網(wǎng)絡(luò)的工具搜索適合介紹武夷山的視頻，和關(guān)于武夷山的介紹，然后利用movie maker軟件對(duì)下載的動(dòng)畫(huà)進(jìn)行剪切和處理。在此頁(yè)面中我設(shè)置了三個(gè)按鈕分別對(duì)動(dòng)畫(huà)的播放，暫停，和停止的控制。 3.2制作過(guò)程 3.2.1 制作主頁(yè)面 新建一個(gè)場(chǎng)景，將場(chǎng)景設(shè)為 圖 31第一步：新建按鈕元件 - 朱熹首頁(yè) 在第一針插入空白關(guān)鍵針，第二針插入關(guān)鍵針把做好的圖片插入 圖32 圖33 同理做出茶文化首頁(yè)，美麗武夷山首頁(yè)第二步：新建按鈕元件-視頻欣賞按鈕 從公共庫(kù)中拖出適合場(chǎng)景顏色的按鈕，在按鈕的的指針經(jīng)過(guò)針處插入音樂(lè) 圖34

24、同理做出武夷一覽按鈕和重播按鈕第三步：新建影片剪輯元件 在影片剪輯的第一幀處繪制一個(gè)圓形，然后插入聲音，將聲音的屬性設(shè)置為“數(shù)據(jù)流” 圖35在導(dǎo)入到場(chǎng)景中輸入如下代碼onclipevent (load) s=new sound();s.attachsound(loop 1);s.start(0,1000);this.startdrag(1);mouse.hide()onclipevent (enterframe) s.setvolume(120-(_root._ymouse/6);s.setpan(_root._xmouse/2)-100); 通過(guò)鼠標(biāo)的位置可以控制聲音的大小和聲音的左右聲道，

25、通過(guò)mouse.hide()隱藏鼠標(biāo)。第四步：返回都場(chǎng)景，新建圖層插入背景圖片設(shè)置為999*800 將按鈕跟影片剪輯拖入到場(chǎng)景 。 如下圖所示圖36第五步：在場(chǎng)景的最后一幀處插入關(guān)鍵幀，輸入如下腳本：圖373.2.2制作茶文化頁(yè)面 第一步：制作圖片按鈕-茶1在彈起幀插入圖片將其亮度設(shè)為-50%，在鼠標(biāo)經(jīng)過(guò)幀圖片為正常顯示，并插入鼠標(biāo)滑過(guò)的聲音。 圖38 圖39同理做出其他的的按鈕。圖310第二步：制作影片剪輯-茶動(dòng)畫(huà) 圖311時(shí)間軸如圖所示，根據(jù)補(bǔ)間動(dòng)畫(huà)來(lái)制作出圖片顯示和隱藏的效果。圖312同理做出其他的影片動(dòng)畫(huà)。第三步：回到場(chǎng)景，新建圖層插入背景圖片，將圖片按鈕和茶的影片剪輯放到適當(dāng)位置，在

26、圖片按鈕上輸入如下代碼 on (rollover) _root.tu1.gotoandplay(2); on (rollout) _root.tu1.gotoandplay(1); 實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)顯示影片，鼠標(biāo)離開(kāi)時(shí)隱藏影片。第四步：制作返回按鈕和進(jìn)入按鈕，在返回按鈕上輸入 圖313on (release) gotoandplay(cj10,1); 使其返回到主場(chǎng)景頁(yè)面。 在進(jìn)入按鈕上輸入on (release) gotoandplay(cj13,1); 使其進(jìn)入茶文化的下一個(gè)頁(yè)面。圖314第五步：制作百葉窗先新建一個(gè)影片剪輯，在其第一幀處畫(huà)一個(gè)黑色長(zhǎng)矩形，高度為5mm，在第三十幀位置插入關(guān)鍵

27、幀將其高度設(shè)為50mm，在第一幀插入補(bǔ)間動(dòng)畫(huà)，在最后一幀寫(xiě)入腳本stop（）;圖315 再將先前做的一個(gè)百葉窗復(fù)制。做出高為800的百葉窗。圖316第六步：返回場(chǎng)景制作補(bǔ)間動(dòng)畫(huà)圖317圖318通過(guò)補(bǔ)間動(dòng)畫(huà)制作出各個(gè)元件的效果 圖319第七步：制作翻書(shū)效果通過(guò)ps將所需要的素材制作成一頁(yè)一頁(yè)書(shū)頁(yè)，通過(guò)補(bǔ)間動(dòng)畫(huà)制作出幾個(gè)頁(yè)面的翻頁(yè)效果分別來(lái)介紹武夷大紅袍，肉桂，正山小種，金駿眉。 圖320如圖所示做好的茶文化的頁(yè)面 圖3213.2.3美麗傳說(shuō)頁(yè)面 第一步：新建按鈕元件 在點(diǎn)擊幀處插入關(guān)鍵幀繪制出一個(gè)矩形圖形。 圖322圖323第二步：新建影片剪輯元件命名為b_a 在第一幀處插入武夷山傳說(shuō)的圖片，新

28、建圖層在第一幀處將按鈕元件拖到圖片上，調(diào)整到適當(dāng)位置。圖324選中按鈕元件打開(kāi)動(dòng)作面板輸入如下代碼：on (rollover) _root.aa.b_b.target=740;_root.aa.b_c.target=8.70300e+002;on (rollout)_root.aa.time.play();圖325同理制作出影片剪輯b-b和b-c 實(shí)現(xiàn)鼠標(biāo)滑過(guò)時(shí)可以讓b-b和b-c影片滑到到適當(dāng)?shù)奈恢?。第三步：新建影片剪?將b-a,b-b,b-c三個(gè)影片剪輯調(diào)整到適當(dāng)位置，選中b-a的反應(yīng)區(qū)輸入如下代碼：onclipevent (load) target=0.340000e;onclipev

29、ent (enterframe) this.movex(target,1.200000e-001);b-b的反應(yīng)區(qū)輸入如下代碼：onclipevent (load) target=130;onclipevent (enterframe) this.movex(target,1.200000e-001);b-c的反應(yīng)區(qū)輸入如下代碼：onclipevent (load) target=260.000000;onclipevent (enterframe) this.movex(target,3.900000e-001);新建圖層在第一幀處插入動(dòng)作腳本：moviectotype.mov

30、ex=function(target,speed)this._x=this._x + speed * (target - this._x) 圖326 影片剪輯最重要的兩種事件是load和enterframe，load事件在影片剪輯完全加載到內(nèi)存中時(shí)發(fā)生。在每次播放flash影片時(shí)，每個(gè)影片剪輯的load事件只發(fā)生一次。 enterframe事件在影片每次播放到影片剪輯所在幀時(shí)發(fā)生。第四步：返回場(chǎng)景，將最終的影片剪輯拖到場(chǎng)景中，并且放一個(gè)飯按鈕。 圖327打開(kāi)動(dòng)作面板輸入如下腳本：on (release) gotoandplay(cj10,1); 場(chǎng)景如下圖所示：圖3283.2.4視頻欣賞頁(yè)面第

31、一步：通過(guò)ps處理膠卷圖片，將其拖到場(chǎng)景中，設(shè)置其大小。圖329圖330第二步：導(dǎo)入視頻，新建影片剪輯將視頻拖到影片剪輯中，將影片命名為wys。圖331第三步：制作按鈕元件-播放按鈕 打開(kāi)動(dòng)作面板輸入如下腳本： on (release) _root.wys.play();通過(guò)此腳本來(lái)控制視頻的播放。同理制作暫停按鈕輸入如下腳本：on (release) _root.wys.stop();停止按鈕：on (release) _root.wys.gotoandstop(1); 圖332第四步：在場(chǎng)景中插入返回按鈕，放到適當(dāng)位置，輸入如下腳本：on (release) gotoandplay(cj1

32、0,1); 返回到主場(chǎng)景中。圖333此場(chǎng)景的整體效果如下圖所示：圖334 結(jié)論 經(jīng)過(guò)一段時(shí)間的學(xué)習(xí)、討論、研究，經(jīng)過(guò)老師的指導(dǎo)和全組同學(xué)的努力，武夷山宣傳片，flash動(dòng)畫(huà)設(shè)計(jì)已初完成，本次設(shè)計(jì)是通過(guò)分析、設(shè)計(jì)和多次的修改而實(shí)現(xiàn)。 在起初的設(shè)計(jì)中，便碰到了許多的困難。因?yàn)槭堑谝淮卧O(shè)計(jì)一個(gè)完整的動(dòng)畫(huà)短劇，所以并不知道如何入手，如何安排場(chǎng)景，如何使用flash cs3里面的工具，如何用photoshop來(lái)處理圖片這些都是亟待解決的問(wèn)題。幸好這些問(wèn)題在后來(lái)的設(shè)計(jì)過(guò)程中一一被解決。 雖然，在設(shè)計(jì)過(guò)程中，力求完美，但還是有不足的地方，如對(duì)動(dòng)畫(huà)中一些動(dòng)作的協(xié)調(diào)，背景的選擇，顏色的搭配上欠缺考慮，這些問(wèn)題，

33、由于時(shí)間的問(wèn)題，沒(méi)有來(lái)得及修正，我會(huì)在以后的工作中加以實(shí)現(xiàn)的。 雖然即將畢業(yè)，但在以后的學(xué)習(xí)工作中，一定要繼續(xù)堅(jiān)持不斷地學(xué)習(xí)新的專(zhuān)業(yè)知識(shí)及相關(guān)的非專(zhuān)業(yè)知識(shí)，只有這樣才能緊跟時(shí)代的潮流。致 謝 語(yǔ)大學(xué)三年的學(xué)習(xí)以今天的畢業(yè)論文畫(huà)了一個(gè)圓滿(mǎn)的句號(hào)。感謝大學(xué)三年，各位老師對(duì)我的教誨，感謝武夷學(xué)院，我們大家能聚在一起是個(gè)緣分。在此，同時(shí)感謝我的父母對(duì)我的支持，沒(méi)有他們的支持我不會(huì)走到今天。感謝與我共同走過(guò)大學(xué)的朋友們、同學(xué)們，當(dāng)我遇到困難的時(shí)候扶我一把的你，我都會(huì)記得。謝謝你們！很幸運(yùn)，在最后一次的畢業(yè)設(shè)計(jì)中，能得到韓存鴿老師的幫助，有了一次很好的機(jī)會(huì)能和韓老師接觸，從論文的選題、動(dòng)畫(huà)的制作過(guò)程、論文

34、的結(jié)構(gòu)到最后的定稿，都得到韓存鴿老師細(xì)心的指導(dǎo)和提攜，在她的耐心的指導(dǎo)與細(xì)心教導(dǎo)下才使本動(dòng)畫(huà)得順利的完成。通過(guò)本次設(shè)計(jì)，使我懂得了團(tuán)隊(duì)合作精神，做任何一項(xiàng)工作都要有團(tuán)隊(duì)合作精神，這一點(diǎn)在以后的工作中也會(huì)用到。參考文獻(xiàn)1flash cs3 中文版從入門(mén)到精通，電子工業(yè)出版社，2008年2flash cs3 動(dòng)畫(huà)設(shè)計(jì)與制作實(shí)例精講,人民郵電出版社，2008年3flash cs3 actionscript特效設(shè)計(jì)120例,人民郵電出版社，2008年4flash cs3中文版動(dòng)畫(huà)特效經(jīng)典案例設(shè)計(jì)與實(shí)現(xiàn),電子工業(yè)出版社，2008年5photoshopcs3圖像處理，清華大學(xué)出版社，2009年6photo

35、shop cs3圖像藝術(shù)效果100例人民郵電出版社，2009年7flash cs3 動(dòng)畫(huà)設(shè)計(jì)經(jīng)典100例，中國(guó)電力出版社，2008年8flash多媒體課件制作使用教程，清華大學(xué)出版社，2007年9flash cs3中文版標(biāo)準(zhǔn)培訓(xùn)教程,機(jī)械工業(yè)出版社，2008年10無(wú)師自通/fiashcs3 動(dòng)畫(huà)制作,人民郵電出版社，2008年畢業(yè)設(shè)計(jì)（論文）任務(wù)書(shū)題 目： 美麗武夷山宣傳片學(xué) 號(hào)： 20082071027姓 名： 系 部： 數(shù)學(xué)與計(jì)算機(jī)系年級(jí)專(zhuān)業(yè)班級(jí)： 2008級(jí)計(jì)算機(jī)應(yīng)用技術(shù)一班指導(dǎo)教師（含職稱(chēng)）： 韓存鴿 講師任務(wù)要求：以武夷山景區(qū)介紹為主題，熟練使用flash軟件制作一個(gè)五分鐘左右的宣傳

36、片進(jìn)度要求：2010.12.15-2010.12.31 選材料（背景圖片、背景音樂(lè)，影片等）；2011.1.1-2011.1.31擬定初步設(shè)計(jì)構(gòu)思；2 2011.2.1-2011.4.30 熟悉flash軟件，掌握動(dòng)畫(huà)設(shè)計(jì)的基礎(chǔ)；2011.5.1-2011.5.30 flash設(shè)計(jì)完成，撰寫(xiě)畢業(yè)論文、準(zhǔn)備畢業(yè)答辯講稿。審批意見(jiàn)： 系主任（簽章）： 年 月 日注：1、任務(wù)書(shū)由指導(dǎo)教師填寫(xiě)，經(jīng)系主任審批后，在畢業(yè)設(shè)計(jì)前下達(dá)給學(xué)生。畢業(yè)設(shè)計(jì)（論文）開(kāi)題報(bào)告題 目： 美麗武夷山宣傳片學(xué) 號(hào)： 20082071027姓 名： 系 部： 數(shù)學(xué)與計(jì)算機(jī)系年級(jí)專(zhuān)業(yè)班級(jí)： 2008級(jí)計(jì)算機(jī)應(yīng)用技術(shù)一班指導(dǎo)教師（

37、含職稱(chēng)）： 韓存鴿 講師設(shè)計(jì)（論文）綜述：利用所學(xué)知識(shí)，參考一些書(shū)籍案例。通過(guò)flash，photoshop軟件對(duì)作品的場(chǎng)景、界面等進(jìn)行設(shè)計(jì)。采用photoshop圖像編輯、圖像合成、校色調(diào)色及特效等圖像處理軟件對(duì)作品背景圖片，武夷山宣傳圖片進(jìn)行處理，使界面美觀符合宣傳的目的。采用flash對(duì)作品的動(dòng)畫(huà)進(jìn)行處理，包含簡(jiǎn)單的動(dòng)畫(huà)、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容?？梢酝ㄟ^(guò)添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的 flash 應(yīng)用程序，把音樂(lè)，動(dòng)畫(huà)，交互方式融合在一起。并且運(yùn)用photoshop cs3進(jìn)行處理動(dòng)畫(huà)部分的細(xì)節(jié).制作融圖像、聲音、文字于一體的武夷山宣傳片。 采用premiere對(duì)作品的視頻/音頻捕捉和剪輯包括移動(dòng)片段，片段的旋轉(zhuǎn)、放大、延遲和變形，使用這些濾鏡處理錄制的原聲片段，添加特殊的聲效，或者演示演示原聲的缺陷，使