第八章 制作Flash動畫

1、Flash是美國Macromedia公司推出的網(wǎng)頁矢量圖形編輯和動畫創(chuàng)作專業(yè)軟件，在網(wǎng)頁制作中，可以創(chuàng)作動感強烈的宣傳廣告、動畫、MTV、交互界面等，甚至可以完全用Flash制作網(wǎng)頁。 8.1.18.1.1FlashFlash概述概述1.Flash1.Flash動畫的特點動畫的特點（1）使用矢量圖形和流式播放技術(shù)。 （2）通過使用關(guān)鍵幀和元件使得所生成的動畫(.swf)文件非常小 （3）把音樂、動畫、聲效、交互方式融合在一起 （4）可以制作具有交互功能的動畫。 （5）可以與Dreamweaver緊密配合，直接將Flash動畫嵌入網(wǎng)頁的任一位置，使用非常方便。2. Flash MX20042.

2、Flash MX2004新升級的Flash MX現(xiàn)在提供了兩種版本：Flash MX 2004和Flash MX Professional 2004。 3.Flash3.Flash動畫的有關(guān)概念動畫的有關(guān)概念（1）幀）幀幀是構(gòu)成Flash動畫的基本元素。 （2）幀頻）幀頻 幀頻就是每秒鐘播放的幀數(shù)。播放時間=幀的總數(shù)幀頻。（3）元件和實例）元件和實例元件和實例也叫組件，是Flash用來構(gòu)成幀的基本元素，有影片剪輯、圖形和按鈕三種類型。（4）圖層）圖層在制作Flash動畫時，每一幀可以由多層圖形構(gòu)成，類似于用幾張透明的膠片繪制不同的圖形，然后再疊在一起的效果。（5）場景）場景一個簡短的動畫叫場景

3、。一個場景由多幀圖形組成。（6）影片）影片一個影片是由一個或幾個場景組成的表達(dá)完整意義的動畫。（7）時間軸）時間軸時間軸是Flash用來描述動畫中幀與時間的關(guān)系、圖層狀態(tài)等細(xì)節(jié)的地方。8.1.28.1.2Flash MX2004Flash MX2004的界面的界面 8.2.18.2.1繪制基本圖形繪制基本圖形1. 1. 用鉛筆工具繪畫用鉛筆工具繪畫2. 2.使用刷子工具使用刷子工具3. 3.繪制直線繪制直線4. 4.繪制橢圓和矩形繪制橢圓和矩形5. 5. 繪制多邊形和星形繪制多邊形和星形6. 6.使用鋼筆工具使用鋼筆工具8.2.28.2.2編輯圖形對象編輯圖形對象1. 1.使用選取工具使用選取

4、工具單擊選取工具 2. 2.重疊形狀重疊形狀當(dāng)使用鉛筆、線條、橢圓、矩形或刷子工具繪制一條穿過另一條直線或已涂色形狀的直線時，重疊直線會在交叉點處分成線段。使用選取工具或套索工具 3. 3.圖形變形圖形變形選中對象后，單擊自由變形工具 4. 4.設(shè)置填充設(shè)置填充將填充色設(shè)為漸變色時，選中顏料桶工具 （1 1）設(shè)置漸變填充）設(shè)置漸變填充選擇填充變形工具 （2 2）使用位圖填充）使用位圖填充使用菜單“窗口”“設(shè)計面板”“混色器”打開混色器面板，在下拉菜單中選擇“位圖”，打來“導(dǎo)入到庫”對話框，可選擇要作為填充對象的位圖。 單擊用漸變填充的區(qū)域，填充的區(qū)域上會出現(xiàn)漸變控制點，將鼠標(biāo)移動到不同的控制點

5、上，鼠標(biāo)會變成不同的形狀，拖動該控制點會改變不同的漸變屬性。5. 5.對齊和排列圖形對齊和排列圖形選擇要對齊的所有對象，使用菜單“窗口”“設(shè)計面板”“對齊”或在主工具欄上單擊“對齊”按鈕 6. 6.組合對象組合對象在制作動畫時，如果要將多個對象設(shè)置相同的動畫效果，就需要首先將這些對象組合起來變成一個對象，否則有些效果就不能實現(xiàn)。 選中要組合的對象，使用菜單“修改”“組合”即可將這些對象組合成一個對象。 7. 7.擦除圖形擦除圖形使用橡皮擦工具 擦除模式擦除模式 標(biāo)準(zhǔn)擦除擦除填色擦除線條擦除所選填充內(nèi)部擦除8.2.38.2.3輸入文字輸入文字1. Flash1. Flash中的文本中的文本Fla

6、sh中的文本分為3種，靜態(tài)文本、動態(tài)文本和輸入文本。2. 2.創(chuàng)建不斷加寬的文本塊創(chuàng)建不斷加寬的文本塊在工具欄中，單擊“文本”工具 在“屬性”面板上的“文本類型”彈出菜單中，選擇“靜態(tài)文本”，然后在選擇字體、大小、顏色等。3. 3.創(chuàng)建寬度固定的文本塊創(chuàng)建寬度固定的文本塊單擊“文本”工具，在屬性面板上設(shè)置合適的屬性后，在舞臺上拖動，既可創(chuàng)建寬度固定的文本塊。這種文本塊右上角有一個方形控制塊 。4. 4.設(shè)置文本屬性設(shè)置文本屬性單擊“選擇”工具 將鼠標(biāo)移動到文本塊上，當(dāng)鼠標(biāo)變?yōu)閹Ъ^的十字形狀時，可移動文本塊。5. 5.打散文本打散文本直接輸入的文本可以使用自由變形工具變形，但不能使用路徑編輯工

7、具、填充工具、橡皮擦工具等。必須先轉(zhuǎn)換為路徑后才能進(jìn)行這些操作，這個操作過程一般稱為“打散文本”。打散就是選中要轉(zhuǎn)換為路徑的文本塊，在其上邊單擊右鍵，在彈出菜單中選擇“分離”；或者使用菜單“修改”“分離”。 8.3.18.3.1逐幀動畫逐幀動畫1. 1.時間軸面板時間軸面板頂區(qū)頂區(qū) 圖層區(qū)圖層區(qū) 時間幀區(qū)時間幀區(qū) 狀態(tài)欄狀態(tài)欄 8.3.28.3.2形狀補間動畫形狀補間動畫在一個關(guān)鍵幀中繪制一個形狀，然后在另一個關(guān)鍵幀中繪制另一個形狀，F(xiàn)lash 根據(jù)二者之間的幀的值或形狀來創(chuàng)建的動畫被稱為“形狀補間動畫”。 1. 1.制作形狀補間動畫的方法制作形狀補間動畫的方法（1）創(chuàng)建形狀補間動畫時，在時間

8、軸面板上動畫開始播放的地方創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置要開始變形的形狀，一般一幀中以一個對象為好； （2）在動畫結(jié)束處創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置要變成的形狀，再單擊開始幀，在“屬性”面板上的“補間”菜單中選擇“形狀”，一個形狀補間動畫就創(chuàng)建完畢。2. 2.設(shè)置形狀補間動畫設(shè)置形狀補間動畫形狀補間動畫的“屬性”面板上只有二個參數(shù)：（1）“簡易”框中設(shè)置動畫動作過程中的速度變化。 （2）“混合”下拉菜單選擇形狀變化的方式。 3. 3.繪圖紙的使用繪圖紙的使用（1） “修改繪圖紙標(biāo)記”按鈕 （2）“繪圖紙外觀”按鈕 （3）“繪圖紙外觀輪廓” （4）“編輯多個幀”按鈕 （5）“幀居中”按鈕 8.3.38

9、.3.3動作補間動畫動作補間動畫1. 1.創(chuàng)建動作補間動畫的方法創(chuàng)建動作補間動畫的方法（1）在時間軸面板上動畫開始幀創(chuàng)建或選擇一個關(guān)鍵幀并設(shè)置一個元件；在動畫要結(jié)束幀創(chuàng)建一個關(guān)鍵幀并設(shè)置該元件的屬性； （2）單擊開始幀，在“屬性”的“補間”下拉菜單中選擇“動作” 。2. 2. 設(shè)置動作補間動畫設(shè)置動作補間動畫8.3.48.3.4引導(dǎo)路徑動畫引導(dǎo)路徑動畫1. 1.引導(dǎo)路徑動畫引導(dǎo)路徑動畫引導(dǎo)路徑動畫將一個或多個層鏈接到一個運動引導(dǎo)層，使一個或多個對象沿同一條路徑運動。一個最基本的引導(dǎo)路徑動畫由兩個圖層組成，上面一層是“引導(dǎo)層”，下面一層是“被引導(dǎo)層”。2. 2.設(shè)置引導(dǎo)路徑動畫設(shè)置引導(dǎo)路徑動畫（

10、1）“被引導(dǎo)層”中的物體在被引導(dǎo)運動時，在“屬性”面板上，選中“調(diào)整到路徑”，物體的基線就會調(diào)整到運動路徑。選中“對齊”，物體的中間點就會與運動路徑對齊。（2）引導(dǎo)層中的內(nèi)容在播放時是看不見的，利用這一特點，可以單獨定義一個不含“被引導(dǎo)層”的“引導(dǎo)層”，該引導(dǎo)層中可以放置一些文字說明、元件位置參考等，此時引導(dǎo)層的圖標(biāo)為 （3）在調(diào)整元件在引導(dǎo)線上的位置時，按下工具箱中的“對齊對象”按鈕 （4）過于陡峭的引導(dǎo)線可能使引導(dǎo)動畫失敗，而平滑圓潤的線段有利于引導(dǎo)動畫成功制作。（5）如果想解除引導(dǎo)，可以把被引導(dǎo)層拖離“引導(dǎo)層”，或在圖層區(qū)的引導(dǎo)層上單擊右鍵，在彈出的菜單上選擇“屬性”，在對話框中選擇“正

11、?！?，作為正常圖層。（6）如果想讓對象作圓周運動，可以在“引導(dǎo)層”畫一根圓形線條，再用“橡皮擦工具”擦去一小段，使圓形線段出現(xiàn)2個端點，再把對象的起始、終點分別對準(zhǔn)端點即可。（7）引導(dǎo)線允許重疊，比如螺旋狀引導(dǎo)線，但在重疊處的線段必需保持圓潤，讓Flash能辨認(rèn)出線段走向，否則會使引導(dǎo)失敗。8.3.58.3.5遮罩動畫遮罩動畫1. 1.遮罩動畫的制作方法遮罩動畫的制作方法Flash中沒有一個專門的按鈕來創(chuàng)建遮罩層，遮罩層是由普通圖層轉(zhuǎn)化的。只要在某個圖層上單擊右鍵，在彈出菜單中選擇“遮罩層” 。該圖層就會生成遮罩層，“層圖標(biāo)”就會從普通層圖標(biāo)變?yōu)檎谡謱訄D標(biāo) 遮罩層下面的一層自動變?yōu)椤氨徽谡謱印?/p>

12、，在縮進(jìn)的同時圖標(biāo)變?yōu)?8.4.18.4.1元件的使用元件的使用1. 1.庫面板庫面板使用菜單“窗口”“庫”打開“庫”面板 。2. 2.使用元件使用元件拖動庫中的元件到舞臺中就可以在Flash文檔中使用該元件，舞臺中的元件稱為庫元件的“實例”。 3. 3.管理庫中的元件管理庫中的元件4. 4.使用公用庫使用公用庫使用菜單“窗口” “其它面板”“公用庫”，可選擇“學(xué)習(xí)交互”、“按鈕”、“類”之中的一種庫。 8.4.28.4.2創(chuàng)建庫元件創(chuàng)建庫元件1. 1.新建庫元件新建庫元件使用菜單“插入”“新建元件”可打開“創(chuàng)建新元件”對話框 “影片剪輯”元件中可以包含動畫?！鞍粹o”元件可設(shè)置一個按鈕的各種形

13、狀?！皥D形”元件包含一個靜態(tài)的圖形或圖形組合。2. 2.轉(zhuǎn)換庫元件轉(zhuǎn)換庫元件在舞臺上選擇一個或多個元素。然后右擊從彈出菜單中選擇“轉(zhuǎn)換為元件”，可將選中的元素轉(zhuǎn)換為元件。 3. 3.導(dǎo)入庫元件導(dǎo)入庫元件使用菜單“文件” “導(dǎo)入到舞臺”或“文件”“導(dǎo)入到庫”打開“導(dǎo)入”對話框 4. 4.導(dǎo)入外部庫導(dǎo)入外部庫使用菜單“文件”“打開外部庫”，可選擇一個Flash文檔，將該文檔的庫打開。在庫面板上就可以使用其中的庫元件了。8.4.38.4.3制作按鈕制作按鈕1. 1.按鈕元件的組成按鈕元件的組成按鈕元件有特殊的編輯環(huán)境，通過在四個不同狀態(tài)：彈起、指針經(jīng)過、按下、點擊 。8.5.18.5.1在動畫中使用聲音在動畫中使用聲音1. 1.導(dǎo)入聲音導(dǎo)入聲音2. 2.使用聲音使用聲音3. 3.制作制作Flash MTVFlash MTV8.5.28.5.2使用視頻使用視頻1. 1.導(dǎo)入視頻導(dǎo)入視頻2. 2.應(yīng)用視頻應(yīng)用