flash動畫畢業(yè)設計論文

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

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

3、s2和繪聲繪影軟件。本文介紹了Flash動畫制作中最基礎的知識以及在Flash 8.0軟件環(huán)境下制作FLASH動畫MTV的過程和一些相關的應用方法，并通過制作FLASH動畫MTV向大家展示出FLASH動畫的特色。關鍵字: 音樂；動畫；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 初識Flash 811.1.1 Flash 8開始界面11.1.2 Flash 8工作窗口21.1.3 文檔選項卡21.1.4 時間軸21.1.5 工具箱21.1.6 舞臺31.2 網(wǎng)格、輔助線和標尺的概述41.2.1 網(wǎng)格41.2.2 標尺41.2.3 輔助線41.3 常用面板簡介51.3.1 【濾鏡】面板51.3.2 【動作】面板51.3.3 【屬性】面板51.4 設計面板組61.4.1 【對齊】面板61.4.2 【顏色樣本】面板61.4.3 【混色器】面板61.4.4 【信息】面板61.4.5 【場景】面板71.4.6 【變形】面板72 總體設

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

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

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

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

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

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

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

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

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

19、1.4.3 【混色器】面板用【混色器】面板可以創(chuàng)建和編輯“筆觸顏色”和“填充顏色”。默認為RGB模式，顯示紅、綠和藍的顏色值，“Alpha值”用來指定顏色的透明度，其范圍在0%100%，0%為完全透明，100%為完全不透明。可以在面板的“顏色空間”單擊鼠標，選擇一種顏色，上下拖動右邊的“亮度控件”可調整顏色的亮度。1.4.4 【信息】面板【信息】面板可以查看對象的大小、位置、顏色和鼠標指針的信息。面板分為4個區(qū)域：左上方顯示對象的【寬】和【高】信息；右上方顯示對象的【X】軸和【Y】軸坐標信息，；左下方顯示在舞臺中鼠標位置處的顏色值與Alpha值；右下方顯示鼠標的【X】軸和【Y】軸坐標信息，如圖

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

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

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

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

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

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

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

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

28、音的方式。可以使聲音獨立于時間軸連續(xù)播放，或使動畫與一個聲音同步播放。還可以向按鈕添加聲音，使按鈕具有更強的感染力。 在Flash 中應用聲音1.導入聲音：打開沒有添加聲音的一個文件，執(zhí)行【文件】/【導入】/【導入到庫】命令，就可以聲音導入到當前影片文檔的【庫】面板中。2.引用聲音：新建一個圖層，并重新命名為“聲音”，選擇這個圖層的第1幀，然后將【庫】面板中的聲音對象拖放到場景中。 導入視頻與視頻的控制1.向Flash中導入視頻：執(zhí)行【文件】/【導入】/【導入到舞臺】/【導入到庫】命令，彈出【導入】對話框，在該對話框中選擇導入的視頻文件后，單擊【打開】按鈕，就能導入視頻了。2.控制視頻：Fla

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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