flash動(dòng)畫(huà)畢業(yè)設(shè)計(jì)論文

1、 2009屆畢業(yè)設(shè)計(jì)（論文）Flash特色MTV設(shè)計(jì)學(xué) 院、系： 計(jì)算機(jī)與信息科學(xué)系 專(zhuān) 業(yè)： 計(jì)算機(jī)多媒體技術(shù) 學(xué) 生 姓 名： 朱 俊 杰 班 級(jí)： 0601班 學(xué)號(hào) 301060603 指導(dǎo)教師姓名： 唐琨皓 職稱(chēng) 工程師 最終評(píng)定成績(jī) 2009 年 5 月摘 要為了將所學(xué)知識(shí)加以系統(tǒng)化，進(jìn)一步熟悉Flash、Photoshop 、SwiSHmax、繪聲繪影等軟件的應(yīng)用，掌握Flash動(dòng)畫(huà)設(shè)計(jì)、制作原則，我制作了該MTV。本動(dòng)畫(huà)要達(dá)到這樣的功能要求：使用少量的工作達(dá)到完美效果；整個(gè)畫(huà)面協(xié)調(diào)；聲色俱全；易操作等。制作該動(dòng)畫(huà)使用的主要軟件為Flash 8.0。Flash是美國(guó)的Macrome

2、dia公司推出的優(yōu)秀軟件。它是一種交互式動(dòng)畫(huà)設(shè)計(jì)工具，用它可以將音樂(lè)，聲效，動(dòng)畫(huà)以及富有新意的界面融合在一起，以制作出高品質(zhì)的動(dòng)態(tài)效果。Flash 是一種創(chuàng)作工具，設(shè)計(jì)人員和開(kāi)發(fā)人員可使用它來(lái)創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡(jiǎn)單的動(dòng)畫(huà)、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。Flash使用矢量圖形和流式播放技術(shù)。Flash通過(guò)使用關(guān)鍵幀和圖符使得所生成的動(dòng)畫(huà)(.swf)文件非常小。Flash強(qiáng)大的動(dòng)畫(huà)編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫(huà)。在制作這個(gè)MTV的過(guò)程中，還使用到了SwiSHmax，圖形編輯軟件Photoshop c

3、s2和繪聲繪影軟件。本文介紹了Flash動(dòng)畫(huà)制作中最基礎(chǔ)的知識(shí)以及在Flash 8.0軟件環(huán)境下制作FLASH動(dòng)畫(huà)MTV的過(guò)程和一些相關(guān)的應(yīng)用方法，并通過(guò)制作FLASH動(dòng)畫(huà)MTV向大家展示出FLASH動(dòng)畫(huà)的特色。關(guān)鍵字: 音樂(lè)；動(dòng)畫(huà)；MTVABSTRACTIn order to systematize the knowledge, become more familiar with Flash, Photoshop, SwiSHmax, pathologist and other software applications, master Flash animation design, pro

4、duction principles, I produced the MTV.The animation to achieve the functional requirements of this: Use a small amount of work to achieve perfect results; the coordination of the entire screen; debauchery and taste; easy operation.The production of the animation software used in the main Flash 8.0.

5、 Flash is the United States has introduced the excellent Macromedia software. It is an interactive animation design tools, it can be music, sound, animation and innovative interface together to produce high-quality dynamic effects. Flash is an authoring tool, designers and developers can use it to c

6、reate presentations, applications and other content to allow user interaction. Can include a simple Flash animation, video content, complex presentations, and applications, as well as between any of the content between them. Flash using vector graphics and streaming technologies. Flash through the u

7、se of key frames and make icons generated animation (. Swf) file is very small. Flash animation powerful editing features allow designers to design a way to high-quality animation. The MTV in the production process, also used to SwiSHmax, graphics-editing software Photoshop cs2 software and the path

8、ologist.In this paper, in Flash animation, as well as the most basic knowledge of Flash 8.0 software in the environment of the production process of MTV Animation FLASH and some related applications, and MTV produced FLASH animation to show the characteristics of FLASH animation.Keywords music; anim

9、ation; MTV目 錄1 概述11.1 初識(shí)Flash 811.1.1 Flash 8開(kāi)始界面11.1.2 Flash 8工作窗口21.1.3 文檔選項(xiàng)卡21.1.4 時(shí)間軸21.1.5 工具箱21.1.6 舞臺(tái)31.2 網(wǎng)格、輔助線和標(biāo)尺的概述41.2.1 網(wǎng)格41.2.2 標(biāo)尺41.2.3 輔助線41.3 常用面板簡(jiǎn)介51.3.1 【濾鏡】面板51.3.2 【動(dòng)作】面板51.3.3 【屬性】面板51.4 設(shè)計(jì)面板組61.4.1 【對(duì)齊】面板61.4.2 【顏色樣本】面板61.4.3 【混色器】面板61.4.4 【信息】面板61.4.5 【場(chǎng)景】面板71.4.6 【變形】面板72 總體設(shè)

10、計(jì)思路82.1 元件82.1.1 創(chuàng)建元件82.1.2 元件庫(kù)的使用92.1.3 按鈕元件102.2 創(chuàng)建動(dòng)畫(huà)102.2.1 動(dòng)畫(huà)的環(huán)境與元素102.2.2 幀內(nèi)容112.2.3 創(chuàng)建逐幀動(dòng)畫(huà)的方法112.2.4 創(chuàng)建補(bǔ)間動(dòng)畫(huà)的方法112.3 應(yīng)用聲音和視頻122.3.1 在Flash 中應(yīng)用聲音122.3.2 導(dǎo)入視頻與視頻的控制123 本設(shè)計(jì)的制作過(guò)程133.1 素材準(zhǔn)備133.2 本次MTV的制作過(guò)程133.2.1 做MTV的開(kāi)頭133.2.2 導(dǎo)入歌曲173.2.3 插入歌詞173.2.4 插入背景193.2.5 結(jié)局的制作233.3 制作過(guò)程要注意的地方244 Flash動(dòng)畫(huà)的發(fā)布2

11、64.1 動(dòng)畫(huà)發(fā)布前的測(cè)試264.2 動(dòng)畫(huà)發(fā)布264.2.1 動(dòng)畫(huà)發(fā)布264.2.2 Flash選項(xiàng)卡264.2.2 Flash選項(xiàng)卡274.2.3 Flash版本檢測(cè)27結(jié)束語(yǔ)29參考文獻(xiàn)30附 錄321 概述Flash是美國(guó)的Macromedia公司推出的優(yōu)秀軟件。它是一種交互式動(dòng)畫(huà)設(shè)計(jì)工具，用它可以將音樂(lè)，聲效，動(dòng)畫(huà)以及富有新意的界面融合在一起，以制作出高品質(zhì)的動(dòng)態(tài)效果。Flash 是一種創(chuàng)作工具，設(shè)計(jì)人員和開(kāi)發(fā)人員可使用它來(lái)創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Flash 可以包含簡(jiǎn)單的動(dòng)畫(huà)、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。Flash使用矢量圖形和

12、流式播放技術(shù)。Flash通過(guò)使用關(guān)鍵幀和圖符使得所生成的動(dòng)畫(huà)(.swf)文件非常小。Flash強(qiáng)大的動(dòng)畫(huà)編輯功能使得設(shè)計(jì)者可以隨心所欲地設(shè)計(jì)出高品質(zhì)的動(dòng)畫(huà)。1.1 初識(shí)Flash 8 Flash 8開(kāi)始界面運(yùn)行Flash 8，首先映入讀者眼簾的是操作的“開(kāi)始”頁(yè)面。圖1.1所示。圖1.1 “開(kāi)始頁(yè)面”（1）【打開(kāi)最近項(xiàng)目】：列表中顯示最近操作的文件，可選擇一項(xiàng)打開(kāi)。單擊列表中的【打開(kāi)】圖標(biāo)，可選擇并打開(kāi)列表沒(méi)有列出的Flash文件。（2）【創(chuàng)建新項(xiàng)目】：?jiǎn)螕簟緞?chuàng)建新項(xiàng)目】下的【Flash文檔】就可以創(chuàng)建一個(gè)新的動(dòng)畫(huà)文件。（3）【從模板創(chuàng)建】：選擇一個(gè)模板，可以創(chuàng)建基于該模板的文檔。 Flash

13、 8工作窗口Flash 8的工作窗口由幾大部分組成，最上方的是“主菜單欄”；“主工具欄”的下方是“文檔選項(xiàng)卡”；“時(shí)間軸”和“舞臺(tái)”位于工作界面的中心位置；左邊是功能強(qiáng)大的“工具箱”；多個(gè)“面板”圍繞在“舞臺(tái)”的下邊和右邊，包括常用的【屬性】、【動(dòng)作】和【濾鏡】面板，還有【顏色】面板和【庫(kù)】面板等，如圖1.2所示。圖1.2 Flash 8的工作窗口1.1.3 文檔選項(xiàng)卡新建或打開(kāi)一個(gè)文檔時(shí)，在“時(shí)間軸”的上方會(huì)顯示出“文檔選項(xiàng)卡”。單擊文檔名稱(chēng)，可以在多個(gè)文檔之間進(jìn)行快速切換。用鼠標(biāo)右鍵單擊“文檔選項(xiàng)卡”，在彈出的菜單中可以快速實(shí)現(xiàn)【新建】、【打開(kāi)】、【保存】等功能，如圖1.3所示。圖1.3

14、文檔選項(xiàng)卡 時(shí)間軸“時(shí)間軸”用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的圖層數(shù)和幀數(shù)。Flash動(dòng)畫(huà)是把繪制出來(lái)的對(duì)象放到一格格的幀中，然后再來(lái)播放。 工具箱工具箱是Flash中最常用的一個(gè)面板，用鼠標(biāo)單擊能選中各種工具，如圖1.4所示。用戶可以自定義工具箱中的工具編排，執(zhí)行【編輯】/【自定義工具面板】命令，打開(kāi)【自定義工具欄】對(duì)話框，可根據(jù)需要重新安排和組合工具的位置，如圖1.5。圖1.4 工具箱圖1.5 【自定義工具欄】對(duì)話框1.1.6 舞臺(tái)“舞臺(tái)”位于工作界面的正中間部位，是旋轉(zhuǎn)動(dòng)畫(huà)內(nèi)容的區(qū)域。如圖1.6所示。根據(jù)需要可以在“時(shí)間軸”右上角的“顯示比例”中設(shè)置“舞臺(tái)”的顯示比例，最小比例為8

15、%，最大比例為2000%。如圖1.7所示。圖1.6 舞臺(tái)圖1.7 設(shè)置舞臺(tái)顯示比例1.2 網(wǎng)格、輔助線和標(biāo)尺的概述網(wǎng)格、標(biāo)尺和輔助線可以幫助我們精確地勾畫(huà)和安排對(duì)象。1.2.1 網(wǎng)格執(zhí)行【視圖】/【網(wǎng)格】/【顯示網(wǎng)格】命令，可以顯示或隱藏“網(wǎng)格線”。執(zhí)行【視圖】/【網(wǎng)格】/【編輯網(wǎng)格】命令，打開(kāi)編輯【網(wǎng)格】對(duì)話框，在對(duì)話框中可編輯網(wǎng)格的各種屬性，如圖1.8所示。圖1.8 【網(wǎng)格】對(duì)話框 標(biāo)尺執(zhí)行【視圖】/【標(biāo)尺】/命令，可以顯示或隱藏【標(biāo)尺】。舞臺(tái)的左上角為“標(biāo)尺”的“零起點(diǎn)”，執(zhí)行【修改】/【文檔】命令，打開(kāi)【文檔屬性】對(duì)話框，在【標(biāo)尺單位】下拉列表框中可選擇合適的單位，如圖1.9所示。圖1

16、.9 設(shè)置“標(biāo)尺”單位 輔助線執(zhí)行【視圖】/【輔助線】/【編輯輔助線】命令，打開(kāi)如圖1.10所示的【輔助線】對(duì)話框。可以在該對(duì)話框中編輯【輔助線】的顏色，選擇是否【顯示輔助線】、【對(duì)齊輔助線】和【鎖定輔助線】。在【對(duì)齊精確度】下拉菜單中還可設(shè)置“輔助線”的“對(duì)齊精確度”。圖1.10 【輔助線】對(duì)話框1.3 常用面板簡(jiǎn)介Flash 8有很多面板，默認(rèn)狀態(tài)下，在“舞臺(tái)”的正下方有4個(gè)比較常用的浮云面板，分別是【動(dòng)作】面板、【屬性】面板、【濾鏡】面板和【參數(shù)】面板。單擊面板的“標(biāo)題欄”，可以依次展開(kāi)它們，如圖1.11所示。圖1.11 展開(kāi)的常用面板1.3.1 【濾鏡】面板【濾鏡】面板提供了7種濾鏡效

17、果，可以對(duì)文字、影片剪輯和按鈕進(jìn)行美化和修飾。這7種濾鏡效果是【投影】、【模糊】、【發(fā)光】、【斜角】、【漸變發(fā)光】、【漸變斜角】和【調(diào)整顏色】，每種濾鏡效果都可以調(diào)整各種參數(shù)，從而產(chǎn)生更多的變化。1.3.2 【動(dòng)作】面板【動(dòng)作】面板是主要“開(kāi)發(fā)面板“之一，是動(dòng)作腳本的編輯器，如圖1.11所示。1.3.3 【屬性】面板 【屬性】面板（如圖1.12所示）可以很容易地訪問(wèn)舞臺(tái)或時(shí)間軸上當(dāng)前選定項(xiàng)的最常用屬性，也可以在面板中更改對(duì)象或文檔的屬性。圖1.12 【屬性】面板1.4 設(shè)計(jì)面板組 “設(shè)計(jì)面板組”中包括【對(duì)齊】面板、【顏色樣本】面板、【混合器】面板、【信息】面板和【變形】面板。1.4.1 【對(duì)齊

18、】面板 【對(duì)齊】面板可以重新調(diào)整選定對(duì)象的對(duì)齊方式和分布?！緦?duì)齊】面板分為的5個(gè)區(qū)域：1.【相對(duì)于舞臺(tái)】：按下此按鈕后可以調(diào)整選定對(duì)象相對(duì)于舞臺(tái)尺寸的對(duì)齊方式和分布。2.【對(duì)齊】：用于調(diào)整選定對(duì)象的左對(duì)齊、水平中齊、右對(duì)齊、上對(duì)齊、垂直中齊和底對(duì)齊。3.【分布】用于調(diào)整選定對(duì)象的頂部、水平居中和底部分布，以及左側(cè)、垂直居中和右側(cè)分布。4.【匹配大小】：用于調(diào)整選定對(duì)象的匹配寬度、匹配高度或匹配寬和高。5.【間隔】：用于調(diào)整選定對(duì)象的水平間隔和垂直間隔。1.4.2 【顏色樣本】面板【顏色樣本】面板為用戶提供了最為常用的“顏色”，并且能“添加顏色”和“保存顏色”。用鼠標(biāo)單擊可選擇需要的常用顏色。

19、1.4.3 【混色器】面板用【混色器】面板可以創(chuàng)建和編輯“筆觸顏色”和“填充顏色”。默認(rèn)為RGB模式，顯示紅、綠和藍(lán)的顏色值，“Alpha值”用來(lái)指定顏色的透明度，其范圍在0%100%，0%為完全透明，100%為完全不透明?？梢栽诿姘宓摹邦伾臻g”單擊鼠標(biāo)，選擇一種顏色，上下拖動(dòng)右邊的“亮度控件”可調(diào)整顏色的亮度。1.4.4 【信息】面板【信息】面板可以查看對(duì)象的大小、位置、顏色和鼠標(biāo)指針的信息。面板分為4個(gè)區(qū)域：左上方顯示對(duì)象的【寬】和【高】信息；右上方顯示對(duì)象的【X】軸和【Y】軸坐標(biāo)信息，；左下方顯示在舞臺(tái)中鼠標(biāo)位置處的顏色值與Alpha值；右下方顯示鼠標(biāo)的【X】軸和【Y】軸坐標(biāo)信息，如圖

20、1.13所示。圖1.13 【信息】面板1.4.5 【場(chǎng)景】面板當(dāng)動(dòng)畫(huà)包含多個(gè)場(chǎng)景時(shí)，將按照它們?cè)凇緢?chǎng)景】面板中的先后順序進(jìn)行播放，單擊【場(chǎng)景】面板下方的3個(gè)按鈕可以執(zhí)行“復(fù)制”、“添加”和“刪除”場(chǎng)景的操作。雙擊“場(chǎng)景名稱(chēng)”可以重新命名，上下拖動(dòng)“場(chǎng)景名稱(chēng)”可以調(diào)整場(chǎng)景的先后順序。1.4.6 【變形】面板單擊【變形】面板下方的【復(fù)制并應(yīng)用變形】按鈕，可執(zhí)行變形操作并且復(fù)制對(duì)象的副本；單擊【重置】按鈕，可恢復(fù)上一步的變形操作，如圖2.4所示。圖1.14 【變形】面板2 總體設(shè)計(jì)思路要做出一個(gè)高品質(zhì)的Flash動(dòng)畫(huà)，必須得有一個(gè)清晰的設(shè)計(jì)思路。首先，必須清楚做出的Flash動(dòng)畫(huà)最終要達(dá)到的效果；其

21、次，必須清楚一個(gè)完整的Flash動(dòng)畫(huà)由哪幾部分組成，這樣設(shè)計(jì)時(shí)才有明確的方法，從而做出高質(zhì)量的Flash動(dòng)畫(huà)。2.1 元件元件的作用就是一個(gè)對(duì)象，多次重復(fù)使用。設(shè)計(jì)元件是為了幫助用戶更容易地創(chuàng)建動(dòng)態(tài)且密集的影片。如果用戶想用盡可能小的文件來(lái)傳遞交互性很強(qiáng)的Flash影片，那么學(xué)習(xí)元件就非常有必要了。 創(chuàng)建元件Flash中的元件類(lèi)型包括3種，即“圖形”、“按鈕”、和“影片剪輯”。1.創(chuàng)建圖形元件：能創(chuàng)建“圖形元件”的元素可以是導(dǎo)入的位圖圖像、矢量圖形、文本對(duì)象以及用Flash工具創(chuàng)建的的線條、色塊等。選擇相關(guān)元素，按鍵盤(pán)上的F8鍵，彈出【轉(zhuǎn)換為元件】對(duì)話框，在【名稱(chēng)】文本框中可輸入元件的名稱(chēng)，在

22、【類(lèi)型】中選擇【圖形】，如圖2.1所示。單擊【確定】按鈕后，在【庫(kù)】中生成相應(yīng)的“元件”。圖2.1 圖形元件轉(zhuǎn)換2.創(chuàng)建按鈕元件：能創(chuàng)建“按鈕元件”的元素可以是導(dǎo)入的位圖圖像、矢量圖形、文本對(duì)象以及用Flash工具創(chuàng)建的任何圖形，選擇要轉(zhuǎn)換為“按鈕元件”的對(duì)象，按鍵盤(pán)上的F8鍵，彈出【轉(zhuǎn)換為元件】對(duì)話框，在【類(lèi)型】中選擇【按鈕】，如圖2.2所示，單擊【確定】按鈕，即可完成“按鈕元件”的創(chuàng)建。3.創(chuàng)建影片剪輯元件：選擇舞臺(tái)上需要轉(zhuǎn)換的對(duì)象，按鍵盤(pán)上的F8鍵，彈出【轉(zhuǎn)換為元件】對(duì)話框，在【類(lèi)型】中選擇【影片剪輯】，如圖2.3單擊【確定】按鈕即可完成創(chuàng)建。圖2.2 按鈕元件轉(zhuǎn)換圖2.3 影片剪輯元件

23、轉(zhuǎn)換4.新建空白元件：在確定舞臺(tái)上沒(méi)有任何對(duì)象被選取的情況下執(zhí)行【插入】/【新建元件】命令，可打【創(chuàng)建新元件】對(duì)話框，在對(duì)話框中輸入元件名稱(chēng)，選擇元件的類(lèi)型，單擊【確定】按鈕，即可進(jìn)入新元件編輯模式。 元件庫(kù)的使用1.清理多余項(xiàng)目：從【庫(kù)】菜單中單擊【選擇未用項(xiàng)目】命令，F(xiàn)lash會(huì)把這些未用的元件全部選中，單擊菜單中的【刪除】命令，將它們刪除。2.公用元件庫(kù):在【窗口】/【公用庫(kù)】菜單列表中，可以看到Flash 8為用戶提供的【學(xué)習(xí)交互】、【按鈕】、【類(lèi)】3個(gè)類(lèi)別的?！霸?，選擇其中之一，在“舞臺(tái)”上就會(huì)出現(xiàn)一個(gè)相應(yīng)的“公用元件庫(kù)”，圖2.4就是一個(gè)“學(xué)習(xí)交互”庫(kù)。圖2.4 【庫(kù)-學(xué)習(xí)交互

24、.fla】 按鈕元件按鈕元件是Flash中的基本元件之一，它具有多種狀態(tài)，并且會(huì)響應(yīng)鼠標(biāo)事件，執(zhí)行指定的動(dòng)作腳本，是實(shí)現(xiàn)動(dòng)畫(huà)交互效果的關(guān)鍵對(duì)象。按鈕有特殊的編輯環(huán)境，通過(guò)在4個(gè)不同狀態(tài)的幀上創(chuàng)建內(nèi)容，可以指定不同的按鈕狀態(tài)?！緩椘稹繋罕硎臼髽?biāo)指針不在按鈕上時(shí)的狀態(tài)?！局羔樈?jīng)過(guò)】幀：表示鼠標(biāo)指針在按鈕上時(shí)的狀態(tài)?！景聪隆繋罕硎臼髽?biāo)單擊按鈕時(shí)的狀態(tài)?！军c(diǎn)擊】幀：定義對(duì)鼠標(biāo)做出反應(yīng)的區(qū)域。2.2 創(chuàng)建動(dòng)畫(huà)利用Flash可以創(chuàng)建出豐富多彩的動(dòng)畫(huà)效果，可以使一個(gè)對(duì)象旋轉(zhuǎn)、變色、放大或縮小、改變形狀以及發(fā)射光芒等。這些動(dòng)作可以單獨(dú)發(fā)生，也可以組合發(fā)生，例如一個(gè)對(duì)象邊旋轉(zhuǎn)邊移動(dòng)它的位置，還可以不斷地改變

25、顏色。2.2.1 動(dòng)畫(huà)的環(huán)境與元素1.時(shí)間軸：時(shí)間軸面板分成四個(gè)部分：頂區(qū)、圖層區(qū)、時(shí)間幀區(qū)和狀態(tài)欄，如圖2.5。2.場(chǎng)景面板：執(zhí)行【窗口】/【其他面板】/【場(chǎng)景】命令或者按Shift+F2組合鍵，打開(kāi)【場(chǎng)景】面板，如圖2.6所示。在【場(chǎng)景】面板中可以復(fù)制場(chǎng)景、增加場(chǎng)景、刪除場(chǎng)景、更改場(chǎng)景名稱(chēng)、更改場(chǎng)景順序、轉(zhuǎn)換場(chǎng)景。圖2.5 時(shí)間軸面板圖2.6 【場(chǎng)景】面板 幀內(nèi)容幀內(nèi)容就好比演員，一般常用的有以下幾種：1.矢量圖形:矢量圖形是指在場(chǎng)景中用鼠標(biāo)或壓感筆畫(huà)出的圖形，它是Flash中最基本的動(dòng)畫(huà)元素。2.位圖圖像:在Flash中導(dǎo)入的gif、jpg、png等格式的圖像是由像素構(gòu)成的。3.文字對(duì)象

26、。4.按鈕對(duì)象：按鈕在實(shí)現(xiàn)Flash交互性方面有非常重要的作用。5.聲音對(duì)象：在動(dòng)畫(huà)中添加聲音，可以使你的作品更有吸引力。6.影片剪輯：影片剪輯是Flash中的小型影片，它有自己的時(shí)間軸和屬性，可以用動(dòng)作腳本來(lái)控制播放、跳轉(zhuǎn)等。7.動(dòng)作腳本語(yǔ)句：動(dòng)作腳本語(yǔ)句可以添加在時(shí)間幀、實(shí)例、按鈕上。 創(chuàng)建逐幀動(dòng)畫(huà)的方法創(chuàng)建逐幀動(dòng)畫(huà)的常見(jiàn)方法有以下幾種：1.用導(dǎo)入的靜態(tài)圖片建立逐幀動(dòng)畫(huà)。2.繪制矢量逐幀動(dòng)畫(huà)。3.文字逐幀動(dòng)畫(huà)。4.指令逐幀動(dòng)畫(huà)。5.導(dǎo)入序列圖像。 創(chuàng)建補(bǔ)間動(dòng)畫(huà)的方法1.創(chuàng)建形狀補(bǔ)間動(dòng)畫(huà)的方法：在動(dòng)畫(huà)形如播放的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀，并設(shè)置要開(kāi)始變形的形狀，一般一幀中以一個(gè)對(duì)象為好，在動(dòng)畫(huà)

27、結(jié)束處創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置要變成的形狀，再單擊開(kāi)始幀，在【屬性】面板上單擊【補(bǔ)間】旁邊的下拉按鈕，在彈出的菜單中選擇【形狀】，如圖2.7所示，一個(gè)形狀補(bǔ)間動(dòng)畫(huà)就創(chuàng)建完了。圖2.7 形狀補(bǔ)間動(dòng)畫(huà)的【屬性】面板2.創(chuàng)建動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的方法：在動(dòng)畫(huà)開(kāi)始播放的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置一個(gè)元件，一幀中只能播放一個(gè)項(xiàng)目，在動(dòng)畫(huà)要結(jié)束的地方創(chuàng)建或選擇一個(gè)關(guān)鍵幀并設(shè)置該元件的屬性。再單擊開(kāi)始幀，或用鼠標(biāo)右鍵單擊幀，在彈出的菜單中選擇【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，就建立了“動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)”，圖2.8為動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的【屬性】面板。圖2.8 動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的【屬性】面板2.3 應(yīng)用聲音和視頻Flash 8提供了許多使用聲

28、音的方式?？梢允孤曇舄?dú)立于時(shí)間軸連續(xù)播放，或使動(dòng)畫(huà)與一個(gè)聲音同步播放。還可以向按鈕添加聲音，使按鈕具有更強(qiáng)的感染力。 在Flash 中應(yīng)用聲音1.導(dǎo)入聲音：打開(kāi)沒(méi)有添加聲音的一個(gè)文件，執(zhí)行【文件】/【導(dǎo)入】/【導(dǎo)入到庫(kù)】命令，就可以聲音導(dǎo)入到當(dāng)前影片文檔的【庫(kù)】面板中。2.引用聲音：新建一個(gè)圖層，并重新命名為“聲音”，選擇這個(gè)圖層的第1幀，然后將【庫(kù)】面板中的聲音對(duì)象拖放到場(chǎng)景中。 導(dǎo)入視頻與視頻的控制1.向Flash中導(dǎo)入視頻：執(zhí)行【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺(tái)】/【導(dǎo)入到庫(kù)】命令，彈出【導(dǎo)入】對(duì)話框，在該對(duì)話框中選擇導(dǎo)入的視頻文件后，單擊【打開(kāi)】按鈕，就能導(dǎo)入視頻了。2.控制視頻：Fla

29、sh 8對(duì)導(dǎo)入到文檔中的視頻提供了很多控制方式，除了可以利用【屬性】面板調(diào)整大小、位置等外，還可以利用“時(shí)間軸”、“行為”、“視頻組件”和“視頻模板”等來(lái)控制視頻回放。3 本設(shè)計(jì)的制作過(guò)程本章著重介紹本次MTV的制作過(guò)程和在制作中應(yīng)該注意的一些問(wèn)題。3.1 素材準(zhǔn)備要做一個(gè)好的MTV，僅僅用到Flash是不行的，還得用到其他軟件來(lái)做一些素材。1.用Photoshop CS2來(lái)加工處理一些精美的圖片來(lái)做MTV的背景。2.用SwiSHmax來(lái)制作一些具有自己獨(dú)特風(fēng)格的動(dòng)態(tài)文字，在下一節(jié)中會(huì)詳細(xì)介紹。3.用繪聲繪影軟件編輯視頻插在MTV中，這個(gè)在下一節(jié)中也會(huì)有詳細(xì)的介紹。3.2 本次MTV的制作過(guò)程

30、3.2.1 做MTV的開(kāi)頭1單擊【插入】菜單下的【新建元件】，建一個(gè)圖形元件做遮擋，我們把它命名為“元件1”。繪制一個(gè)矩形，顏色為黑色，寬為550，高為200，坐標(biāo)為（0，0）。新建一個(gè)圖層，復(fù)制剛剛繪制的矩形，右鍵單擊選擇“剪切”，選中圖層2，復(fù)制到該位置，然后把坐標(biāo)改為（0，200），這時(shí)間2個(gè)黑色矩形就占滿了整個(gè)場(chǎng)景，如圖3.1所示。圖3.1 被占滿的舞臺(tái)同時(shí)選中2個(gè)圖層的第50幀，右鍵單擊，選擇【插入關(guān)鍵幀】，然后【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】。選中圖層1的第50幀，然后左鍵單擊元件，在屬性里面把高改為25。選中圖層2的第50幀，同理把高改為25，坐標(biāo)改為（0，375）（如圖3.2），然后保存。這樣

31、就做好了屏幕緩緩拉開(kāi)的過(guò)程。圖3.2 “序幕”拉開(kāi)后的舞臺(tái)2.做MTV的遮擋。同時(shí)選中二個(gè)圖層的元件，右鍵單擊“復(fù)制”，然后右鍵單擊圖層2的第51幀，選擇【插入空白關(guān)鍵幀】，然后將先前復(fù)制的元件“粘貼到當(dāng)前位置”，在圖層2的第1000幀處【插入幀】，在圖層1的第51幀處【插入空白關(guān)鍵幀】，這樣就形成了遮擋效果，把圖層2改名為“遮擋”。3.背景的制作。新建一圖層，取名為“背景層”，在第51幀處【插入空白關(guān)鍵幀】。新建一圖形元件，導(dǎo)入背景圖“四主人公”，調(diào)整圖片大小寬550高400，放在“背景層”的第51幀處。在該圖層第75幀處【插入關(guān)鍵幀】，然后【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，選中第51幀，在背景圖【屬性】里

32、面選擇“顏色/Alpha”，將其透明度設(shè)為0%，這樣就有了慢慢淡入的效果，如圖3.3。 圖3.3 背景圖的屬性4.用SWiSHmax軟件制作“仙劍奇?zhèn)b傳4”這幾個(gè)字的效果。打開(kāi)SWiSHmax,【開(kāi)始新建一個(gè)空影片】，選擇文字工具，輸入“仙劍奇?zhèn)b傳4”，顏色為藍(lán)色，字體為華文行楷，大小72。選中“仙劍奇?zhèn)b傳4”右鍵單擊選擇“效果/顯示到位置/前來(lái)-神秘”，如圖3.4所示，然后單擊【文件】/【導(dǎo)出】/【SWF】保存到“畢業(yè)設(shè)計(jì)素材”。新建一個(gè)“影片剪輯元件”，導(dǎo)入剛做好的“仙劍奇?zhèn)b傳4”，在圖層1第75幀處【插入空白關(guān)鍵幀】，將元件放入該幀，雙擊選中元件，在元件最后一幀處選擇【動(dòng)作-幀】/【全局

33、函數(shù)】/【時(shí)間軸控制】，然后雙擊（如圖3.5），調(diào)整好元件大小。圖3.4 用SwiSHmax做的文字效果圖3.5 元件的動(dòng)作屬性5.與第4步一樣，用SwiSHmax軟件制作“制作人：朱俊杰”和“指導(dǎo)老師：唐琨皓”，效果為“回到起始位置/波浪-暈眩”。新建圖層4，在第120幀處【插入空白關(guān)鍵幀】，然后新建影片剪輯元件，導(dǎo)入剛做好的“制作人：朱俊杰”，選中元件的最后一幀，【動(dòng)作-幀】/【全局函數(shù)】/【時(shí)間軸控制】/“stop”。在第170幀和第200幀處【插入關(guān)鍵幀】、【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，選中第200幀，將元件拖到場(chǎng)景外面，這樣就形成了元件退出場(chǎng)景的動(dòng)畫(huà)。新建圖層5，在第200幀處【插入空白關(guān)鍵幀】

34、，與圖層4操作一樣，然后在第250和280幀處【插入關(guān)鍵幀】【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】操作又與圖層4一樣。同理，在圖層1的第280幀和第310幀處【插入關(guān)鍵幀】【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，在第310幀處將“仙劍奇?zhèn)b傳4”拖出場(chǎng)景。在圖層1的第311幀和圖層4的第201幀處【插入空白關(guān)鍵幀】。6.選中圖層1的第311幀，單擊【窗口】/【公用庫(kù)/按鈕】選中如圖3.6按鈕，拖入場(chǎng)景，選中按鈕，右鍵單擊【動(dòng)作】，在【影片剪輯控制】中做如圖3.7設(shè)置，然后選中第311幀，同第5步在【動(dòng)作-幀】中做如圖3.5設(shè)置。圖3.6 播放按鈕圖3.7 按鈕動(dòng)作屬性7.在圖層1第351幀處【插入空白關(guān)鍵幀】，插入新元件“歌題畫(huà)面”，然后

35、在375幀處【插入關(guān)鍵幀】【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，在351幀處把圖片透明度設(shè)為0。新建圖層6和圖層7，在圖層1圖層5、圖層6和圖層7的第375幀處【插入空白關(guān)鍵幀】，用SwiSHmax做“回夢(mèng)游仙-千年緣”插入圖層5的第375幀，然后在第420幀處【插入關(guān)鍵幀】【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，把第375幀處的透明度設(shè)為0。分別在圖層1、圖層6和圖層7的第375幀插入文字“演唱：心然”“作詞：小瘋”“編曲：千草仙”，然后在它們的第400幀處【插入關(guān)鍵幀】【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，分別調(diào)整好文本的位置。在圖層1、圖層6和圖層7的第450幀處【插入關(guān)鍵幀】，然后在圖層1、圖層5、圖層6和圖層7的第480幀處【插入關(guān)鍵幀】【創(chuàng)建

36、補(bǔ)間動(dòng)畫(huà)】，在它們第480幀處把各自元件的透明度設(shè)為0。圖3.8為第395幀處的場(chǎng)景狀態(tài)。圖3.8 第395幀處的場(chǎng)景3.2.2 導(dǎo)入歌曲單擊【文件】菜單下的【導(dǎo)入】/【導(dǎo)入到舞臺(tái)】,然后選擇歌曲“回夢(mèng)游仙MP3”，單擊【文件】菜單下的【保存】。圖3.9是導(dǎo)入【庫(kù)】的歌曲。圖3.9 導(dǎo)入的歌曲在圖層4第312幀處【插入空白關(guān)鍵幀】，在該幀屬性欄中選好導(dǎo)入的歌曲（如圖3.10），以后圖層4就是音樂(lè)層了。圖3.10 聲音屬性3.2.3 插入歌詞把圖層5、圖層6和圖層7設(shè)為歌詞層，如圖3.11。歌詞用兩種效果，制作方法即前面介紹過(guò)的形狀補(bǔ)間動(dòng)畫(huà)和動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)。建3個(gè)歌詞層是為了能夠同時(shí)出現(xiàn)3句不同動(dòng)

37、作的歌詞，以達(dá)到不同的效果。這里要注意的是要把歌詞和歌曲對(duì)應(yīng)起來(lái)。要把每一句歌詞的插入過(guò)程都寫(xiě)在這里是不可能的，一是篇幅太長(zhǎng)，二是沒(méi)必要。圖3.11 MTV圖層在這里我就來(lái)介紹第2825幀到第2903幀之間的歌詞的插入和一些相關(guān)的操作。在這兩幀之間的歌詞插入包含了形狀補(bǔ)間動(dòng)畫(huà)和動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)。首先來(lái)介紹形狀補(bǔ)間動(dòng)畫(huà)。在圖層7的第2825幀處插入關(guān)鍵幀，在這幀處的歌詞是“笑紅塵畫(huà)朱顏浮云翩躚”，用選擇工具選中歌詞，然后按Ctrl+B打散元件。然后新建圖形元件，用文本工具輸入下一句歌詞“情難卻 情相牽”，在圖層7第2869幀處插入關(guān)鍵幀，插入剛剛新建的元件，用選擇工具選中歌詞，調(diào)整好坐標(biāo)，按Ctrl

38、+B打散元件，然后選中第2825處，在【屬性】面板中將補(bǔ)間類(lèi)型設(shè)為【形狀】，如圖3.12所示。這樣就做出了歌詞從“笑紅塵畫(huà)朱顏浮云翩躚”到“情難卻情相牽”的變形。圖3.12 形狀補(bǔ)間屬性設(shè)置在這個(gè)變形過(guò)程中，下一句歌詞也要出來(lái)了，新建圖形元件，用文本工具輸入下一句歌詞“只羨鴛鴦不羨仙”，選中圖層6的第2860幀右鍵單擊【插入空白關(guān)鍵幀】，把元件拖進(jìn)場(chǎng)景，然后在圖層6的第2903處插入關(guān)鍵幀，右鍵單擊【創(chuàng)建補(bǔ)間動(dòng)畫(huà)】，在第2860幀處選中歌詞，在【屬性】面板中把坐標(biāo)設(shè)為（485，-200），如圖3.13所示。圖3.13 第2860幀處的坐標(biāo)同樣把2903處歌詞坐標(biāo)設(shè)為（485，175），如圖3.

39、14所示。的變形。圖3.14 第2903幀處的坐標(biāo)做到這里，這幾句歌詞的變形和出場(chǎng)就做好了，這個(gè)時(shí)候時(shí)間軸如圖3.15所示。圖3.15 時(shí)間軸的狀態(tài)3.2.4 插入背景新建2個(gè)圖層，加上開(kāi)始的圖層1，把它們?cè)O(shè)為背景層，如圖3.16。 圖3.16 背景層背景由圖片和視頻組成。圖片用Photoshop CS2加工處理，視頻由會(huì)聲會(huì)影來(lái)做分割聲頻、剪輯等處理。同樣，建3個(gè)背景層也是為了舞臺(tái)上能同時(shí)出現(xiàn)3個(gè)不同背景的疊加效果，配合變化多彩的歌詞和優(yōu)美的音樂(lè)，讓人看了賞心悅目。這里要注意的是各個(gè)背景的透明度。下面我來(lái)介紹在本MTV中插入的第一段視頻的過(guò)程，在這段視頻播放的過(guò)程中，還插入了不少圖片。打開(kāi)“

40、會(huì)聲會(huì)影×2”，選擇會(huì)聲會(huì)影編輯器，如圖3.17。然后點(diǎn)加載視頻，在素材中選擇中視頻“片頭動(dòng)畫(huà).avi”，如圖3.18。圖3.17 打開(kāi)會(huì)聲會(huì)影界面 圖3.18 加載視頻然后將視頻拖到“視頻軌”上，如圖3.19。圖3.19 視頻軌在本MTV中，導(dǎo)入Flash的視頻是不要聲音的，右鍵單擊視頻軌中的視頻，在彈出菜單中選擇【分割聲頻】，在下面的聲音軌中就會(huì)出現(xiàn)“片頭動(dòng)畫(huà).avi”的音頻，如圖3.20所示。然后右鍵單擊音頻，在彈出菜單中選擇【刪除】，這樣導(dǎo)入來(lái)的視頻就沒(méi)聲音了。圖3.20 分割出來(lái)的音頻接下來(lái)就是剪輯視頻了，按下，然后用飛梭欄選好要剪的位置，圖3.21所示被剪下來(lái)的視頻。圖3

41、.21 被剪的視頻到這里，視頻就剪好了，下面就是導(dǎo)出視頻，左鍵單擊【分享】面板里的【創(chuàng)建視頻文件】，如圖3.22所示，格式選擇FLA（600×480），保存在【畢業(yè)論文素材】文件夾里?，F(xiàn)在回到Flash上來(lái)，單擊【插入】菜單下的【新建元件】，【名稱(chēng)】改為“片頭動(dòng)畫(huà)”，類(lèi)型選擇【影片剪輯】，如圖3.23 所示，單擊【確定】按鈕，然后打開(kāi)【文件】菜單下的【導(dǎo)入】/【導(dǎo)入視頻】，導(dǎo)入剛剪輯好的視頻，單擊下一步，如圖3.24，在部署面板中選擇【在SWF中嵌入視頻并在時(shí)間軸上播放】。調(diào)整好視頻的大小，完為550，高為400，然后回到場(chǎng)景中來(lái)。圖3.22 創(chuàng)建視頻文件圖3.23 插入【影片剪輯】

42、元件圖3.24 導(dǎo)入視頻部署設(shè)置在背景層第1285幀處插入空白關(guān)鍵幀，將剛插入的“片頭動(dòng)畫(huà)”元件放進(jìn)場(chǎng)景中，坐標(biāo)設(shè)為(0，0)，透明度也為0%，然后在第1320幀處插入關(guān)鍵幀，把元件透明度設(shè)為80%,方便等下跟圖片一起出現(xiàn)在場(chǎng)景中。新建圖片“元件32”，導(dǎo)入用Photoshop CS2處理過(guò)的圖片，由于篇幅問(wèn)題在這里就不介紹Photoshop了，圖片大小改為寬550高400。在“圖層1背景”第1334幀處插入空白關(guān)鍵幀，將元件32放入場(chǎng)景中，圖片透明度設(shè)為30%，坐標(biāo)為（-550，0）。然后在第1379幀處插入關(guān)鍵幀，圖片透明度還是30%，坐標(biāo)變?yōu)椋?，0），這樣就做好了視頻在后面播放，前面又

43、出現(xiàn)一張圖片從場(chǎng)景左邊緩緩進(jìn)來(lái)的效果，如圖3.25。圖3.25 有視頻與圖片的場(chǎng)景3.2.5 結(jié)局的制作結(jié)局屏幕緩緩合攏，跟做開(kāi)頭屏幕緩緩拉開(kāi)一樣，這里不多說(shuō)了。這里要注意的是，在動(dòng)畫(huà)的最后一幀要添加一個(gè)讓動(dòng)畫(huà)從開(kāi)始第1幀播放的按鈕，即replay按鈕，如圖3.26所示。選中該按鈕，右鍵單擊，在【動(dòng)作幀】面板中做如圖3.27編輯。然后選中該幀，在【動(dòng)作】面板中，做如圖3.28調(diào)整，使動(dòng)畫(huà)到此停止。 圖3.26 replay按鈕 圖3.27 replay按鈕【動(dòng)作】屬性圖3.28 動(dòng)畫(huà)停止【動(dòng)作】屬性做到這里，完整的MTV就做完了，在這里，必須注意一點(diǎn)，隨著動(dòng)畫(huà)制作過(guò)程的進(jìn)展，【庫(kù)】項(xiàng)目將變得越

44、來(lái)越雜亂，這樣就會(huì)白白浪費(fèi)源文件的空間，所以一定要記得清理【庫(kù)】中多余的項(xiàng)目。右鍵單擊【庫(kù)】在出現(xiàn)的菜單中單擊【選擇未用項(xiàng)目】命令，這樣Flash會(huì)把在制作過(guò)程中未用到的元件全部選中，這時(shí)右鍵單擊這些元件，在彈出的菜單中單擊【刪除】，將它們刪除。3.3 制作過(guò)程要注意的地方1.由于要在flash中導(dǎo)入圖片,圖片的格式最好是,jpg的這樣的容量才不會(huì)很大,聲音格式也應(yīng)為.mp3格式的。一般說(shuō)來(lái)在flash的最后應(yīng)對(duì)整個(gè)flash進(jìn)行整體減肥,也就是去掉一些沒(méi)有用到的而又事先導(dǎo)入庫(kù)的素材,只需在庫(kù)的右上方點(diǎn)擊選擇未使用的項(xiàng)目,點(diǎn)擊刪除,再保存即可。2.在制作的過(guò)程中盡量使用變形動(dòng)畫(huà),避免過(guò)多的使用

45、幀動(dòng)畫(huà),關(guān)鍵幀越多,文件的體積便會(huì)更大。3. 在創(chuàng)建補(bǔ)間動(dòng)畫(huà)時(shí)要注意：1）對(duì)于動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)：必須建立開(kāi)始和結(jié)束關(guān)鍵幀，動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)中的開(kāi)始和結(jié)束關(guān)鍵幀的對(duì)象必須是組對(duì)象或者元件對(duì)象，如果是flash中的圖形對(duì)象就會(huì)出現(xiàn)錯(cuò)誤，如果在結(jié)束幀未建立關(guān)鍵幀也會(huì)出現(xiàn)錯(cuò)誤。2）“變形動(dòng)畫(huà)”也就是形狀補(bǔ)間動(dòng)畫(huà)的關(guān)鍵技巧和注意事項(xiàng)：變形動(dòng)畫(huà)必須是圖形對(duì)象，文本對(duì)象必須經(jīng)過(guò)Break Apart(即分離功能）變?yōu)閱巫煮w對(duì)象，再經(jīng)過(guò)經(jīng)過(guò)Break Apart字體就轉(zhuǎn)化為圖形對(duì)象就可以作變形動(dòng)畫(huà)；必須在開(kāi)始建立關(guān)鍵幀，在結(jié)束建立空白關(guān)鍵幀，在結(jié)束關(guān)鍵幀建立變形結(jié)果圖形對(duì)象。4 Flash動(dòng)畫(huà)的發(fā)布Flash動(dòng)畫(huà)制作

46、完成以后，可以使用Dreamweaver、FrontPaeg等網(wǎng)頁(yè)編輯工具來(lái)將Flash動(dòng)畫(huà)嵌入到網(wǎng)頁(yè)中。此外利用Flash的出版發(fā)布功能，也可以將用戶完成的作品輸出成動(dòng)畫(huà)、圖像以及HTML等文件。4.1 動(dòng)畫(huà)發(fā)布前的測(cè)試執(zhí)行【控制】/【測(cè)試影片】命令，或者按鍵盤(pán)上的Ctrl+Enter快捷鍵即可以對(duì)動(dòng)畫(huà)進(jìn)行測(cè)試。觀賞完畢關(guān)閉動(dòng)畫(huà)后，打開(kāi)剛才保存動(dòng)畫(huà)的目錄，會(huì)看到現(xiàn)在目錄中多出了一個(gè)后綴名為“SWF”的文件，雙擊該文件就能播放動(dòng)畫(huà)。4.2 動(dòng)畫(huà)發(fā)布4.2.1 動(dòng)畫(huà)發(fā)布執(zhí)行【文件】/【發(fā)布設(shè)置】命令，彈出【發(fā)布設(shè)置】對(duì)話框，如圖4.1所示。圖4.1 發(fā)布網(wǎng)頁(yè)文件格式設(shè)置在【發(fā)布設(shè)置】對(duì)話框的【格式】選項(xiàng)卡下，可以選擇要發(fā)布的文件格式，選好格式后，一般都會(huì)在對(duì)話框的頂部多出相應(yīng)的選項(xiàng)卡，切換到這些選項(xiàng)卡，可以對(duì)發(fā)布的格式進(jìn)行設(shè)置。設(shè)置完后單擊【發(fā)布】按鈕，F(xiàn)lash自動(dòng)生成相關(guān)文件，并保存到與原Flash動(dòng)畫(huà)文件相同的目錄中。4.2.2 Flash選項(xiàng)卡在圖4.1中，切換到【Flash