2023學(xué)年完整公開課版《Flash動畫制作》

Flash動畫制作

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

Flash的基礎(chǔ)知識Flash中的位圖與矢量圖矢量圖：放大不失真，色彩相對單一，文件量小位圖：放大后失真，色彩相對豐富，文件量大原始大小的矢量圖與位圖放大后的矢量圖與位圖調(diào)研方法Flash的基礎(chǔ)知識幀與圖層幀：一幀就是一個畫面，內(nèi)容可以是圖像、文字、聲音等元素。圖層：圖層就像一張透明的紙。圖層①空白關(guān)鍵幀、②關(guān)鍵幀、③動作補(bǔ)間幀、④形狀補(bǔ)間幀、⑤含動作語句幀、⑥⑦⑧幀標(biāo)簽、⑨不能生成補(bǔ)間的錯誤幀等。Flash的基礎(chǔ)知識Flash的應(yīng)用Flash的應(yīng)用相當(dāng)廣泛，網(wǎng)站建設(shè)、MTV制作、矢量動畫、模擬電影、網(wǎng)絡(luò)教程、網(wǎng)絡(luò)游戲、手機(jī)動畫、廣告制作等。只要有屏幕的地方，幾乎都有Flash的蹤影。全世界正在運(yùn)行的網(wǎng)站上，幾乎所有的網(wǎng)絡(luò)動畫都是由Flash制作完成的。Flash的基礎(chǔ)知識Flash的特點(diǎn)（優(yōu)點(diǎn)）1矢量圖形，可以無限放大而不失真；（對應(yīng)位圖）2Flash動畫文件體積小，適合網(wǎng)絡(luò)傳輸和網(wǎng)上播放；swf相當(dāng)于gif的1/3，mp3的1/10;3流式播放（流媒體技術(shù)），邊下載邊觀看；4交互功能強(qiáng)，人機(jī)交流，ActionScript腳本語言5采用插件播放，與操作系統(tǒng)和瀏覽器無關(guān)。Flash的具體介紹工作界面Flash的具體介紹1．菜單欄主菜單欄共有10項(xiàng)內(nèi)容，分別是“文件”、“編輯”、“視圖”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“幫助”。2．時間軸面板Flash的具體介紹3．工具箱工具箱分為工具區(qū)、查看區(qū)、顏色區(qū)和選項(xiàng)區(qū)4部分Flash的具體介紹4、導(dǎo)入素材在制作Flash動畫過程中，只依靠Flash軟件本身的一些工具進(jìn)行圖像設(shè)計(jì)很難滿足用戶的需要，因此，利用外部素材豐富自己的作品成為必需。*導(dǎo)入位圖與矢量圖*將位圖轉(zhuǎn)換為矢量圖（修改－位圖）*導(dǎo)入動態(tài)格式的圖像*導(dǎo)入聲音Flash的具體介紹5、導(dǎo)入位圖與矢量圖能導(dǎo)入Flash8中的圖像格式有以下幾種：類型擴(kuò)展名JPEG.jpgGIF.gif位圖.bmpPNG.pngFlashPlayer6/7/8.swfAdobeIllustrator.eps.ai.pdfFreeHand.fh7/8/9/10/11AutoCADDXF.dxfFlash的具體介紹6、導(dǎo)入圖像在Flash中導(dǎo)入位圖與矢量圖的方法相同。下面通過實(shí)例操作導(dǎo)入一張圖像，具體操作步驟如下：（1）新建Flash文檔，選擇主菜單“文件”→“導(dǎo)入”→“導(dǎo)入到舞臺”命令，打開“導(dǎo)入”對話框。（2）在“導(dǎo)入”對話框中選中圖像文件，再單擊按鈕,即可將圖像導(dǎo)入到Flash場景中。Flash的具體介紹7、將位圖轉(zhuǎn)換為矢量圖將一張位圖轉(zhuǎn)換成矢量圖，具體操作步驟如下：（1）在場景中選擇要轉(zhuǎn)成矢量圖的位圖，選擇主菜單“修改”→“位圖”→“轉(zhuǎn)換位圖為矢量圖”命令，打開“轉(zhuǎn)換位圖為矢量圖”對話框。（2）根據(jù)需要在“顏色閾值”（越小越清晰）和“最小區(qū)域”文本框中輸入合適的數(shù)值，單擊“確定”按鈕完成設(shè)置。Flash的具體介紹8、導(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)入到新建的影片剪輯元件舞臺中，或者直接導(dǎo)入到庫中。Flash的具體介紹（1）繪圖和填充

（2）文字的輸入和修改

（3）創(chuàng)建動畫元件和實(shí)例

（4）使用動作腳本控制內(nèi)容

（5）添加聲音

（6）集成電影9、Ｆlash的基本功能

建議總結(jié)Proposals第三部分簡單的Flash動畫制作⑴打開新影片文件并安排場景；⑵插入動畫元件（幀、圖層等）；⑶設(shè)定動畫效果并測試動畫；⑷使用File/Save命令保存擴(kuò)展名為fla的Flash動畫文件；⑸輸出影片。1動畫制作流程第三部分簡單的Flash動畫制作2制作逐幀動畫⑴創(chuàng)建一個新圖層；⑵在起始幀位置插入一個空白關(guān)鍵幀；⑶在空白關(guān)鍵幀中制作和編輯畫面內(nèi)容；⑷在編輯完成的關(guān)鍵幀后插入另一空白關(guān)鍵幀進(jìn)行編輯，使之與上一幀略有不同；⑸重復(fù)步驟⑷的操作，創(chuàng)建其他各幀，直至全部制作完畢；⑹保存文件。注：若每幀的畫面已用其他繪圖軟件制作成系列圖片文件，則⑷⑸兩步可并為一步，即使用File/Import命令導(dǎo)入系列圖片文件。第三部分簡單的Flash動畫制作3制作運(yùn)動漸變動畫⑴創(chuàng)建一個新圖層；⑵在起始幀位置，插入一個空白關(guān)鍵幀；⑶在空白關(guān)鍵幀中制作和編輯畫面內(nèi)容；⑷單擊時間軸中的結(jié)束幀位置，插入另一個關(guān)鍵幀（或空白關(guān)鍵幀）；⑸在結(jié)束關(guān)鍵幀中注：運(yùn)動漸變動畫首尾幀間有淡藍(lán)色背景，并有黑色箭頭表示，若出現(xiàn)虛線表示漸變過程有問題。⑹創(chuàng)建運(yùn)動動畫，并設(shè)置運(yùn)動參數(shù)；⑺保存文件。注：運(yùn)動漸變動畫首尾幀間有淡藍(lán)色背景，并有黑色箭頭表示，若出現(xiàn)虛線表示漸變過程有問題。第三部分簡單的Flash動畫制作（1）對象必須是元件：包括影片剪輯元件、圖形元件、按鈕元件或文字、位圖和其他組合的對象，不能是形狀（分離的），只有形狀組合或者轉(zhuǎn)換成元件后才可以創(chuàng)建動作漸變動畫。（2）至少需要兩個關(guān)鍵幀；（3）兩個關(guān)鍵幀中的對象必須是同一對象；（4）兩個關(guān)鍵幀中的對象必須有一些變化，否則沒有動作變化的效果。動作漸變動畫的條件：第三部分簡單的Flash動畫制作制作運(yùn)動漸變動畫的限制條件⑴起始幀和結(jié)束幀中的運(yùn)動對象只能是形狀；⑵當(dāng)運(yùn)動對象是文字、符號或組合體時，必須先通過打散命令將它們打散。判定形狀的方法當(dāng)使用鼠標(biāo)單擊所選擇的對象時，對象會被小圓點(diǎn)覆蓋。4形狀漸變動畫簡單的Flash動畫制作形狀漸變動畫的制作過程⑴創(chuàng)建一個新圖層；⑵在起始幀位置插入一個空白關(guān)鍵幀；⑶在空白關(guān)鍵幀中制作和編輯畫面內(nèi)容；⑷單擊時間軸中的結(jié)束幀位置，插入一個（空白）關(guān)鍵幀，在其中編輯制作形狀；⑸在屬性面板中單擊Tween右側(cè)文本框的下拉箭頭選擇Shape選項(xiàng)，創(chuàng)建形變動畫；⑹保存文件。第三部分簡單的Flash動畫制作5“創(chuàng)建補(bǔ)間動畫”的方法：（1）右擊起始幀或補(bǔ)間幀中的任一幀，在彈出的快捷菜單中選擇創(chuàng)建補(bǔ)間動畫。（2）選中要創(chuàng)建動畫的開始關(guān)鍵幀，選擇主菜單“插入”→“時間軸”→“創(chuàng)建補(bǔ)間動畫”命令。（3）選中要創(chuàng)建動畫的開始關(guān)鍵幀，打開“屬性”面板，在“屬性”面板“補(bǔ)間”下拉列表選擇“動畫”選項(xiàng)即可。第三部分簡單的Flash動畫制作制作遮罩動畫的原理（1）“遮罩動畫”在有些資料中也稱為“蒙版動畫”，主要通過一個“遮罩層”制作出特殊的動畫效果。（2）直接單擊“插入引導(dǎo)層”按鈕可插入“引導(dǎo)層”，而創(chuàng)建“遮罩層”需在該層上單擊右鍵，在彈出的快捷菜單中選擇“遮罩層”命令，對應(yīng)的下面一個圖層自動變?yōu)椤氨徽谡謱印?。?）簡單的遮罩動畫，相當(dāng)于在“遮罩層”上放一個只有形狀部分是透明的對象，在這個對象運(yùn)動過程中，只顯示這個透明部分下面的內(nèi)容，其他的都被遮住了。6制作遮罩動畫遮罩層示意圖第三部分簡單的Flash動畫制作建立：方法一：用鼠標(biāo)將已經(jīng)存在的普通層拖曳到遮

罩層下面。方法二：在建立一個新的遮罩層的同時系統(tǒng)自動

與其下面的普通層建立關(guān)聯(lián)。具體操作：選中一個普通層，在圖層屬性對話

框中選中Mas單選項(xiàng)。取消：方法一：用鼠標(biāo)將被遮罩的圖層拖曳到遮罩層

的上面。方法二：選中被遮罩圖層，在圖層屬性對話框

中選中Normal單選項(xiàng)。7建立與取消普通層與遮罩層的關(guān)聯(lián)第三部分簡單的Flash動畫制作Flash提供了多種應(yīng)用聲音的方法：如單獨(dú)播放一段聲音、將聲音與動畫同步播放、為按鈕添加個性的聲音以及使聲音產(chǎn)生淡入淡出的效果等。在Flash中，聲音的使用主要有兩種類型1、事件聲音事件聲音必須完全下載后才能開始播放，而且連續(xù)播放，直到有明確的停止命令。比較適合制作很短的聲音，如單擊按鈕的聲音。2、流聲音流聲音只需要下載開始幾幀的數(shù)據(jù)便開始播放，而且聲音的播放和時間軸同步，這一特點(diǎn)很適合在網(wǎng)絡(luò)中使用。流聲音適用于使用較長的聲音，如MP3。8聲音的使用第三部分簡單的Flash動畫制作⑴選擇File/Import對話框；⑵選擇聲音文件，單擊“打開”按鈕，該聲音文件即加入庫面板中；⑶選擇Window/Library命令，打開庫面板；⑷將庫面板中的聲音文件拖至某一幀的工作區(qū)中，該幀的時間軸上即出現(xiàn)一表示聲音的符號。9導(dǎo)入聲音文件第三部分簡單的Flash動畫制作（1）、應(yīng)用程序（2）、操作系統(tǒng)界面（3）、手機(jī)領(lǐng)域的開發(fā)（4）、游戲開發(fā)（5）、Web應(yīng)用服務(wù)（6）、站點(diǎn)建設(shè)

（7）、多媒體娛樂

（8）、教學(xué)系統(tǒng)

（9）、其他10