【文章內(nèi)容簡(jiǎn)介】 了許多令人嘆為觀止的動(dòng)畫(電影)效果。而且在 的版本中已經(jīng)可以支持 MP3 的音樂格式，這使得加入音樂的動(dòng)畫文件也能保持小巧的‘身材’ 。 (4) 強(qiáng)大的動(dòng)畫編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫，通過 ACTION 和 FS COMMAND 可以實(shí)現(xiàn)交互性，使 Flash 具有更大的設(shè)計(jì)自由度。 Flash 軟件界面主要由 Flash 工具、時(shí)間軸面板、工作區(qū)域、舞臺(tái)、工作面板、屬性面板組成。在創(chuàng)作中主要用到以下幾大類來完成課題的實(shí)踐。(1) 三大元件① 影片剪輯沈陽化工大學(xué)學(xué)士學(xué)位論文 第二章 文獻(xiàn)綜述4影片剪輯就是一個(gè)獨(dú)立的影片片斷。它的播放情況不會(huì)受主場(chǎng)景時(shí)間軸的影響，因?yàn)樗鼡碛型耆?dú)立的時(shí)間軸和影片特性。可以把它等同于主場(chǎng)景的影片，也可以把它當(dāng)作是一個(gè)獨(dú)立成開的影片。② 圖形圖形元件就是一個(gè)靜態(tài)圖像或是一段動(dòng)畫內(nèi)容。它不可以添加交互內(nèi)容和音樂。它的時(shí)間軸看起來和影片剪輯相同，但是它并不擁有自己獨(dú)立的時(shí)間軸，它的一切播放都要根據(jù)主影片的進(jìn)度。③ 按鈕按鈕元件與上述兩者不太一樣，因?yàn)樗⒉粨碛姓嬲饬x上的時(shí)間軸，按鈕的時(shí)間軸是與從不同的。在它的時(shí)間軸上總共只有 4 幀，彈起，指針經(jīng)過，按下，點(diǎn)擊。(2) 圖層① 引導(dǎo)線圖層引導(dǎo)線圖層是一種動(dòng)畫形式，表示動(dòng)畫的運(yùn)動(dòng)路線是有特殊軌跡的。② 遮罩層遮罩層就是物體并非是完全顯示，被遮罩層中的內(nèi)容只有與遮罩層中重疊的部分才會(huì)顯示出來。③ 普通層將每個(gè)角色或元件都放置在單獨(dú)的一個(gè)圖層中。(3)幀① 關(guān)鍵幀在時(shí)間軸上以一個(gè)灰色填充的小黑點(diǎn)來表示。關(guān)鍵幀是 Flash 創(chuàng)作的必需品，所有內(nèi)容都將添加在關(guān)鍵幀中。② 空白關(guān)鍵幀一個(gè)沒有內(nèi)容的關(guān)鍵幀。它可以添加交互內(nèi)容或載入聲音。③ 補(bǔ)間幀關(guān)鍵幀的順延幀，在補(bǔ)間幀中加入交互內(nèi)容，或改變補(bǔ)間幀中的內(nèi)容都會(huì)被理解為對(duì)前一個(gè)關(guān)鍵幀的操作。補(bǔ)間動(dòng)畫分為動(dòng)作，形狀?！皠?dòng)作”補(bǔ)間動(dòng)畫是最為常用的一種類型，通常為元件從一個(gè)位置移動(dòng)到沈陽化工大學(xué)學(xué)士學(xué)位論文 第二章 文獻(xiàn)綜述5另外一個(gè)位置，也可以是元件屬性的改變。如色彩改變，大小改變，坐標(biāo)改變等?！靶螤睢毖a(bǔ)間動(dòng)畫是指兩個(gè)圖形間的變化，它適用的對(duì)象是圖形對(duì)象，使用“形狀補(bǔ)間動(dòng)畫”可以創(chuàng)建出圖形形體上不規(guī)則的變化。圖 21 幀形態(tài)示意圖 Action Script 介紹Flash 是一個(gè)交互多媒體的開發(fā)平臺(tái)，它的交互就是由 Action Script 程序來實(shí)現(xiàn)的。Action Script 是 Flash 獨(dú)有的一種腳本程序，屬于面向?qū)ο螅∣OP）的編程，類似于高級(jí)語言，但它不是高級(jí)語言。Action Script 經(jīng)歷 Flash 的 版本不支持 OOP 技術(shù)，F(xiàn)lash MX 的 版本支持 OOP 技術(shù)，到了 Flash MX 2022 的 版本與 Java 相差無幾。制作 Flash 網(wǎng)站常用到 Action Script 函數(shù)包括：gotoAndPlay():將播放頭轉(zhuǎn)到場(chǎng)景中指定的幀并從該幀開始播放。如果未指定場(chǎng)景，則播放頭將轉(zhuǎn)到當(dāng)前場(chǎng)景中的指定幀。gotoAndStop():將播放頭轉(zhuǎn)到場(chǎng)景中指定的幀并停止播放。如果未指定場(chǎng)景，則播放頭將轉(zhuǎn)到當(dāng)前場(chǎng)景中的幀。loadMovie():在播放原始 SWF 文件的同時(shí)將 SWF 文件或 JPEG 文件加載到 Flash Player 中。沈陽化工大學(xué)學(xué)士學(xué)位論文 第三章 方案設(shè)計(jì)與論證6三 方案設(shè)計(jì)與論證 計(jì)劃階段制作網(wǎng)站之前，首先需要明確建站的目的和網(wǎng)站的定位。需要收集相關(guān)的資料，對(duì)其進(jìn)行整理，找到重點(diǎn)，如網(wǎng)站的主題、用什么樣元素、元素之間的聯(lián)系、元素如何運(yùn)動(dòng)、用什么風(fēng)格音樂等。結(jié)合網(wǎng)站定位來決定網(wǎng)站的欄目需要有哪幾項(xiàng)。然后用同樣的方法，來討論二級(jí)欄目下的子欄目，對(duì)它進(jìn)行歸類，并逐一確定每個(gè)二級(jí)欄目的主頁面需要有哪些具體的內(nèi)容，二級(jí)欄目下面的每個(gè)小欄目需要放置哪些內(nèi)容。 總體規(guī)劃該 Flash 網(wǎng)站屬于非盈利網(wǎng)站。用戶登錄網(wǎng)站后瀏覽站內(nèi)信息，讓用戶可以輕松了解現(xiàn)今數(shù)碼產(chǎn)品計(jì)算機(jī)硬件的流行趨勢(shì)及發(fā)展動(dòng)態(tài)。這樣用戶得到參考價(jià)值資料，能更好的選擇所需產(chǎn)品。由于 Flash 網(wǎng)站基本以圖形和動(dòng)畫為主，比較適合做文字內(nèi)容不太多，以平面、動(dòng)畫效果為主的網(wǎng)站。所以該網(wǎng)站采用時(shí)尚優(yōu)雅氣息風(fēng)格的設(shè)計(jì)理念，界面簡(jiǎn)捷，舒適，給用戶一種輕松的感覺。擺脫那種死板的條條框框的網(wǎng)頁，讓網(wǎng)頁變得更加生動(dòng)有趣。沈陽化工大學(xué)學(xué)士學(xué)位論文 第三章 方案設(shè)計(jì)與論證7 網(wǎng)站結(jié)構(gòu)分析圖 31 flash 網(wǎng)站結(jié)構(gòu)分布(1) 首頁首頁采用片頭動(dòng)畫的制作理念，由若干線條動(dòng)態(tài)移動(dòng)，字體顏色交替及若隱若現(xiàn)效果，這樣在進(jìn)入站點(diǎn)前展示的動(dòng)態(tài)效果視覺感官非常強(qiáng)烈。(2) 導(dǎo)航菜單① 關(guān)于我們讓用戶通過字體的描述了解我們，把我們制作網(wǎng)站的初衷設(shè)計(jì)理念全部展示出來。② 今日商情其中包括商界動(dòng)態(tài)、新品信息、優(yōu)惠促銷。標(biāo)題醒目，讓用戶一目了然查找到自己所需版面。③ 數(shù)碼世界沈陽化工大學(xué)學(xué)士學(xué)位論文 第三章 方案設(shè)計(jì)與論證8采用幾組照片瀏覽的形式把當(dāng)今數(shù)碼流行的產(chǎn)品展示出來。讓用戶更直觀的對(duì)產(chǎn)品形態(tài)有一定的了解。④ 電腦配件采用視頻播放方式，收集當(dāng)今電腦方面新聞，用戶通過標(biāo)題來選擇要觀看的新聞。⑤ 知識(shí)寶庫知識(shí)寶庫由趣味問答和尋找寶藏兩部分組成。趣味問答板塊主要是圍繞網(wǎng)站給出的信息通過測(cè)試讓用戶對(duì)瀏覽的產(chǎn)品有更值觀的印象；尋找寶藏板塊主要是列出產(chǎn)品使用中常遇見的問題，這樣用戶通過瀏覽相關(guān)信息找到所要答案。(3) LoadingLoading 的設(shè)計(jì)采用水波流動(dòng)的動(dòng)態(tài)效果并伴有載入時(shí)間的百分比，這樣用戶不會(huì)因?yàn)闀r(shí)間過長(zhǎng)而放棄網(wǎng)站的瀏覽。 測(cè)試環(huán)境 安裝完 Windows 操作系統(tǒng)中的 IIS 后，創(chuàng)建站點(diǎn)目錄文件名為 flashweb。在“Inter 信息服務(wù)”對(duì)話框的“默認(rèn) Web 站點(diǎn)”項(xiàng)右擊，單擊“新建”→“站點(diǎn)”命令。創(chuàng)建名為“flashweb”沈陽化工大學(xué)學(xué)士學(xué)位論文 第四章 設(shè)計(jì)與實(shí)踐9四 設(shè)計(jì)與實(shí)踐 開發(fā)流程 本次課題實(shí)踐利用 Flash 軟件技術(shù)特點(diǎn)，制作具有動(dòng)態(tài)效果的網(wǎng)站。本人使用的是 Flash MX 2022 軟件。開發(fā)流程見圖 41圖 41 整體設(shè)計(jì)流程 整體設(shè)計(jì)新建一個(gè)空的 Flash 文檔。設(shè)置舞臺(tái)尺寸：“寬”為 770px, “高”為410px, “背景”為黑色， “幀頻”為 30fps。選擇“窗口”/“設(shè)計(jì)面板”/“場(chǎng)景”命令。單擊“場(chǎng)景”面板的“添加場(chǎng)景”按鈕，分別創(chuàng)建名為“l(fā)oading” ， “首頁” ， “關(guān)于我們”場(chǎng)景。如圖 42：沈陽化工大學(xué)學(xué)士學(xué)位論文 第四章 設(shè)計(jì)與實(shí)踐10圖 42 場(chǎng)景 制作(1) 建立一個(gè)影片剪輯元件，選擇“插入”/“新建元件”/“影片剪輯” ，命名為：“showloading_mc” 。在 showloading_mc 中繪制一個(gè)無邊框矩形，填充顏色為白色，寬為 1，高為 10 轉(zhuǎn)換為 showloadingeft_mc 影片剪輯元件，在屬性面板實(shí)例名稱輸入 loadingeft_mc。進(jìn)入 showloadingeft_mc 影片剪輯元件在第 345100 幀創(chuàng)建關(guān)鍵幀，并在 3455 幀制作補(bǔ)間動(dòng)畫產(chǎn)生矩形長(zhǎng)短不一的效果。 （影片剪輯建立方法如上所示，此后不再稱述）(2) 返回到 showloading_mc 的時(shí)間軸圖層 1 第 1 幀,在行為面板中輸入代碼使畫面產(chǎn)生水波的效果：var i:Number=0。=false。onEnterFrame=function(){(loadingeft_mc+i,ghestDepth())。this[loadingeft_mc+i]._x=this[loadingeft_mc+(i1)]._x+2。this[loadingeft_mc+i]._y=。this[loadingeft_mc+i].gotoAndPlay(random(10))。i++。if(i=100){沈陽化工大學(xué)學(xué)士學(xué)位論文 第四章 設(shè)計(jì)與實(shí)踐11i=0。delete onEnterFrame。}}(3) 在 showloading_mc 影片剪輯時(shí)間軸新建一層，在舞臺(tái)上輸入“_loading please wait_”轉(zhuǎn)換為影片剪輯命名：“showloadingtxt_mc” 。進(jìn)入showloadingtxt_mc 影片在第 3 幀插入空白關(guān)鍵幀。使文字形成閃爍的動(dòng)態(tài)的效果。(4) 在 Loading 場(chǎng)景“時(shí)間軸”面板中，插入新圖層，命名為：“進(jìn)度百分比” 。選擇“文本工具”的動(dòng)態(tài)文本，變量名為 downloadtime。(5) 插入新圖層，命名為：“script” ，在行為面板中輸入代碼來實(shí)現(xiàn)進(jìn)度百分比。script 第 1 幀代碼(幀標(biāo)簽命名 load)如下：a = getBytesLoaded()。b = getBytesTotal()。loaded = int(a/b*100)。downloadtime = loaded+%。(loaded)。script 第 2 幀代碼如下：if(a==b){gotoandplay(首頁,1)。}else{gotoandplay(load)。}loading 效果如圖 43：沈陽化工大學(xué)學(xué)士學(xué)位論文 第四章 設(shè)計(jì)與實(shí)踐12圖 43 loading片頭動(dòng)畫整體效果如圖 44 所示：圖 44 首頁片頭動(dòng)畫線條動(dòng)態(tài)效果制作步驟：(1) 選擇“首頁”場(chǎng)景。建立名為“線條動(dòng)畫 1”的影片剪輯元件，在屬性面沈陽化工大學(xué)學(xué)士學(xué)位論文 第四章 設(shè)計(jì)與實(shí)踐13板中觸筆樣式選擇實(shí)線制作一個(gè)寬為 102 藍(lán)色線條，設(shè)計(jì)線條上下移動(dòng)的補(bǔ)間動(dòng)畫。同理制作“線條動(dòng)畫 2”（觸筆樣式選擇極細(xì)） 。(2) 建立名為“上半部動(dòng)畫”的影片剪輯元件。雙擊進(jìn)入影片剪輯元件，圖層1 命名“背景”設(shè)計(jì)為藍(lán)色。插入新圖層，命名為“動(dòng)畫” 。將“線條動(dòng)畫 1”， “線條動(dòng)畫 2”拖拽到舞臺(tái)調(diào)整位置。同理制作“下半部動(dòng)畫” ，只需將兩線條位置互換即可。字體效果制作步驟：(1) 在“首頁”場(chǎng)景中建立名為“片頭文字動(dòng)畫”影片剪輯元件。分別在第50、100、150、200 幀中插入關(guān)鍵幀，利用補(bǔ)間動(dòng)畫通過調(diào)整屬性面板值分別制作“商務(wù)網(wǎng)站” 、 “電腦之家” 、 “歡迎光臨”文字若隱若現(xiàn)效果，然后點(diǎn)擊時(shí)間軸 “添加引導(dǎo)層”將其引導(dǎo)。時(shí)間軸面板制作如圖45：圖 45 文字若隱若現(xiàn) (2) 新建一個(gè)影片剪輯元件命名“小小酥工作室” 。圖層 1 制作一個(gè)矩形進(jìn)行由短到長(zhǎng)的補(bǔ)間動(dòng)畫，圖層 2 輸入文字“小小酥工作室” 。右擊“文字”圖層選擇“遮罩層” ，由此出現(xiàn)字體顏色變化效果。時(shí)間軸面板制作如圖 46：圖 46 文字若隱若現(xiàn) 主場(chǎng)景制作 主場(chǎng)景在“關(guān)于我們”場(chǎng)景中進(jìn)行制作。時(shí)間軸面板制作及舞臺(tái)場(chǎng)景布局如