1、黃淮學(xué)院本科畢業(yè)論文（設(shè)計(jì)）本科畢業(yè)論文（設(shè)計(jì)）題目：flash動(dòng)畫的制作基于電子賀卡實(shí)例系院：信息工程系學(xué)生姓名：呂治學(xué)號(hào)：0611130317專業(yè)：動(dòng)畫（數(shù)字媒體）年級(jí)：06級(jí)動(dòng)畫3班完成日期：2010年5月指導(dǎo)教師：李娜f(wàn)lash動(dòng)畫的制作基于電子賀卡實(shí)例摘 要隨著信息時(shí)代的到來(lái)，各種計(jì)算機(jī)的應(yīng)用滲透到國(guó)民經(jīng)濟(jì)與人民生活的各個(gè)角落，也正逐漸的改變著我們的生活。尤其是，現(xiàn)在各種各樣的繪圖軟件如雨后春筍般不斷涌現(xiàn)。計(jì)算機(jī)帶給我們的便利不僅僅局限于信息處理方面，更重要的在于它把我們以前只能虛擬的人物和畫面用動(dòng)畫的形式加以描繪，是我們逐漸跨入了一個(gè)讀圖時(shí)代。flash是macromedia公司出

2、品的軟件，該軟件的功能非常強(qiáng)大。例如其有繪畫功能、生動(dòng)活潑的軟件特點(diǎn)、矢量圖形的特點(diǎn)而風(fēng)靡web。在二維的動(dòng)畫制作當(dāng)中，flash是我們首先考慮的軟件。flash 作為一種創(chuàng)作工具，設(shè)計(jì)人員和開(kāi)發(fā)人員可使用它來(lái)創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。flash 可以包含簡(jiǎn)單的動(dòng)畫、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用 flash 創(chuàng)作的各個(gè)內(nèi)容單元稱為應(yīng)用程序，即使它們可能只是很簡(jiǎn)單的動(dòng)畫。可以通過(guò)添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的 flash 應(yīng)用程序。flash 特別適用于創(chuàng)建通過(guò) internet 提供的內(nèi)容，因?yàn)樗奈募浅Ｐ　?/p>

3、flash 是通過(guò)廣泛使用矢量圖形做到這一點(diǎn)的。與位圖圖形相比，矢量圖形需要的內(nèi)存和存儲(chǔ)空間小很多，因?yàn)樗鼈兪且詳?shù)學(xué)公式而不是大型數(shù)據(jù)集來(lái)表示的。位圖圖形之所以更大，是因?yàn)閳D像中的每個(gè)像素都需要一組單獨(dú)的數(shù)據(jù)來(lái)表示。本文運(yùn)用flash動(dòng)畫軟件，利用其強(qiáng)大功能制作電子賀卡，實(shí)現(xiàn)了傳統(tǒng)賀卡與現(xiàn)代信息技術(shù)的相結(jié)合，分別從電子賀卡的界面、畫面設(shè)計(jì)、賀卡的文本和音頻、腳本編程等各個(gè)方面舉行詳細(xì)的說(shuō)明，并從制作賀卡過(guò)程中有所收獲。關(guān)鍵詞：flash ；電子賀卡；制作abstractwith the development of the information, each kind of computers

4、 application seeps to the national economy and lives of the people each corner, also gradual change our life. especially, various graphics software like mushroom growth unceasingly emerges now. flash is the software which macromedia corporation produces, this softwares function is formidable. for ex

5、ample it has the drawing function, the spirited software characteristic, the vector graph characteristic to be all the rage web.according to the two-dimensional animation manufacture, flash is we the paramount consideration software. flash takes one kind of creation tool, the designers and the devel

6、opment personnel may use it to found the demonstration draft, the application procedure and the other permission user interactive content. flash may contain the simple animation, the video frequency content, the complex demonstration draft and the application procedure as well as is situated between

7、 them any content. usually, uses the flash creation each content unit to be called the application procedure, even if they are only possibly the very simple animations. flash is suitable specially for the foundation the content which provides through internet, because its document is small. flash is

8、 achieves this point through the widespread use vector graph. compares with the bitmap graph, the vector graph needs memory and storage space small many, because they are by the mathematical formula, but is not the large-scale data set expresses. this article utilizes the flash animation software, u

9、ses its formidable function manufacture electron greeting card, has realized the traditional greeting card and the present information technology unifies, separately from the electronic greeting cards contact surface, the picture design, the greeting card text and the audio frequency, the script pro

10、gramming and so on each aspect holds the detailed explanation, and from manufactures in the greeting card process to have the harvest.key words：flash; electronic greeting card; design目錄1 緒論11.1 關(guān)于flash11.2 flash特點(diǎn)12 flash需求及功能分析22.1 flash的系統(tǒng)需求及開(kāi)發(fā)環(huán)境22.2強(qiáng)大功能分析32.3系統(tǒng)設(shè)計(jì)43 電子賀卡的分析53.1 電子賀卡的創(chuàng)意說(shuō)明53.2 電子賀卡的

11、效果圖54 電子賀卡中的畫面設(shè)計(jì)84.1 太陽(yáng)以及水波畫面設(shè)計(jì)84.3 浴缸以及墻壁設(shè)計(jì)174.4 電子賀卡中的文本和音頻214.5 電子賀卡的關(guān)鍵幀和腳本語(yǔ)言255 電子賀卡的調(diào)試與發(fā)布285.1 flash電子賀卡調(diào)試285.2 電子賀卡的發(fā)布與導(dǎo)出29總結(jié)30致謝31參考文獻(xiàn)3141 緒論1.1關(guān)于flashflash的簡(jiǎn)介flash是macromedia公司出品的軟件，對(duì)于flash是什么很多的描述，大致是“交互性矢量多媒體制作軟件”的意思。首先，它是一種多媒體制作軟件，flash的產(chǎn)品往往都是一些“有聲有色”給人視覺(jué)沖擊的動(dòng)畫。其次，flash是以矢量圖為基礎(chǔ)的，矢量圖最大的特點(diǎn)就是

12、它能無(wú)限的縮放，不會(huì)因?yàn)閳D像的縮放而改變其顯示的質(zhì)量。最后，flash的發(fā)展與網(wǎng)絡(luò)是緊密相連的，其大量的特性是與網(wǎng)絡(luò)相關(guān)的。可以說(shuō)，沒(méi)有與網(wǎng)絡(luò)的結(jié)合，flash絕對(duì)不能取得現(xiàn)在的成功。1.2 flash特點(diǎn)flash作為一個(gè)強(qiáng)大的工具，有著非常多的特點(diǎn)，筆者從以下幾個(gè)方面分析了flash的特點(diǎn)。1.2.1生動(dòng)、活潑flash主要可以吸引、刺激網(wǎng)站瀏覽者點(diǎn)擊動(dòng)畫頁(yè)面，強(qiáng)烈的視覺(jué)沖擊力可以給瀏覽者留下深刻的印象。占用的存儲(chǔ)空間只是位圖的幾千分之一，非常適合在網(wǎng)絡(luò)上使用。做到真正的無(wú)級(jí)放大，無(wú)論用戶的瀏覽器使用多大的窗口，圖像始終可以完全顯示，并且不會(huì)降低畫面質(zhì)量。1.2.2 圖像的矢量性這是fla

13、sh能夠成為如此風(fēng)靡的web開(kāi)發(fā)工具的而一個(gè)重要原因。矢量圖形是由數(shù)學(xué)信息定義的圖形，完整的包括了圖像的大小、形狀、位置、顏色等信息。因此矢量圖形不會(huì)受到分辨率的限制，在文件大小不發(fā)生改變的情況下，矢量圖形可以由筆尖大小隨意的變化到鋪滿整個(gè)屏幕。如圖1.1所示的迪斯尼動(dòng)畫的大花貓就是一幅矢量圖形。1.2.3 交互性交互性更是flash令人著迷的地方。所謂交互，就是使用鍵盤、鼠標(biāo)等工具，通過(guò)單擊按鈕、選擇菜單來(lái)控制動(dòng)畫的播放，可以在作品的各個(gè)部分跳轉(zhuǎn)，使觀眾參與其中。家戶型是通過(guò)actionscript來(lái)實(shí)現(xiàn)的。圖1.11.2.4 對(duì)文件大小的控制性普通的多媒體制作工具制作出來(lái)的視頻文件往往會(huì)因

14、為過(guò)大讓你頭疼，而flash則很好的解決的這一矛盾。因?yàn)樵趂lash中，允許制作一個(gè)對(duì)象單一的版本，然后反復(fù)的運(yùn)用到其他地方，這就是在文件中重復(fù)運(yùn)用的同一對(duì)象時(shí)，后來(lái)運(yùn)用的都只是對(duì)前面存在的對(duì)象的單純引用，我們稱之為“副本”，這樣有效地解決文件大小的問(wèn)題。 1.2.5方便的web發(fā)布性能flash影片是一種“準(zhǔn)”流式文件，即觀看大段影片時(shí)，不必等到影片全部下載完成后在觀看，可以邊下載，邊觀看，沒(méi)有任何停滯。以上論述的flash的強(qiáng)大功能在下面的電子賀卡的制作案例中會(huì)得到全面的實(shí)現(xiàn)和展示。筆者選擇一個(gè)簡(jiǎn)單的題材只做了一個(gè)電子賀卡的發(fā)布。2 flash需求及功能分析2.1 flash的系統(tǒng)需求及開(kāi)

15、發(fā)環(huán)境計(jì)算機(jī)系統(tǒng)至少要達(dá)到以下性能指標(biāo)：操作系統(tǒng): windows 98 se、windows 2000、windows xp 、windows server 2003、windows vista 、windows 7cpu: intel pentium iii600mhz 或同級(jí)別的其他品牌的cpu內(nèi)存：128mb ram（建議256m）硬盤：190mb 可用的磁盤空間空間蘋果機(jī)需要500mhzpowerpc g3的處理器，128m的ram（建議為256m），130m是可用磁盤空間，操作系統(tǒng)為mac os x11.2.6注：flash8.0不支持用ufs格式化的macintosh硬盤。app

16、le提供了軟干有關(guān)carbon和classic的ufs個(gè)格式化問(wèn)題的文檔，除非正在使用本機(jī)應(yīng)用程序（cocoa），否則，apple不推薦或支持ufs。開(kāi)發(fā)環(huán)境：開(kāi)發(fā)環(huán)境：windows xp開(kāi)發(fā)工具：macromedia flash 8.0flash 界面：如圖2-1所示。flash 測(cè)驗(yàn)?zāi)０褰缑妫喝鐖D2.1所示圖2.1 flash界面 2.2 強(qiáng)大功能分析2.2.1時(shí)間軸特效 在flash中可以對(duì)舞臺(tái)上的任何對(duì)象應(yīng)用時(shí)間軸特效，以便快速添加過(guò)渡特效和動(dòng)畫，如淡入、飛入、模糊以及旋轉(zhuǎn)。使用方式：插入 時(shí)間軸特效 2.2.2 行為使用行為，可以無(wú)需編寫一行代碼即可向flash內(nèi)容添加交互性。例如

17、，可以使用行為將以下功能包含在內(nèi)：鏈接到web站點(diǎn)、載入聲音和圖形、控制嵌入視頻的回放、播放影片剪輯以及觸發(fā)數(shù)據(jù)源。 2.2.3創(chuàng)作環(huán)境中的輔助功能支持 flash創(chuàng)作環(huán)境中的輔助功能支持提供了用于瀏覽和使用界面控件的快捷鍵，讓您可以在不使用鼠標(biāo)的情況下使用這些界面元素。2.2.4更新的模板 flash包含更新的模板，可用于創(chuàng)建演示文稿、電子學(xué)習(xí)應(yīng)用程序、廣告、移動(dòng)設(shè)備應(yīng)用程序以及其它常用的flash文檔類型。 2.2.5 集成的幫助系統(tǒng) 新的“幫助”面板在flash創(chuàng)作環(huán)境中提供了上下文參考、動(dòng)作腳本參考以及課程。2.5.6 位圖緩沖簡(jiǎn)單說(shuō)就是將自身無(wú)變化的矢量圖按位圖來(lái)顯示，提高影片播放速

18、度，但如果你的矢量圖頻繁變化(旋轉(zhuǎn),縮放)這個(gè)特性也就無(wú)效果了。2.5.7 其他強(qiáng)大功能運(yùn)行穩(wěn)定性和啟動(dòng)速度都有提升；增強(qiáng)了與javascript之間的通訊能力，使 flash 與 javascript 之間實(shí)現(xiàn)無(wú)縫連接；實(shí)現(xiàn)了手機(jī)模擬器,用來(lái)模擬運(yùn)行 flash lite 應(yīng)用程序；自定義緩沖，可自定義彈性,緩入,緩出等各種緩沖效果；swf文件元數(shù)據(jù)(meta-data)，可在swf文件中加入一些版權(quán)信息,標(biāo)題與描述信息.2.3系統(tǒng)設(shè)計(jì)系統(tǒng)設(shè)計(jì)是信息系統(tǒng)開(kāi)發(fā)過(guò)程中的另一個(gè)重要階段。在該階段中，所依據(jù)的是上階段的系統(tǒng)分析報(bào)告。要確定系統(tǒng)藍(lán)圖，合理使用各種資源，形成較為詳細(xì)的設(shè)計(jì)方案。系統(tǒng)設(shè)計(jì)又

19、分為兩個(gè)部分：概要設(shè)計(jì)和詳細(xì)設(shè)計(jì)。概要設(shè)計(jì)的基本任務(wù)是：將系統(tǒng)劃分為模塊，并決定模塊的功能和界面。而詳細(xì)設(shè)計(jì)是為各個(gè)具體任務(wù)選擇適當(dāng)?shù)募夹g(shù)手段和處理方法。在本期案例中，利用flash制作電子賀卡的系統(tǒng)也不簡(jiǎn)單，也只一整套完整的系統(tǒng)制作、測(cè)試的過(guò)程，下圖2.2所示的設(shè)計(jì)圖就是我們電子賀卡的案例所遵循的設(shè)計(jì)圖。賀卡創(chuàng)意圖形分解電子賀卡的框架圖形庫(kù)編程語(yǔ)言在舞臺(tái)中逐幀設(shè)計(jì)聲音的添加文本的添加電子賀卡的反復(fù)調(diào)試和修改電子賀卡測(cè)試和發(fā)布結(jié)論和心得體會(huì)圖2.23 電子賀卡的分析3.1 電子賀卡的創(chuàng)意說(shuō)明運(yùn)用flash制作電子賀卡已經(jīng)非常常見(jiàn)了，但是賀卡的內(nèi)容不盡相同，每個(gè)人的思維水平和創(chuàng)意策略都是不同的。

20、在本案例中，我們選取了情人節(jié)為主題，用動(dòng)漫的形式表現(xiàn)情人節(jié)的節(jié)日理念。我們選取了兩只小老鼠作為賀卡的主要人物，兩只小老鼠用人化的模擬方式，一只老鼠為男的，一只老鼠是女的。他們?cè)谶@情人節(jié)這一天兩個(gè)相約來(lái)到海邊看日出，在這浪漫的一天里，這一對(duì)情侶也有很多對(duì)白。基本的場(chǎng)景對(duì)白設(shè)計(jì)如下：場(chǎng)景一老鼠甲：“在這里，和你一起看著太陽(yáng)從遠(yuǎn)方升起，讓我感受到了最真實(shí)的快樂(lè)。”“雖然，盡管”“那太陽(yáng)只是一塊老舊的肥皂”老鼠乙：“我的快樂(lè)是因?yàn)槟悖鎼?ài)如金！”3.2 電子賀卡的效果圖場(chǎng)景一描述：男老鼠右手搭在女老鼠的肩上，兩個(gè)人相約來(lái)到海邊，他們深情的在觀看日出，背景音樂(lè)悠揚(yáng)舒緩，營(yíng)造出一種浪漫的氣息。遠(yuǎn)處的太陽(yáng)剛

21、剛露出了一半，旭日初升的美好景象往往預(yù)示著美好的開(kāi)端。海面上，波浪隨著舒緩的風(fēng)在流動(dòng)，更顯得如此與眾不同。畫面出現(xiàn)了文字的旁白：老鼠甲：“在這里，和你一起看著太陽(yáng)從遠(yuǎn)方升起，讓我感受到了最真實(shí)的快樂(lè)”，如圖3.1所示。圖3.1 兩只老鼠相約在海邊看日出場(chǎng)景二描述： 換面切換到一個(gè)新的場(chǎng)景中來(lái)，還是兩只小老鼠，但是這時(shí)他們卻戲劇性的站在了浴缸旁邊，所謂的大海也不是真正的大海，而是浴缸里的水。所謂的太陽(yáng)也并不是真正的太陽(yáng)，而是浴缸中漂浮的一塊肥皂。這是畫面中出現(xiàn)了文字的旁白，如圖3.2所示。男老鼠說(shuō)：“雖然，盡管”“那太陽(yáng)只是一塊老舊的肥皂”圖3.2 兩只小老鼠在浴缸前場(chǎng)景三描述： 在第三幅場(chǎng)景（

22、如圖3.2所示）中，鏡頭切近了兩只小老鼠，他們面對(duì)面，手牽著手，深情的望著對(duì)方，他們的表情好象有數(shù)不清的思緒在飛揚(yáng)。男老鼠握著女老鼠的手上下?lián)u著，他們的嘴慢慢靠在一起，都給了對(duì)方一個(gè)最深情的吻。然后畫面中出現(xiàn)了“情人節(jié)快樂(lè)”的英文圖片。男老鼠說(shuō)：“我的快樂(lè)是因?yàn)槟悖鎼?ài)如金！”圖3.3 兩只小老鼠手牽手在該電子賀卡中，人物的實(shí)現(xiàn)是比較簡(jiǎn)單的，通過(guò)手繪的兩個(gè)小老鼠賦予了他們生命，依靠強(qiáng)大的flash軟件，我們能完整的將上述的情景表現(xiàn)出來(lái)。3.3 電子賀卡的界面分析首先，點(diǎn)擊flash8快捷方式，雙擊打開(kāi)軟件，首先映入眼簾的是這樣一幅畫面，如圖3.4、3.5所示。圖3.4圖3.5單擊選項(xiàng)，新建一個(gè)

23、場(chǎng)景，同時(shí)設(shè)置舞臺(tái)的尺寸為550px寬，400px高，幀率設(shè)為20fps，背景顏色設(shè)為白色。這樣，我們就可以進(jìn)入了電子賀卡的制作過(guò)程了，在下一部分，我們將詳細(xì)介紹整個(gè)制作賀卡的過(guò)程。4 電子賀卡中的畫面設(shè)計(jì) 在上一部分，我們進(jìn)行了制作電子賀卡的前期準(zhǔn)備，并認(rèn)識(shí)了flash的界面，那么，如何進(jìn)行制作一個(gè)完整的電子賀卡呢，在這一部分我將詳細(xì)說(shuō)明這個(gè)電子賀卡的制作。4.1 太陽(yáng)以及水波畫面設(shè)計(jì)首先我們開(kāi)始繪制賀卡中所需要的素材，首先我們來(lái)看一下賀卡中所涉及到的場(chǎng)景。繪制太陽(yáng)，將事先準(zhǔn)備好的一副位圖，點(diǎn)擊，將其導(dǎo)入到場(chǎng)景中來(lái)。在屬性設(shè)置欄中，點(diǎn)擊工具選項(xiàng)中的“填充顏色”，進(jìn)行色彩調(diào)整，在我們這個(gè)電子賀

24、卡中，該位圖是實(shí)現(xiàn)準(zhǔn)備好的，顏色設(shè)置這一環(huán)節(jié)可以省略。(如圖4.1所示)圖4.1做好了畫面中的太陽(yáng)場(chǎng)景后，我們來(lái)看一下藍(lán)色水波的設(shè)計(jì)和繪制。與太陽(yáng)不同的是，這個(gè)沒(méi)有現(xiàn)成的位圖導(dǎo)入，即使找到了的位圖，往往不會(huì)與我們賀卡的主題相一致，一因此，我們必須自己來(lái)繪制，不用擔(dān)心，flash中強(qiáng)大的手繪功能完全能夠滿足這一要求。首先，利用形狀工具和矩形工具，分別繪制一個(gè)如效果圖所示的不規(guī)則圖形，點(diǎn)擊鋼筆工具，添加節(jié)點(diǎn)，調(diào)整圖形的形狀，如圖4.2所示。圖4.2 手繪的水波圖形對(duì)圖形進(jìn)行必要的參數(shù)設(shè)置，在顏色混合器中，設(shè)置圖形的顏色分別為紅色223，綠色241，藍(lán)色253，alpha值100%，選擇類型為“線性

25、”，如圖4.3所示。圖4.3顏色混合器選項(xiàng)好了，下面我們來(lái)進(jìn)行黃色太陽(yáng)倒的影的制作，原理跟上邊的幾乎一樣，需要利用手繪的工具。再次新建一場(chǎng)景（這里的步驟跟上述一樣，不再進(jìn)行贅述），然后點(diǎn)擊，進(jìn)行對(duì)圖形的調(diào)整，然后分別調(diào)整圖形的屬性（圖4.4）和顏色（圖4.5）。圖4.4 屬性選項(xiàng) 圖4.5顏色混合器選項(xiàng)我們發(fā)現(xiàn)，效果圖中的黃顏色的太陽(yáng)倒影，是有很多部分來(lái)組成的，圖4.6為效果圖。圖4.6 水波效果圖 我們仔細(xì)觀察賀卡的效果圖，發(fā)現(xiàn)太陽(yáng)的倒影不足以很好的表現(xiàn)場(chǎng)景，因此我們需要增加一些條紋狀狀的波浪，來(lái)營(yíng)造出一種水在動(dòng)的意境。因此，在舞臺(tái)中單擊選項(xiàng)新建一場(chǎng)景，在其中繪制一條短的波浪線，利用“工具”

26、選項(xiàng)中的畫筆工具，在新的圖層上，勾畫出水波，在屬性欄中調(diào)整相應(yīng)的參數(shù)設(shè)置，例如，在線條下拉列表框中選擇線條的模式為“實(shí)線”，縮放選擇“一般”。如圖4.7所示。圖4.7圖層的屬性設(shè)置在這一圖層中，無(wú)需設(shè)置補(bǔ)間，在同步的下拉列表框中分別選擇“事件”和“重復(fù)”。如下圖4.8所示。圖4.8同樣，根據(jù)以上的原理，我們?cè)谛陆ㄒ粓D層，命名為“圖層二”，開(kāi)始繪制另外的波浪，或者可以選擇上一步所做的水波，在“編輯”參看選擇“全選”命令，然后復(fù)制圖形，最終的效果如圖4.6所示4.2 小老鼠的設(shè)計(jì)繪制兩只小老鼠，小老鼠的身體的各個(gè)部分組成包括很多東西，在這一章節(jié)中我會(huì)詳細(xì)的對(duì)小老鼠的繪制過(guò)程進(jìn)行說(shuō)明，利用flash

27、強(qiáng)大的圖形繪制功能，對(duì)每個(gè)會(huì)之方法進(jìn)行一定的說(shuō)明，包括繪制的線條粗細(xì)，數(shù)值設(shè)置等具體的操作步驟，下面我們就一起進(jìn)入了兩只小老鼠的世界。新插入（ctrl+f8）一新元件，類項(xiàng)選擇“影片剪輯”，如圖4.9所示。圖4.9為了有選擇的顯示賀卡中的部分內(nèi)容，例如兩只小老鼠，我們需要建立一個(gè)矩形選框作為遮罩層如圖所示，繪制遮罩層的具體步驟如下，（1） 單擊將被設(shè)為遮罩層的層名條，此時(shí)改層被選中。（2） 右擊，在彈出的菜單中選擇“遮罩層”。（3） 此時(shí)遮罩層的圖標(biāo)變?yōu)椋路降谋幻蓪拥膱D標(biāo)變?yōu)椋鐖D4.10所示的。圖4.10 圖層中的遮罩在該“影片剪輯”的元件中新建一個(gè)名稱為“老鼠耳朵”的圖形，如下圖4.1

28、1示。圖4.11 新建老鼠圖形單擊確定按鈕，關(guān)閉“創(chuàng)建新元件”對(duì)話框，此時(shí)自動(dòng)進(jìn)入了新元件的編輯模式。將當(dāng)前默認(rèn)的圖層重命名為“老鼠耳朵”。首先來(lái)看一下小老鼠的頭部。選擇畫筆工具，將“筆觸顏色”設(shè)置為黑色，將“筆觸高度”設(shè)置為1，繪制一個(gè)如下圖的不封口的圓形，填充顏色，設(shè)置顏色為#ece9d8,alpha值設(shè)置為100%。再?gòu)?fù)制同樣一個(gè)圖形，設(shè)置顏色為#8f4701，alpha值設(shè)置為100%，適當(dāng)調(diào)整后一個(gè)圖形的大小，使這兩個(gè)進(jìn)行疊加，于是，就出現(xiàn)了顏色過(guò)渡的效果，這樣能更真實(shí)的反映出小老鼠身上色彩的變化，如圖4.12所示。圖4.12接下來(lái)，我們將繪制小老鼠的嘴，原理同上面一樣，不再詳細(xì)的贅

29、述，但是需要說(shuō)明的是小老鼠的嘴巴的顏色必須與整體的色調(diào)相一致，但又不能完全與老鼠的身體的其他部位一樣，因此，這里我們采用的顏色為#ece9d8,alpha值設(shè)置為100%。點(diǎn)擊右鍵選擇“任意縮放”，自由調(diào)整小老鼠嘴巴的方向和大小，如圖4.13所示。圖4.13開(kāi)始繪制小老鼠的嘴巴。仍然選擇畫筆工具，將“筆觸顏色”設(shè)置為黑色，將“筆觸高度”設(shè)置為1，設(shè)置顏色為#8f4701，alpha值設(shè)置為100%。得到下圖4.14所示的老鼠鼻子形狀。圖4.14 接下來(lái)繪制老鼠的眼睛。我們常說(shuō)眼睛是心靈的窗戶，為了使這個(gè)flash電子賀卡很好的表現(xiàn)細(xì)節(jié)，使動(dòng)畫中的人物栩栩如生，眼睛的繪制尤為重要。只有畫出了一個(gè)

30、能夠表現(xiàn)細(xì)節(jié)的眼睛，才能說(shuō)明這個(gè)電子賀卡是成功的。首先，我們還是選擇刷子工具，畫出一個(gè)不規(guī)則的半橢圓形狀，利用橢圓工具畫出一個(gè)形狀，調(diào)整橢圓的位置和大小方向。設(shè)置顏色為黑色，線條設(shè)置為實(shí)線，縮放選擇“一般”，如圖4.15所示。圖4.15經(jīng)過(guò)上邊的操作步驟，我們發(fā)現(xiàn)，小老鼠的眼睛躍然紙上了。見(jiàn)下圖4.16所示的。圖4.17繪制小老鼠的耳朵。采取的方法與前面大同小異，但是需要說(shuō)明的是，這個(gè)圖形做好以后必須與前面的老鼠的頭部相一致。點(diǎn)擊右鍵選擇“任意變形工具”，調(diào)節(jié)老鼠耳朵的形狀、方向和大小，如下圖4.18所示。圖4.18右側(cè)的耳朵圖4.19左側(cè)的耳朵經(jīng)多以上的詳細(xì)分解，我們把所有的原件加入到舞臺(tái)中

31、，經(jīng)過(guò)組合和位置、大小的調(diào)整，小老鼠的頭部也躍然紙上了，如圖4.20所示。圖4.20同樣按照以上的操作步驟，分別利用點(diǎn)擊，進(jìn)行對(duì)圖形的調(diào)整，然后分別調(diào)整圖形的屬性和顏色，在利用形狀工具和矩形工具，繪制出小老鼠的身體的其他部位。需要說(shuō)明的是，每個(gè)人都有自己的繪圖方式，flash不會(huì)強(qiáng)迫我們都以同一種方式來(lái)繪畫。在flash中，我們可以設(shè)置許多自己喜歡的筆和繪圖方式，我在這里繪制的小老鼠也運(yùn)用了多種繪圖方式。再繪制之前我選擇了筆和繪圖的偏好設(shè)置面板。打開(kāi)如圖所示的“編輯”選項(xiàng)卡，可以選擇菜單條中“編輯”“首選參數(shù)”“編輯”,如下圖4.21所示。圖4.21首選參數(shù)項(xiàng)下圖4.22所示的庫(kù)中的原件就是手

32、繪的小老鼠的身體的其他部分，包括身體其他部位如背部、尾巴、胳膊等，詳細(xì)的操作步驟不進(jìn)行一一贅述。如圖4.224.3 浴缸以及墻壁設(shè)計(jì)下面，我們開(kāi)始繪制賀卡的組成另一個(gè)重要的部分，即那個(gè)浴缸。如下圖4.23所示的實(shí)例圖。浴缸上邊還需要添加兩個(gè)水龍頭，以下是水龍頭的效果圖，圖4.23。圖4.23浴缸實(shí)例圖下面我將詳細(xì)的分解一下這個(gè)浴缸的制作步驟。在flash強(qiáng)大的手繪功能下，我們可以實(shí)現(xiàn)很多簡(jiǎn)單的圖畫，這首先我們來(lái)看一下浴缸和墻壁的繪制。這里主要運(yùn)用線條和填充來(lái)實(shí)現(xiàn)的繪畫的在flash中，圖形可以是線條形式，也可以是填充形式。他們的作用與修改方式不同。在圖形沒(méi)有被選擇的情況下，使用選擇工具拖動(dòng)線條

33、，線條的形狀會(huì)發(fā)生變化。如果將線條轉(zhuǎn)化為填充之后，再拖動(dòng)鼠標(biāo)，會(huì)發(fā)現(xiàn)只有圖形的外輪廓發(fā)生了變化，圖形內(nèi)輪廓不變的。那么根據(jù)以上的分析，我們來(lái)看一下浴缸和墻壁的繪制。選擇畫筆工具，將“筆觸顏色”設(shè)置為#959595，alpha值設(shè)置為100%，筆觸設(shè)置為3，繪制一個(gè)如圖所示的矩形框，點(diǎn)擊鼠標(biāo)右鍵選擇“任意縮放”，調(diào)整矩形框的透視距離，使其更有空間感和立體感，如圖4.24所示。圖4.24在該矩形框中填充顏色，設(shè)置顏色的值為#f4f2f0，alpha值設(shè)置為100%，出現(xiàn)了下圖4.25所示的。圖4.25再次給矩形框填充顏色，設(shè)置顏色的值為#f5f4f4，alpha值設(shè)置為100%，并調(diào)整該圖形的大小

34、，使其比上一步的圖形稍微小一些，設(shè)置圖片置于上層，調(diào)整圖片的透視距離，便得到了如圖4.26所示的效果。圖4.26然后我們開(kāi)始繪制墻壁的效果圖，從預(yù)覽圖中我們發(fā)現(xiàn)，墻壁其實(shí)是由許多橫條和豎條相交得到的立體圖形，在繪制過(guò)程中，必須利用透視的原理，右側(cè)墻壁和左側(cè)的墻壁必須巧妙的銜接才有一種真實(shí)的效果。點(diǎn)擊插入圖層按鈕，插入一個(gè)新的圖層，利用手繪工具，繪制多條井狀的橫線和豎線，分別設(shè)置顏色效果為#eee1d5和#cabeb5，alpha值設(shè)置為100%，得到了如下圖4.27所示的效果圖。圖4.27 下面要做的工作就是怎么對(duì)這個(gè)進(jìn)行顏色的填充，其實(shí)道理很簡(jiǎn)單，選擇其中的一個(gè)正方形框框，單擊左側(cè)工具欄中的

35、顏色桶，對(duì)其進(jìn)行填充，顏色分別為#f0e0c1和#d18d61，alpha值設(shè)置為100%，于是得出了以下的效果圖，如圖4.28所示。圖4.28墻壁畫好以后我們便將浴缸的效果圖與其二者合而為一，得到了最終的效果圖，如下圖4.29所示。圖4.29到這里，我們發(fā)現(xiàn)浴缸上的水龍頭漏掉了，因此下面我們描述一下水龍頭的繪制。新建一圖層，插入（ctrl+f8）一新元件，類項(xiàng)選擇“圖形”，在圖層1中，繪制兩個(gè)小的不規(guī)則的圓形，筆觸硬度選擇1，在下拉列表框中選擇實(shí)現(xiàn)，縮放選擇“一般”，顏色為黑色#333333，如圖4.30所示。圖4.30同樣的道理，在圖層2中再次繪制一個(gè)一模一樣的圓形按鈕，也可以在圖層1中點(diǎn)

36、擊“編輯”菜單，選擇“全選”命令，然后右鍵點(diǎn)擊“復(fù)制”，將同樣的內(nèi)容復(fù)制到圖層2中。于是得到了如下圖4.31所示的效果圖。圖4.31繼續(xù)在三個(gè)圓圈上面在繪制一個(gè)稍小的不規(guī)則的圓，二者進(jìn)行疊加，也可單獨(dú)在新的圖層（圖層3）中繪制另一個(gè)圓。在我的電子賀卡中我采用的是后者的方法，即四個(gè)圖層。在剛繪制的圓圈中填充顏色，設(shè)置顏色值為#848484，alpha值為100%。得到了以下如圖4.32所示的圖形模式。圖4.32接下來(lái)，為了使水龍頭看起來(lái)更美觀，我們還需要在水龍頭上繪制其他的圖形，這兩個(gè)三個(gè)圖形的繪制的思路跟上面的一樣，即在圖層4中利用手繪工具，調(diào)節(jié)筆觸的節(jié)點(diǎn)進(jìn)行控制，利用鋼筆工具，調(diào)節(jié)形狀，填充

37、顏色，設(shè)置顏色值為#848484，alpha值為100%。如圖所示，因此得出了最終的水龍頭效果圖，如下圖4.33所示。圖4.334.4 電子賀卡中的文本和音頻4.4.1 插入文本以上我們將電子賀卡中的基本原件都進(jìn)行了繪制，但同時(shí)，還需要對(duì)兩只小老鼠場(chǎng)景的對(duì)白的設(shè)計(jì)。老鼠甲：“在這里，和你一起看著太陽(yáng)從遠(yuǎn)方升起，讓我感受到了最真實(shí)的快樂(lè)。”“雖然，盡管”“那太陽(yáng)只是一塊老舊的肥皂”老鼠乙：“我的快樂(lè)是因?yàn)槟悖鎼?ài)如金”。以上對(duì)白在第二部分創(chuàng)意說(shuō)明里邊已經(jīng)進(jìn)行了詳細(xì)的描述，在這里，我們主要從技術(shù)層面分析如何在我們的電子賀卡中將文本插入。在flash中，以上的場(chǎng)景對(duì)白使用靜態(tài)的文本來(lái)實(shí)現(xiàn)的。靜態(tài)文本

38、不能在編輯之外的環(huán)境進(jìn)行修改，因此在創(chuàng)建靜態(tài)文本時(shí)要對(duì)其進(jìn)行充分的設(shè)置。創(chuàng)建靜態(tài)文本的步驟如下：（1）在繪圖工具欄中選擇文本工具選項(xiàng)，或者直接快捷鍵t。（2）用鼠標(biāo)在舞臺(tái)上選定文本的輸入?yún)^(qū)域，在“屬性”面板中選擇“靜態(tài)的文本”。改選定的區(qū)域就是是現(xiàn)在賀卡中繪制好的，如下圖4.34所示的橢圓選框。通過(guò)“屬性”面板在賀卡中創(chuàng)建靜態(tài)的水平文本（從左到右），默認(rèn)情況下，文本以水平的方向創(chuàng)建。因此在我們的電子賀卡制作中，也是采用的水平方向創(chuàng)建。在文本框中輸入文字，字號(hào)選擇20號(hào)，字體選擇為楷體，如下圖4.35所示。圖4.34 圖4.35 對(duì)文字編輯后我們要在關(guān)鍵幀的地方將對(duì)白應(yīng)用，后面會(huì)詳細(xì)分析在什么地

39、方插入對(duì)白的關(guān)鍵幀。4.4.2 插入音頻在這一部分，我們將利用前面的所做的大量工作，逐幀把電子賀卡銜接起來(lái)，形成一個(gè)完整的可觀行很強(qiáng)的電子賀卡。好了，讓我們回到舞臺(tái)，在上面的幾個(gè)步驟中我們的電子賀卡已經(jīng)初具雛形了。但是，為了使我們的電子賀卡有更好的效果，需要導(dǎo)入一個(gè)背景音樂(lè)來(lái)襯托賀卡。需要說(shuō)明的是，flash本身不具備錄制聲音的功能，必須把制作好的聲音文件導(dǎo)入到flash中來(lái)。我們的電子賀卡選擇一個(gè)網(wǎng)上搜索的音樂(lè)。而且需要說(shuō)明的是，flash只支持固定格式的音樂(lè)，可以將以下聲音格式導(dǎo)入到flash中來(lái)：.wav（windows中）、.aiff（macintosh中）、mp3（在兩者中均可）。f

40、lash中是不能使用.midi文件的，若是要在flash中控制.midi文件，需要使用javascript。因此，在我們的電子賀卡中，我選擇了mp3格式的。向flash電子賀卡中導(dǎo)入聲音的步驟如下：（1）從菜單欄中選擇“文件”“導(dǎo)入”“導(dǎo)入到庫(kù)”。（2）在“導(dǎo)入”對(duì)話框中定位并打開(kāi)事先準(zhǔn)備好的mp3音樂(lè)文件。 聲音導(dǎo)入后會(huì)自動(dòng)放在庫(kù)中，最初并不顯示在時(shí)間線上，為了在我們的電子賀卡中使用聲音，需要將聲音手動(dòng)添加到時(shí)間軸上，將mp3文件放在時(shí)間軸上。應(yīng)將聲音置于一個(gè)單獨(dú)的層上，這有利于對(duì)聲音的管理和編輯，如圖4.36所示。圖4.36將聲音從庫(kù)中添加到文檔中，可以把聲音分配到一個(gè)層上，然后在“屬性”

41、檢查器的“聲音”控件中設(shè)置選項(xiàng)。為了詳細(xì)的演示想電子賀卡中添加聲音的步驟，操作如下：（1）在菜單欄中選擇“插入”“時(shí)間軸”“層”，為聲音創(chuàng)建一個(gè)層，取名sound。（2）右擊時(shí)間軸上聲音開(kāi)始播放的位置，在電子賀卡中從第一幀開(kāi)始到最后一幀賀卡播放完畢，都有音樂(lè)。因此，在第一幀的位置從菜單欄中選擇“插入關(guān)鍵幀”如圖4.37所示。（3）將我們選擇的mp3聲音格式從“庫(kù)”面板中拖到舞臺(tái)上，聲音就添加到當(dāng)前層中的指定位置了。圖4.37即使向舞臺(tái)中添加了聲音，但我還必須對(duì)聲音文件進(jìn)行一定的配置，我們必須開(kāi)率這樣的幾件事：1. 導(dǎo)入的聲音在播放過(guò)程中是否與音量始終保持一致。2導(dǎo)入的聲音是否需要循環(huán)。3聲音是

42、否與制作的電子賀卡同步。4希望聲音是從哪個(gè)聲道播出，是左聲道還是右聲道，或者是從左聲道過(guò)渡到右聲道，以便形成運(yùn)動(dòng)中的感覺(jué)。 即使是同樣的聲音，在不同的地方使用也需要不同的感覺(jué)，有的地方需要聲音很小且不斷循環(huán)，有的地方需要聲音很大，只播放一次，這就需要用到聲音的實(shí)例的配置了。將聲音放在時(shí)間軸上后，就可以通過(guò)“屬性”面板來(lái)對(duì)其進(jìn)行配置了，如圖4.38所示.圖4.38在聲音下拉的框中選擇我們事先準(zhǔn)備好的mp3格式的文件，聲音效果選擇“無(wú)”，同步下拉框選擇“事件”、“重復(fù)”。這樣我們就可以完整的看到電子賀卡中的聲音了、4.5 電子賀卡的關(guān)鍵幀和腳本語(yǔ)言讓我們?cè)趫?chǎng)景中，仔細(xì)將上面所制作的元件注意應(yīng)用到場(chǎng)

43、景中，利用關(guān)鍵幀和補(bǔ)間動(dòng)畫將元件銜接，最終形成完整的電子賀卡。首先我們從宏觀上認(rèn)識(shí)一下該電子賀卡的逐幀動(dòng)畫，如圖5.2所示。所有的層中的元件都是從第10幀開(kāi)始的。因?yàn)橘R卡中前十幀是一個(gè)播放的腳本語(yǔ)言設(shè)置，如圖5.1所示的action layer層。圖5.1圖5.2下面我們來(lái)看一下這里的語(yǔ)言。在第1幀的位置上，我們編寫如下的語(yǔ)言。thiscard = 34;在第2幀的位置上，編寫如下的語(yǔ)言，如圖5.3所示。bytes_loaded = math.round(_root.getbytesloaded();bytes_total = math.round(_root.getbytestotal();

44、getpercent = bytes_loaded / bytes_total;_root.loadbar._width = getpercent * 100;_root.loadtext_txt.text = math.round(getpercent * 100) + %;if (bytes_loaded = bytes_total) _root.gotoandplay(start); / end if圖5.3在第3幀中，在action面板中繼續(xù)添加以這一幀為控制對(duì)象的actionscript代碼，編寫如下的語(yǔ)言。gotoandplay(2);在第5幀，為了使兩只小老鼠的動(dòng)作更為銜接和流暢

45、，也為了使電子賀卡有一個(gè)良好的效果，編寫了如下的語(yǔ)言，如圖5.4所示。mouse1_mc.gotoandstop(armrup);mouse2_mc.gotoandstop(armsdown);bgsound = new sound();bgsound.attachsound(bgloop);bgsound.start(0, 50);bgsound.setvolume(100);loadmovie(ecardfooter.swf, loader_mc);varcarddatareceiver = new loadvars();varcarddatasender = new loadvars()

46、;carddatareceiver.onload = function ();圖5.4同時(shí)我們觀察，為了使這個(gè)小老鼠（尤其是老鼠頭）的位置在flash播放時(shí)更連貫，我們會(huì)在老鼠頭所在的元件中，繼續(xù)添加代碼和標(biāo)簽。首先在庫(kù)中選擇“老鼠頭”的元件，雙擊進(jìn)入該影片剪輯的編輯模式，在層中，編輯代碼。在第1幀，編寫以下代碼：stop();然后在第23幀設(shè)置播放動(dòng)作：play();在第53幀，進(jìn)行如下的設(shè)置：gotoandplay(talk);在第60幀，設(shè)置停止的動(dòng)作：stop();然后我們開(kāi)始設(shè)置標(biāo)簽。標(biāo)簽其實(shí)就是關(guān)鍵幀的名字，幀標(biāo)簽用一個(gè)小紅旗來(lái)表示。不管這一幀在時(shí)間線上的位置如何的變化，控制語(yǔ)句依

47、然會(huì)指向這一幀。由于小老鼠接吻的動(dòng)作并不是一開(kāi)始就有的，而且這一動(dòng)作會(huì)隨著補(bǔ)間的而進(jìn)行而停止，因此，我們也要對(duì)老鼠頭接吻的動(dòng)作設(shè)置標(biāo)簽，分別在第1幀，第23幀，第60幀添加關(guān)鍵幀標(biāo)簽，如下圖5.5所示。圖5.5好了，到這里編寫完代碼后，我們?cè)俅位氐綀?chǎng)景中來(lái)，根據(jù)時(shí)間軸上的層的關(guān)系，在庫(kù)中將元件導(dǎo)入后，添加關(guān)鍵幀并添加補(bǔ)間動(dòng)畫，至此，flash的電子賀卡已經(jīng)初具規(guī)模了。5 電子賀卡的調(diào)試與發(fā)布5.1 flash電子賀卡調(diào)試經(jīng)過(guò)以上所有的步驟，我們的電子賀卡已經(jīng)初具雛形了，但是我們?cè)鯓硬拍芸吹诫娮淤R卡的效果呢？這里，flash提供了測(cè)試的功能，如圖6.1所示的就是調(diào)試器面板，在flash中調(diào)試動(dòng)畫，將就需要打開(kāi)調(diào)試器。打開(kāi)調(diào)試器需要選擇“控制”“測(cè)試影片”，在進(jìn)入測(cè)試環(huán)境的同時(shí)，系統(tǒng)打開(kāi)調(diào)試器的面板。圖6.1調(diào)試器的面板調(diào)試電子賀卡需要使用調(diào)試面板上的按鈕，通過(guò)調(diào)試，可以對(duì)電子賀卡進(jìn)行不斷的修改。5.2 電子賀卡的發(fā)布與導(dǎo)出以上經(jīng)過(guò)測(cè)試的影片我們需要發(fā)布了，因此對(duì)發(fā)布進(jìn)行設(shè)置必不可少。首先要打開(kāi)發(fā)布對(duì)話框選擇“文件”“發(fā)布設(shè)置”。如圖6.2所示的flash發(fā)布設(shè)置的頁(yè)面格式。以swf格式發(fā)布的產(chǎn)品，可以保留其所有動(dòng)能，如圖6.3所示的即為發(fā)布設(shè)