Flash動畫制作分解

1、多媒體素材制作08機電1班Flash動畫制作Electrical and MechanicalMy class one主講人：XXFlash的基礎(chǔ)知識的Flash的具體介紹簡單的Flash動畫制作總體概況Flash的基礎(chǔ)知識Flash是美國的MACROMEDIA公司于1999年6月推出的優(yōu)秀網(wǎng)頁動畫設(shè)計軟件。它是一種交互式動畫設(shè)計工具，用它可以將音樂，聲效，動畫以及富有新意的界面融合在一起，以制作出高品質(zhì)的網(wǎng)頁動態(tài)效果。是Macromedia公司出品的矢量圖形及動畫制作軟件，與Dreamweaver、Fireworks合稱網(wǎng)頁三劍客。第一部分Electrical and MechanicalM

2、y class one, our home調(diào)研方法Flash的基礎(chǔ)知識Flash中的位圖與矢量圖矢量圖：放大不失真，色彩相對單一，文件量小位圖：放大后失真，色彩相對豐富，文件量大原始大小的矢量圖與位圖原始大小的矢量圖與位圖第一部分Electrical and MechanicalMy class one, our home放大后的矢量圖與位圖放大后的矢量圖與位圖調(diào)研方法Flash的基礎(chǔ)知識幀與圖層幀：一幀就是一個畫面，內(nèi)容可以是圖像、文字、聲音等元素。圖層：圖層就像一張透明的紙。1 4 2 6 3 7 8 第一部分Electrical and MechanicalMy class one, o

3、ur home5 9 圖層圖層空白關(guān)鍵幀、關(guān)鍵幀、空白關(guān)鍵幀、關(guān)鍵幀、動作補間幀、形狀補間動作補間幀、形狀補間幀、含動作語句幀、幀、含動作語句幀、幀標(biāo)簽、不能生成補間幀標(biāo)簽、不能生成補間的錯誤幀等。的錯誤幀等。Flash的基礎(chǔ)知識FlashFlash的應(yīng)用的應(yīng)用Flash的應(yīng)用相當(dāng)廣泛，網(wǎng)站建設(shè)、MTV制作、矢量動畫、模擬電影、網(wǎng)絡(luò)教程、網(wǎng)絡(luò)游戲、手機動畫、廣告制作等。第一部分Electrical and MechanicalMy class one, our home只要有屏幕的地方，幾乎都有Flash的蹤影。全世界正在運行的網(wǎng)站上，幾乎所有的網(wǎng)絡(luò)動畫都是由Flash制作完成的。Flash的

4、基礎(chǔ)知識FlashFlash的特點（優(yōu)點）的特點（優(yōu)點）(1)矢量圖形，可以無限放大而不失真；（對應(yīng)位圖）(2)Flash動畫文件體積小，適合網(wǎng)絡(luò)傳輸和網(wǎng)上播放；swf相當(dāng)于gif的1/3，mp3的1/10;(3)流式播放（流媒體技術(shù)），邊下載邊觀看；(4)交互功能強，人機交流，ActionScript腳本語言(5)采用插件播放，與操作系統(tǒng)和瀏覽器無關(guān)。第一部分Electrical and MechanicalMy class one, our homeFlash的具體介紹工作界面主菜單欄 工具欄 時間軸 工具箱 第二部分動作面板 Electrical and MechanicalMy cla

5、ss one, our home舞臺 屬性面板 Flash的具體介紹1 1菜單欄菜單欄主菜單欄共有10項內(nèi)容，分別是“文件”、“編輯”、“視圖”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“幫助” 。2 2時間軸面板時間軸面板第二部分Electrical and MechanicalMy class one, our home圖層區(qū) 標(biāo)尺 播放指針 幀 幀狀態(tài)欄 Flash的具體介紹3 3工具箱工具箱工具箱分為工具區(qū)、查看區(qū)、顏色區(qū)和選項區(qū)4部分.選擇工具 任意變形工具 線條工具 鋼筆工具 橢圓工具 鉛筆工具 墨水瓶工具 滴管工具 手形工具 筆觸顏色 填充色 黑白 部分選取工

6、具 填充變形工具 套索工具 文本工具 矩形工具 刷子工具 顏料桶工具 橡皮擦工具 縮放工具 工具區(qū) 查看區(qū) 第二部分顏色區(qū) Electrical and MechanicalMy class one, our home交換顏色 沒有顏色 選項區(qū) Flash的具體介紹4 4、導(dǎo)入素材、導(dǎo)入素材在制作Flash動畫過程中，只依靠Flash軟件本身的一些工具進行圖像設(shè)計很難滿足用戶的需要，因此，利用外部素材豐富自己的作品成為必需。* 導(dǎo)入位圖與矢量圖* 將位圖轉(zhuǎn)換為矢量圖（修改位圖）* 導(dǎo)入動態(tài)格式的圖像* 導(dǎo)入聲音第二部分Electrical and MechanicalMy class one,

7、 our homeFlash的具體介紹5 5、導(dǎo)入位圖與矢量圖、導(dǎo)入位圖與矢量圖能導(dǎo)入Flash 8中的圖像格式有以下幾種：類型JPEGGIF位圖PNGFlash Player 6/7/8Adobe Illustrator擴展名.jpg.gif.bmp.png.swf.eps .ai .pdf第二部分Electrical and MechanicalMy class one, our homeFreeHandAutoCAD DXF.fh7/8/9/10/11.dxfFlash的具體介紹6 6、 導(dǎo)入圖像導(dǎo)入圖像在Flash中導(dǎo)入位圖與矢量圖的方法相同。下面通過實例操作導(dǎo)入一張圖像，具體操作步驟

8、如下：（1）新建Flash文檔，選擇主菜單“文件”“導(dǎo)入”“導(dǎo)入到舞臺”命令，打開“導(dǎo)入”對話框。（2）在“導(dǎo)入”對話框中選中圖像文件，再單擊按鈕,即可將圖像導(dǎo)入到Flash場景中。1 第二部分Electrical and MechanicalMy class one, our home2 3 Flash的具體介紹7 7、 將位圖轉(zhuǎn)換為矢量圖將位圖轉(zhuǎn)換為矢量圖將一張位圖轉(zhuǎn)換成矢量圖，具體操作步驟如下：（1）在場景中選擇要轉(zhuǎn)成矢量圖的位圖，選擇主菜單“修改”“位圖”“轉(zhuǎn)換位圖為矢量圖”命令，打開“轉(zhuǎn)換位圖為矢量圖”對話框。（2）根據(jù)需要在“顏色閾值”（越小越清晰）和“最小區(qū)域”文本框中輸入合適的

9、數(shù)值，單擊 “確定”按鈕完成設(shè)置。第二部分Electrical and MechanicalMy class one, our home1 2 Flash的具體介紹8 8、導(dǎo)入動態(tài)格式的圖像、導(dǎo)入動態(tài)格式的圖像在Flash中導(dǎo)入動態(tài)圖像和導(dǎo)入靜態(tài)圖像的方法相同。具體操作步驟如下：（1）新建Flash文檔，選擇主菜單“文件”“導(dǎo)入”“導(dǎo)入到舞臺”命令，打開“導(dǎo)入”對話框。（2）在“導(dǎo)入”對話框中選中動態(tài)圖像文件，再單擊按鈕,即可將動態(tài)圖像導(dǎo)入到Flash場景中。也可以先將動態(tài)圖像導(dǎo)入到新建的影片剪輯元件舞臺中，或者也可以先將動態(tài)圖像導(dǎo)入到新建的影片剪輯元件舞臺中，或者直接導(dǎo)入到庫中。直接導(dǎo)入到庫

10、中。第二部分My class one, our homeElectrical and MechanicalFlash的具體介紹9 9、lashlash的基本功能的基本功能（1）繪圖和填充（2）文字的輸入和修改（3）創(chuàng)建動畫元件和實例（4）使用動作腳本控制內(nèi)容（5）添加聲音（6）集成電影第二部分Electrical and MechanicalMy class one, our home建議總結(jié)Proposals簡單的Flash動畫制作1. 1. 動畫制作流程動畫制作流程 打開新影片文件并安排場景； 插入動畫元件（幀、圖層等）； 設(shè)定動畫效果并測試動畫； 使用 File/Save 命令保存擴展名

11、為 .fla 的 Flash 動畫文件； 輸出影片。第三部分簡單的Flash動畫制作2. 2. 制作逐幀動畫制作逐幀動畫 創(chuàng)建一個新圖層； 在起始幀位置插入一個空白關(guān)鍵幀； 在空白關(guān)鍵幀中制作和編輯畫面內(nèi)容； 在編輯完成的關(guān)鍵幀后插入另一空白關(guān)鍵幀進行編輯，使之與上一幀略有不同； 重復(fù)步驟的操作，創(chuàng)建其他各幀，直至全部制作完畢； 保存文件。注：若每幀的畫面已用其他繪圖軟件制作成系列圖片文件，則兩步可并為一步，即使用File/Import命令導(dǎo)入系列圖片文件。第三部分簡單的Flash動畫制作3.3.制作運動漸變動畫制作運動漸變動畫 創(chuàng)建一個新圖層； 在起始幀位置，插入一個空白關(guān)鍵幀； 在空白關(guān)鍵

12、幀中制作和編輯畫面內(nèi)容； 單擊時間軸中的結(jié)束幀位置，插入另一個關(guān)鍵幀（或空白關(guān)鍵幀）； 在結(jié)束關(guān)鍵幀中注：運動漸變動畫首尾幀間有淡藍(lán)色背景，并有黑色箭頭表示，若出現(xiàn)虛線表示漸變過程有問題。 創(chuàng)建運動動畫，并設(shè)置運動參數(shù)； 保存文件。第三部分注：運動漸變動畫首尾幀間有淡藍(lán)色背景，并有黑色注：運動漸變動畫首尾幀間有淡藍(lán)色背景，并有黑色箭頭表示，若出現(xiàn)虛線表示漸變過程有問題。箭頭表示，若出現(xiàn)虛線表示漸變過程有問題。簡單的Flash動畫制作動作漸變動畫的條件：動作漸變動畫的條件：（1）對象必須是元件：包括影片剪輯元件、圖形元件、按鈕元件或文字、位圖和其他組合的對象，不能是形狀（分離的），只有形狀組合或

13、者轉(zhuǎn)換成元件后才可以創(chuàng)建動作漸變動畫。（2）至少需要兩個關(guān)鍵幀；（3）兩個關(guān)鍵幀中的對象必須是同一對象；（4）兩個關(guān)鍵幀中的對象必須有一些變化，否則沒有動作變化的效果。第三部分簡單的Flash動畫制作4.4.形狀漸變動畫形狀漸變動畫?制作運動漸變動畫的限制條件 起始幀和結(jié)束幀中的運動對象只能是形狀； 當(dāng)運動對象是文字、符號或組合體時，必須先通過打散命令將它們打散。?判定形狀的方法當(dāng)使用鼠標(biāo)單擊所選擇的對象時，對象會被小圓點覆蓋。第三部分簡單的Flash動畫制作形狀漸變動畫的制作過程形狀漸變動畫的制作過程 創(chuàng)建一個新圖層； 在起始幀位置插入一個空白關(guān)鍵幀； 在空白關(guān)鍵幀中制作和編輯畫面內(nèi)容； 單

14、擊時間軸中的結(jié)束幀位置，插入一個（空白）關(guān)鍵幀，在其中編輯制作形狀； 在屬性面板中單擊Tween右側(cè)文本框的下拉箭頭選擇Shape選項，創(chuàng)建形變動畫； 保存文件。簡單的Flash動畫制作5.5.“創(chuàng)建補間動畫創(chuàng)建補間動畫”的方法：的方法：（1）右擊起始幀或補間幀中的任一幀，在彈出的快捷菜單中選擇創(chuàng)建補間動畫。（2）選中要創(chuàng)建動畫的開始關(guān)鍵幀，選擇主菜單“插入”“時間軸”“創(chuàng)建補間動畫”命令。（3）選中要創(chuàng)建動畫的開始關(guān)鍵幀，打開“屬性”面板，在“屬性”面板“補間”下拉列表選擇“動畫”選項即可。第三部分簡單的Flash動畫制作6. 制作遮罩動畫制作遮罩動畫制作遮罩動畫的原理制作遮罩動畫的原理（1

15、）“遮罩動畫”在有些資料中也稱為“蒙版動畫”，主要通過一個“遮罩層”制作出特殊的動畫效果。（2）直接單擊“插入引導(dǎo)層”按鈕可插入“引導(dǎo)層”，而創(chuàng)建“遮罩層”需在該層上單擊右鍵，在彈出的快捷菜單中選擇“遮罩層”命令，對應(yīng)的下面一個圖層自動變?yōu)椤氨徽谡謱印?。（3）簡單的遮罩動畫，相當(dāng)于在“遮罩層”上放一個只有形狀部分是透明的對象，在這個對象運動過程中，只顯示這個透明部分下面的內(nèi)容，其他的都被遮住了。 第三部分遮罩層示意圖遮罩層 被遮罩層 普通層 簡單的Flash動畫制作7. 7. 建立與取消普通層與遮罩層的關(guān)聯(lián)建立與取消普通層與遮罩層的關(guān)聯(lián) 建立：方法一：用鼠標(biāo)將已經(jīng)存在的普通層拖曳到遮罩層下面

16、。方法二：在建立一個新的遮罩層的同時系統(tǒng)自動與其下面的普通層建立關(guān)聯(lián)。具體操作：選中一個普通層，在圖層屬性對話框中選中Mask單選項。 取消：方法一：用鼠標(biāo)將被遮罩的圖層拖曳到遮罩層的上面。方法二：選中被遮罩圖層，在圖層屬性對話框中選中Normal單選項。第三部分簡單的Flash動畫制作8. 8. 聲音的使用聲音的使用?Flash提供了多種應(yīng)用聲音的方法：如單獨播放一段聲音、將聲音與動畫同步播放、為按鈕添加個性的聲音以及使聲音產(chǎn)生淡入淡出的效果等。?在Flash中，聲音的使用主要有兩種類型1、事件聲音事件聲音必須完全下載后才能開始播放，而且連續(xù)播放，直到有明確的停止命令。比較適合制作很短的聲音

17、，如單擊按鈕的聲音。2、流聲音流聲音只需要下載開始幾幀的數(shù)據(jù)便開始播放，而且聲音的播放和時間軸同步，這一特點很適合在網(wǎng)絡(luò)中使用。流聲音適用于使用較長的聲音，如MP3。第三部分簡單的Flash動畫制作9. 導(dǎo)入聲音文件導(dǎo)入聲音文件 選擇File/Import命令，打開Import對話框； 選擇聲音文件，單擊“打開”按鈕，該聲音文件即加入庫面板中； 選擇Window/Library命令，打開庫面板； 將庫面板中的聲音文件拖至某一幀的工作區(qū)中，該幀的時間軸上即出現(xiàn)一表示聲音的符號。第三部分簡單的Flash動畫制作10. Flash10. Flash動畫制作的發(fā)展前景動畫制作的發(fā)展前景（1）、應(yīng)用程序（2）、操作系統(tǒng)界面（3）、手機領(lǐng)域的開發(fā)（4）、游戲開發(fā)（5）、Web應(yīng)用服務(wù)（6）、站點建設(shè)（7）、多媒體娛樂（8）、教學(xué)系統(tǒng)（9）、其他第三部分簡單的Flash動畫制作11. 作品的輸出作品的輸出Flash常用的輸出文件格