Flash綠色環(huán)保動(dòng)畫(huà)制作

1、班級(jí) 學(xué)號(hào) 畢業(yè)論文（設(shè)計(jì)）題目Flash綠色環(huán)保動(dòng)畫(huà)制作姓名系部經(jīng)濟(jì)貿(mào)易系專(zhuān)業(yè)計(jì)算機(jī)應(yīng)用指導(dǎo)教師王 職稱工程師指導(dǎo)教師 成 職稱日期2008年5月23日 Flash綠色環(huán)保動(dòng)畫(huà)制作【摘 要】眾所周知現(xiàn)在的自然環(huán)境是一天一天的在變化，人們還處于半懈怠對(duì)待環(huán)境的狀態(tài)，當(dāng)環(huán)境惡化到不不能在彌補(bǔ)的時(shí)候，那時(shí)人們的環(huán)保意識(shí)在強(qiáng)也來(lái)不急挽救了，所以我的選擇了制作綠色環(huán)保flash動(dòng)畫(huà)，以此來(lái)喚醒人們對(duì)環(huán)境保護(hù)的意識(shí)。我利用了平面設(shè)計(jì)和flsahmax2004制作的flash森林短片主要介紹了人們對(duì)森林的亂砍亂伐亂開(kāi)發(fā)而影響了人們的正常生活，呼吁人類(lèi)一起參于到環(huán)保的活動(dòng)中?！娟P(guān)鍵詞】環(huán)保，綠色，生態(tài)，動(dòng)畫(huà)

2、，森林1. 前言隨著計(jì)算機(jī)的日益普及，使用計(jì)算機(jī)制作Flash動(dòng)畫(huà)已經(jīng)成為了現(xiàn)代人必須具備的一項(xiàng)基本功能。Flash Max 2004是美國(guó)的MACROMEDIA公司于1999年6月推出的矢量動(dòng)畫(huà)編輯軟件的新版本。用它來(lái)制作動(dòng)畫(huà)可以將音樂(lè)，聲效，動(dòng)畫(huà)以及富有新意的界面融合在一起，以制作出高品質(zhì)的網(wǎng)頁(yè)動(dòng)態(tài)效果。2.特點(diǎn)我的主題動(dòng)畫(huà)主要具有以下特點(diǎn)：(1) 素材的應(yīng)用：這是flash綠色環(huán)保設(shè)計(jì)比較復(fù)雜的的一的個(gè)方面，由于想整體達(dá)到一種和諧順暢的感覺(jué)，光靠flashmax2004的軟件是遠(yuǎn)遠(yuǎn)不夠的，還需要用平面設(shè)計(jì)等多個(gè)相關(guān)的軟件，這些軟件對(duì)于處理背景的效果功能是很強(qiáng)大的。不同的情景需要不同的場(chǎng)景

3、襯托。(2) 背景的構(gòu)圖：要考慮到整體的色彩的搭配，背景構(gòu)圖需要花很長(zhǎng)的一段時(shí)間。(3) 背景音樂(lè)：缺少背景音樂(lè)短片當(dāng)然不夠完整，在這主要采用的是MP3格式的音頻插入。(4) 時(shí)間軸：以時(shí)間軸為基礎(chǔ)，時(shí)間軸用于對(duì)層和幀中的電影內(nèi)容進(jìn)行組織和控制，使這些內(nèi)容隨著時(shí)間的推移而發(fā)生相應(yīng)的變化。Flash可以制作逐幀的GIF格式動(dòng)畫(huà)，也可以制作補(bǔ)間動(dòng)畫(huà)（過(guò)渡變形動(dòng)畫(huà)）。補(bǔ)間動(dòng)畫(huà)包括動(dòng)作補(bǔ)間和形狀補(bǔ)間。補(bǔ)間動(dòng)畫(huà)只需制作動(dòng)畫(huà)的關(guān)鍵幀，中間幀由系統(tǒng)自動(dòng)生成，這樣就減少制作的工作量及文件尺寸這樣就使得過(guò)渡效果平滑。(5) Alpha通道：Alpha通道是用來(lái)存放圖象透明信息的。 Flashmax2004可以使

4、用Alpha通道定義或控制矢量圖形中色彩的透明度和漸變效果。另外，它還支持導(dǎo)入位圖攜帶的Alpha通道信息。(6) 屏蔽層操作：Flasmax2004可以利用屏蔽層來(lái)設(shè)置動(dòng)畫(huà)中某些部分顯示或不顯示，從而使各個(gè)層的操作互不干擾，呈現(xiàn)出特殊的動(dòng)畫(huà)效果。(7) 關(guān)鍵幀和圖符：使用關(guān)鍵幀和圖符使得所生成的動(dòng)畫(huà).swf文件非常小，幾K字節(jié)的動(dòng)畫(huà)文件已經(jīng)可以實(shí)現(xiàn)許多令人心動(dòng)的動(dòng)畫(huà)效果，用在網(wǎng)頁(yè)設(shè)計(jì)上不僅可以使網(wǎng)頁(yè)更加生動(dòng)，而且小巧玲瓏下載迅速，使得動(dòng)畫(huà)可以在打開(kāi)網(wǎng)頁(yè)很短的時(shí)間里就得以播放。(8) 元件在制作中的功能：我把元件看作flash動(dòng)畫(huà)中的演員，在我所學(xué)的書(shū)當(dāng)中又把元件稱之為符號(hào)。分別有影片剪輯、按

5、鈕、圖形三種類(lèi)型。在flash的制作中我把所有的元件都存放在庫(kù)Librart當(dāng)中去,調(diào)用庫(kù)的快捷鍵為Ctrl+L。(9) 制作場(chǎng)景：場(chǎng)景相當(dāng)于實(shí)際表演中的舞臺(tái)，每增加一個(gè)場(chǎng)景就相當(dāng)于增加了影片的一集或一幕。(10) 幀和時(shí)間軸：在flash中有的幀是由制作者來(lái)指定的稱為關(guān)鍵幀。而兩個(gè)關(guān)鍵幀之間的變化過(guò)程是由軟件來(lái)自動(dòng)完成的，這其中的幀稱為過(guò)渡幀。時(shí)間軸是所有幀在時(shí)間上的集合，是Flash中最重要的工具之一。用它可以查看每一幀的情況，調(diào)整動(dòng)畫(huà)播放的速度，安排幀的內(nèi)容，改變幀與幀之間的關(guān)系，從而實(shí)現(xiàn)不同效果的動(dòng)畫(huà)。(11) 圖層制作：圖層可以看成是疊放在一起的透明的膠片，如果層上沒(méi)有任何東西的話，

6、就可以透過(guò)它直接看到下一層。所以我可以根據(jù)需要，在不同層上編輯不同的動(dòng)畫(huà)而互不影響，并在放映時(shí)得到合成的效果。使用圖層并不會(huì)增加動(dòng)畫(huà)文件的大小，相反它可以更好幫助我更好的安排和組織圖形，文字和動(dòng)畫(huà)。圖層是Flash中最基本而且重要的內(nèi)容，因而需要很好地掌握。（1）繪圖：在我的flash動(dòng)畫(huà)當(dāng)中牽涉到筷子夾樹(shù)的動(dòng)作，用圖片表現(xiàn)很占空間，而且畫(huà)面不很流暢，因此我就開(kāi)始在flash里面進(jìn)行手繪，對(duì)每個(gè)動(dòng)作的繪制都要非常小心翼翼的去繪畫(huà)，因?yàn)槲液ε伦髌防锏膭?dòng)作會(huì)不協(xié)調(diào)。（2）場(chǎng)景的布置：在場(chǎng)景中也涉及到很多小的方面的修飾，如云朵、藍(lán)天、鋼鐵、磚頭、森林、字幕等。為了使這些更真實(shí)化、形象化，有的我則是通

7、過(guò)現(xiàn)有的圖片進(jìn)過(guò)特殊的處理然后放入場(chǎng)景中去的。短片中的聲音是自己從互聯(lián)網(wǎng)上下載下來(lái)，選擇了相對(duì)合適的。由于wav文件導(dǎo)入flash會(huì)使得文件變大，于是我就通過(guò)cool edit的聲音處理軟件對(duì)該音效進(jìn)行減肥處理。轉(zhuǎn)化為.mp3的格式再導(dǎo)入flash中。每個(gè)場(chǎng)景的轉(zhuǎn)化基本上都是采用的是淡入淡出的手法，這樣使得畫(huà)面過(guò)渡看上去更加自然、流暢。（3）聲音的導(dǎo)入：在FLASHmax2004軟件中支持的聲音文件有*.wav和 *.aiff格式等等，先從flash的“文件”菜單中選擇“導(dǎo)入”選項(xiàng)，在隨后出現(xiàn)的“導(dǎo)入”對(duì)話框中選擇相應(yīng)的mp3文件，當(dāng)導(dǎo)入聲音文件后我發(fā)現(xiàn)了文件沒(méi)有什么變化，于是又打開(kāi)了圖庫(kù)窗口

8、看了一下。 這時(shí)我在圖庫(kù)窗口中，發(fā)現(xiàn)到了剛才導(dǎo)入的聲音文件。這可能是因?yàn)镕LASH會(huì)自動(dòng)的將導(dǎo)入的文件轉(zhuǎn)變成組件的原因吧！ （4）按鈕的制作：我開(kāi)始了制作按鈕的過(guò)程。首先我新建立一個(gè)圖片組件，為了簡(jiǎn)單起見(jiàn)，就把這個(gè)組件就用文字代替。 具體操作是：使用“插入”菜單的“新建組件”選項(xiàng)，打開(kāi)“組件屬性”對(duì)話框，給這個(gè)組件取名為“WELCOME”，并將它設(shè)置成為"圖形"的屬性，單擊“確定”按鈕；然后選定文字工具按鈕，選擇好字體和大小之后，輸入“開(kāi)始”文字，選定設(shè)置成另外的顏色。這樣相關(guān)按鈕的素材做好了。我又同樣新建一個(gè)另外的一個(gè)組件，將原先的“組件屬性”對(duì)話框中的“類(lèi)型”選定為“按

9、鈕”，并將它命名為"button"，這時(shí)在timeline欄中看到按鈕所特有的屬性。具體為：向上（up）： 沒(méi)有擊活按鈕時(shí)顯示的內(nèi)容；經(jīng)過(guò)（Over）：當(dāng)鼠標(biāo)移動(dòng)到按鈕上時(shí)，顯示的內(nèi)容；向下（Down）：當(dāng)鼠標(biāo)點(diǎn)擊按鈕時(shí)，顯示的內(nèi)容（我的聲音就要在此時(shí)發(fā)出）；執(zhí)行（Hit）：這是比較復(fù)雜的屬性了，這只表示BUTTON的有效范圍，這時(shí)按鈕內(nèi)容以下的任何物件都不會(huì)被顯示出來(lái)。 這時(shí)我就用到了起初剛建立的welcome圖片了。選擇圖庫(kù)窗口中的welcome組件，直接將此組件從圖庫(kù)窗口中拖出。這時(shí)看到按鈕的“向上”關(guān)鍵幀中的有個(gè)實(shí)心黑色點(diǎn)；為了使按鈕在點(diǎn)擊時(shí)發(fā)生動(dòng)態(tài)變化，我又開(kāi)始在

10、Over、Down中加入一些關(guān)鍵幀，具體的操作是分別在“經(jīng)過(guò)”和“向下”的下面找到對(duì)應(yīng)的圖層1的空白處插入關(guān)鍵楨。然后，我又對(duì)“經(jīng)過(guò)”和“向下”中的內(nèi)容做了稍加修改，單擊窗口菜單中的面板的“效果”選項(xiàng)，在隨后出現(xiàn)的“效果”面板中調(diào)整顏色。（5）按鈕效果音樂(lè)：在按鈕中為它添加效果音樂(lè)，我在聲音文件專(zhuān)門(mén)添加個(gè)圖層，并命名為wave，還是在圖層1的位置插入層，然后雙擊圖層輸入新的名字wave。因?yàn)槁曇糁皇窃谑髽?biāo)點(diǎn)擊按鈕后才發(fā)出，所以我將把聲音加到DOWN中，在wave圖層中Down的位置添加一個(gè)關(guān)鍵楨。打開(kāi)圖庫(kù)窗口中，選擇"bark"聲音文件，將其拖到工作區(qū)中，此時(shí)，在wave圖

11、層的Down楨上就自動(dòng)添加聲音的波形，選擇“編輯”菜單的“編輯影片”菜單項(xiàng)，回到場(chǎng)景中，然后將圖庫(kù)窗口中button組件拖動(dòng)到工作區(qū)中，帶有聲音的按鈕動(dòng)畫(huà)就這樣制作好了。于是我選擇“控制”菜單中的“測(cè)試影片”菜單項(xiàng)，測(cè)試影片，當(dāng)在按鈕上單擊鼠標(biāo)時(shí)，將發(fā)出我添加的音效。選擇“文件”菜單中的“導(dǎo)出影片”，將該文件保存起來(lái)，以后就可以使用了。（6）漂浮文字的設(shè)計(jì)過(guò)程：選擇（修改）=（文檔）命令，打開(kāi)（文檔屬性）對(duì)話框，在該對(duì)話框中設(shè)置尺寸大小為550px*400px,背景顏色為黑色，在選擇（插入）=（新建元件）命令，打開(kāi)（創(chuàng)建新元件）對(duì)話框，選中圖形單選按鈕中創(chuàng)建一個(gè)元件。 選擇工具箱中的文本工具，

12、選擇（窗口）=（屬性）命令，在屬性面板中選擇適當(dāng)?shù)淖煮w，大小和顏色，輸入相應(yīng)的文字，選擇（插入）=（新建元件）命令，打開(kāi)（創(chuàng)建新元件）對(duì)話框，選中圖形單選按鈕，創(chuàng)建一個(gè)元件。然后再選擇工具箱中的文本工具，在編輯區(qū)中輸入相應(yīng)文字。我用同樣的辦法創(chuàng)建了“N”，“G2”,“D”和“A2”的圖形元件。按下Ctrl+E組合鍵，將編輯區(qū)切換到”場(chǎng)景1“中去。連續(xù)單擊時(shí)間軸面板中的“插入圖層”按鈕次，插入6個(gè)圖層。分別雙擊各層的層名區(qū)，更改它們的名稱從上至下依次為：“G1”，“U”，“A1”，“N”，“G2”，“D”和“A2”；單擊時(shí)間軸面板中的插入圖層按鈕，插入一個(gè)名為“bg”的圖層并拖至最底層。選擇工具

13、箱中的橢圓工具，在顏色面板中分別設(shè)置不同的輻射漸變色，按住shift鍵，在“bg”圖層的第1幀中繪制4個(gè)不同顏色的輻射漸變小球。選擇工具箱中的直線工具，設(shè)置顏色為白色，在“bg”層中繪制兩條直線。分別選中“G1”等文字圖層的第1幀，從庫(kù)面板中拖如相對(duì)應(yīng)的字母元件，并排列。分別選中“G1”圖層的第7幀和第25幀，在彈出的快捷菜單中選擇（插入關(guān)鍵幀）命令，各插入一個(gè)關(guān)鍵幀。選中第25幀，將“G1”實(shí)例往右上方移動(dòng)一段距離并適當(dāng)放大。右擊第25幀中的“G1”實(shí)例，在彈出的快捷菜單中選擇（屬性）命令，打開(kāi)屬性面板，在顏色下拉列表框中選擇“alpha”選項(xiàng)，將其值設(shè)為0%右擊“G1”層的第7幀，在彈出的

14、快捷菜單中選擇（創(chuàng)建補(bǔ)間動(dòng)畫(huà)）命令，添加運(yùn)動(dòng)漸變效果。分別右擊U層的第10幀和第28幀，在彈出的快捷菜單中選擇（插入關(guān)鍵幀）命令，各插入一個(gè)關(guān)鍵幀。將“U”層第28幀的“U”實(shí)例往右上方移動(dòng)一段距離并適當(dāng)放大。選種“U”實(shí)例，在屬性面板中的（顏色）下拉列表框中選擇alpha選項(xiàng)，將其設(shè)為0%右擊“U”層的第10幀，在彈出的快捷菜單中選擇（創(chuàng)建補(bǔ)間動(dòng)畫(huà)）命令，添加運(yùn)動(dòng)漸變效果。用同樣的方法處理其余各文字圖層，且使各關(guān)鍵幀依次推后3幀出現(xiàn)。選中所有圖層的第49幀，按F5鍵插入幀，時(shí)間軸面板單擊時(shí)間軸面板中的“插入圖層”按鈕，插入一個(gè)名為“action”的圖層并拖至最底層。右擊“action”層的第

15、49幀，按F6鍵插入一個(gè)關(guān)鍵幀。右擊第49幀，在彈出的快捷菜單中選擇（動(dòng)作）命令，打開(kāi)“動(dòng)作“面板，添加動(dòng)作腳本語(yǔ)句：Stop();按下Ctrl+Enter組合鍵，測(cè)試動(dòng)畫(huà)效果。 在制作過(guò)程中遇到了許多問(wèn)題，主要體現(xiàn)在了以下一下幾個(gè)方面： (1) 在制作Flash的過(guò)程當(dāng)中由于所建的文件太多，經(jīng)常需要搜索關(guān)鍵字，這是非常有用的，也是最有效的查找方法。 (2) 由于矢量圖象中記錄圖象信息的是路徑點(diǎn)及各個(gè)路徑點(diǎn)之間的關(guān)系。在所放矢量圖象時(shí)，實(shí)際上僅改變了路徑點(diǎn)的坐標(biāo)位置，當(dāng)操作完成后，計(jì)算機(jī)會(huì)重新計(jì)算新坐標(biāo)下的路徑，并繪制相應(yīng)的矢量圖象。 (3) 用任意顏色做背景的時(shí)候，F(xiàn)lash動(dòng)畫(huà)背景顏色僅可

16、以從216種網(wǎng)頁(yè)安全色中選擇。如果想使用網(wǎng)頁(yè)安全色以外的顏色作為動(dòng)畫(huà)的背景色，可以使用以下方法：在動(dòng)畫(huà)中繪制一個(gè)矩形（其他形狀也可以），然后用目標(biāo)背景色填充此物體；按“Ctrl+M”調(diào)出動(dòng)畫(huà)屬性對(duì)話框，單擊背景顏色，鼠標(biāo)箭頭變?yōu)榧?xì)管；把鼠標(biāo)移動(dòng)到矩形上，選中，然后就可以使用該顏色作為動(dòng)畫(huà)的背景顏色了。(4) 在制作一個(gè)動(dòng)畫(huà)時(shí)需要建立很多的圖層，為了便于出錯(cuò)時(shí)的修改，所以在制作動(dòng)畫(huà)時(shí)要非常注意圖層的插入。插入關(guān)鍵幀也是flash動(dòng)畫(huà)制作中非常注意的一點(diǎn)，關(guān)鍵幀決定你的動(dòng)畫(huà)效果，每一幀都要看清楚。選好在哪個(gè)幀插關(guān)鍵幀最有動(dòng)畫(huà)效果。(5) 橡皮擦只能對(duì)當(dāng)前層上的對(duì)象起作用，要擦除組合中的圖形必須先分

17、解圖形。5 小結(jié)通過(guò)這次的畢業(yè)設(shè)計(jì)，進(jìn)一步熟悉了Flash Mx2004的使用。由于時(shí)間比較匆忙，而且自己繪圖的技術(shù)不是很好，在制作過(guò)程中遇到很多的困難，但我通過(guò)查找資料、向老師和同學(xué)請(qǐng)教，解決了所有問(wèn)題，作品也基本達(dá)到了預(yù)期效果。但也存在一定的問(wèn)題，例如，動(dòng)畫(huà)比較簡(jiǎn)單，動(dòng)作效果不夠完美等，這些都有待進(jìn)一步完善。參考文獻(xiàn)1 王愛(ài)民。M,中國(guó)水利水電出版社 2007 45-60。2 嚴(yán)晨 等。21世紀(jì)高等院校數(shù)字藝術(shù)設(shè)計(jì)系列教材M, 機(jī)械工業(yè)出版社2005：45-46。3 金超 等。 Flash max 2004基礎(chǔ)教程M, 清華大學(xué)出版社 2006(1)：32-33。4 趙艷鐸 等。動(dòng)畫(huà)制作教程Flash max 2004M，機(jī)械工業(yè)出版社 2005（8）：27-40。5 李兵 等。Flashmx高級(jí)應(yīng)用與