網(wǎng)張動(dòng)畫(huà)制作工具Flash教學(xué)課件

1、網(wǎng)頁(yè)動(dòng)畫(huà)制作工具Flash11.1 Flash 8簡(jiǎn)介11.2 Flash 8的基本概念與操作 11.3 動(dòng)畫(huà)制作11.4 動(dòng)畫(huà)的測(cè)試、優(yōu)化與發(fā)布第11章 網(wǎng)頁(yè)動(dòng)畫(huà)制作工具Flash 8 11.1.1 Flash的特點(diǎn)1友好的操作界面 無(wú)須任何編程基礎(chǔ)就可以輕松制作出動(dòng)畫(huà)效果。2生成的動(dòng)畫(huà)文件可以獨(dú)立播放 用Flash制作的動(dòng)畫(huà)作品不僅可以在線(xiàn)觀看，也可以離線(xiàn)觀看，并保留其原來(lái)動(dòng)畫(huà)中的各種交互式操作功能。3流媒體動(dòng)畫(huà)Flash文件還沒(méi)有完全下載完畢時(shí)就播放動(dòng)畫(huà)，即下載的同時(shí)進(jìn)行播放。11.1 Flash 8簡(jiǎn)介 11.1.1 Flash的特點(diǎn)4文件體積較小 由于Flash采用的圖像方式是矢量圖

2、，生成的文件相對(duì)于傳統(tǒng)網(wǎng)頁(yè)動(dòng)畫(huà)中同等面積的像素圖來(lái)說(shuō)要小很多。5具有交互式作用的多媒體影片 Flash影片可以通過(guò)Action Script腳本語(yǔ)言與使用者建立交互式關(guān)系，使用者可以通過(guò)鍵盤(pán)操作或鼠標(biāo)操作與影片實(shí)現(xiàn)互動(dòng)。6易用性 由于其操作界面與其他程序（如Office、Photoshop等）相似，因此用戶(hù)很容易上手。11.1 Flash 8簡(jiǎn)介Flash界面菜單欄常用工具欄繪圖工具欄控制工具欄狀態(tài)欄常用工具欄 繪制工具欄Flash其它欄目屬性面板工具面板區(qū)：混色器面板、組件面板、顏色樣本面板動(dòng)作面板庫(kù)窗口：存儲(chǔ)和組織元素的對(duì)象場(chǎng)景和舞臺(tái) 場(chǎng)景是指在當(dāng)前動(dòng)畫(huà)編輯窗口中，編輯動(dòng)畫(huà)內(nèi)容的整個(gè)區(qū)域

3、。 動(dòng)畫(huà)是在場(chǎng)景中被制作完成的，而場(chǎng)景中又包括舞臺(tái)與工作區(qū)。 例：拍電影，攝影棚可以被理解為場(chǎng)景，而鏡頭對(duì)準(zhǔn)的地方就是舞臺(tái)。 舞臺(tái)中顯示的動(dòng)畫(huà)效果才是影片的實(shí)際效果，舞臺(tái)以外的區(qū)域是工作區(qū)，最終的影片中不會(huì)顯示工作區(qū)中的對(duì)象。工作區(qū)也是不可或缺的，它可以使畫(huà)面運(yùn)動(dòng)更加流暢自然，畫(huà)面的邊緣不會(huì)消失得那么唐突。 在場(chǎng)景編輯窗口中，除了舞臺(tái)和工作區(qū)外，還有以下幾項(xiàng)內(nèi)容：場(chǎng)景名、“編輯場(chǎng)景”按鈕、“編輯元件”按鈕和顯示比例。 11.2 Flash 8的基本概念與操作 動(dòng)畫(huà)實(shí)例線(xiàn)性動(dòng)畫(huà)旋轉(zhuǎn)動(dòng)畫(huà)縮放動(dòng)畫(huà)色彩動(dòng)畫(huà)沿引導(dǎo)線(xiàn)運(yùn)動(dòng)遮罩動(dòng)畫(huà)繪制簡(jiǎn)單動(dòng)畫(huà)歡迎來(lái)到歡樂(lè)之家頁(yè)面屬性設(shè)置制作新元件：歡迎制作新元件：來(lái)到歡樂(lè)

4、之家設(shè)置動(dòng)作：具有先后順序制作矢量動(dòng)畫(huà)每個(gè)矢量都是一個(gè)對(duì)象；每個(gè)對(duì)象都有自己的屬性：如顏色、粗細(xì)繪制直線(xiàn)（普通、水平、垂直、45度角）、矩形（普通、圓角矩形）、橢圓型（橢圓、正圓）、曲線(xiàn)鉛筆模式：伸直、平滑、墨水（接近手繪）編輯對(duì)象“修改”“變形”菜單項(xiàng)縮放對(duì)象旋轉(zhuǎn)對(duì)象傾斜對(duì)象中心點(diǎn)水平翻轉(zhuǎn)與垂直翻轉(zhuǎn)取消變形調(diào)整對(duì)象按建立的順序排列對(duì)象；先建立的對(duì)象排在底層，后建立的對(duì)象排在上層；改變順序：“修改”“排列”中的移至底層、移至頂層、上移一層、下移一層；組合：多個(gè)對(duì)象組合便于移動(dòng)； “修改”“組合”；分離：對(duì)群組對(duì)象中的單個(gè)對(duì)象處理；復(fù)制對(duì)象、粘貼對(duì)象（粘貼位置）對(duì)齊對(duì)象輔助繪圖功能編輯中的“撤銷(xiāo)

5、”與“重復(fù)”選項(xiàng)標(biāo)尺：定位；“視圖”“標(biāo)尺”網(wǎng)格：對(duì)齊； “視圖”“標(biāo)尺”“編輯”“首選參數(shù)”“編輯”“繪圖工具”選項(xiàng)：輔助繪圖功能；直線(xiàn)選項(xiàng)、曲線(xiàn)選項(xiàng)等點(diǎn)陣圖處理分離對(duì)象將文字對(duì)象、元件、點(diǎn)陣圖分離成線(xiàn)條和填色區(qū)域；可使用墨水瓶和油漆桶進(jìn)行線(xiàn)條的編輯和填色；例：分離文字對(duì)象，用油漆桶填色； 去除背景效果：分離對(duì)象； 選用套索，設(shè)置魔術(shù)棒模式，套索對(duì)象；用箭頭對(duì)象選定背景，刪除背景。文字處理文字的輸入、修改、復(fù)制、刪除；格式化文字：改變字體、大小、樣式（上、下標(biāo)）、對(duì)齊、間距；編輯文字框：旋轉(zhuǎn)、傾斜、縮放；變形、漸變：先分離文字；后變形、漸變。時(shí)間軸面板用于控制動(dòng)畫(huà)；管理圖層，處理幀；顯示動(dòng)畫(huà)

6、中各幀的排列順序，也包括各層的前后順序；由時(shí)間標(biāo)尺和代表幀的小方格構(gòu)成Flash動(dòng)畫(huà)由幀順序排列時(shí)間軸按鈕繪圖紙按鈕繪圖紙外觀：工作區(qū)內(nèi)同時(shí)出現(xiàn)數(shù)個(gè)幀，幀內(nèi)對(duì)象以顏色逐漸淡化表示先后順序，關(guān)鍵幀以顏色表示；繪圖紙外觀輪廓：與繪圖紙外觀相同，但只顯示物件的外框；編輯多個(gè)幀：看到每個(gè)幀中的對(duì)象，并可對(duì)對(duì)象編輯修改繪圖紙標(biāo)記：總是顯示標(biāo)記、錨定繪圖紙、繪圖紙2、繪圖紙 5、繪制全部。幀每一幅靜態(tài)的畫(huà)面就是一個(gè)單獨(dú)的幀按時(shí)間順序放映這些連續(xù)畫(huà)面，畫(huà)面將會(huì)動(dòng)起來(lái)幀的屬性操作顯示和播放幀：可拖拽幀指針位置調(diào)節(jié)幀面板：改變幀播放速率：“修改”“文檔”實(shí)例：光碟的運(yùn)動(dòng)新建光碟元件；切換到場(chǎng)景，設(shè)置動(dòng)畫(huà)；預(yù)覽；

7、幀的基本操作插入操作復(fù)制操作移動(dòng)操作刪除操作：實(shí)例：圓形的填充幀的分類(lèi)關(guān)鍵幀：關(guān)鍵畫(huà)面，主導(dǎo)關(guān)鍵性位置或動(dòng)作,是決定一段動(dòng)畫(huà)的必要幀。一般放在動(dòng)畫(huà)開(kāi)始點(diǎn)、控制轉(zhuǎn)折點(diǎn)或結(jié)束點(diǎn)?！昂谏A點(diǎn)”表示；其中可以放置圖形，播放對(duì)象，并可以對(duì)所包含的內(nèi)容進(jìn)行編輯。空白幀：不含任何影像空白關(guān)鍵幀：不含任何影像的關(guān)鍵幀；將前面的關(guān)鍵幀的內(nèi)容清除掉，使畫(huà)面中的內(nèi)容變?yōu)榭瞻?，使?duì)象消失掉；添加了內(nèi)容后，它自動(dòng)變成關(guān)鍵幀。普通幀：二個(gè)關(guān)鍵畫(huà)面之間由電腦自動(dòng)繪出的過(guò)渡畫(huà)面?！胺叫巍北硎荆淮_定了兩端的關(guān)鍵幀后，利用命令可以自動(dòng)計(jì)算添加過(guò)渡幀，無(wú)須人工添加。2對(duì)象Flash中任何被選中的東西，都可以叫做對(duì)象。對(duì)象被選中后

8、，可以通過(guò)設(shè)置實(shí)現(xiàn)用戶(hù)要求的變形或運(yùn)動(dòng)。可以通過(guò)工具對(duì)它進(jìn)行填充、修改、移動(dòng)、變形等編輯。三角形的繪畫(huà)一、創(chuàng)建影片：尺寸300X300，幀頻6px；二、創(chuàng)建動(dòng)畫(huà)：畫(huà)一紅色直線(xiàn)，線(xiàn)粗為3，在第10幀插入關(guān)鍵幀，回到第一幀，任意變形工具，把直線(xiàn)拉短，注意要與原直線(xiàn)重合。在第一層的第10幀增加普通幀，目的是延長(zhǎng)第10幀的效果。再增加一層，在第二層的第10幀插入空白關(guān)鍵幀，畫(huà)三角形第二邊。第20幀加關(guān)鍵幀，回到第10幀使第二邊變短設(shè)置變形動(dòng)畫(huà)。 同理，畫(huà)第三邊在第31幀的選中三邊，改變顏色為黃色（閃動(dòng)效果），第32幀再改回為紅色第35幀加普通幀延長(zhǎng)效果。圖層功能：數(shù)個(gè)角色與背景分別制作默認(rèn)一個(gè)標(biāo)準(zhǔn)層（

9、圖層1）添加圖層改變圖層名稱(chēng)改變圖層順序：拖拽；普通層:通常建立的層運(yùn)動(dòng)引導(dǎo)層:通過(guò)運(yùn)動(dòng)引導(dǎo)建立的層是引導(dǎo)層，提供引導(dǎo)線(xiàn)作為被引導(dǎo)層中對(duì)象的運(yùn)動(dòng)軌跡；遮罩層:設(shè)定遮罩關(guān)系建立的層，它的作用是為了實(shí)現(xiàn)遮罩關(guān)系下的特別效果；注釋說(shuō)明層:可以添加一些說(shuō)明性文字，而輸出時(shí)不輸出該層內(nèi)容。11.2 Flash 8的基本概念與操作 圖層顯示/隱藏層鎖定/解鎖層顯示圖層的輪廓圖層的屬性更改；添加引導(dǎo)層添加文件夾刪除層多圖層管理顯示所有圖層：鎖定其他圖層：隱藏其他圖層實(shí)例載入動(dòng)畫(huà)建立新元件元件（組件）：通過(guò)工具欄中繪制的圖形(形變動(dòng)畫(huà)除外）通常不能作為動(dòng)畫(huà)對(duì)象設(shè)置動(dòng)作創(chuàng)建動(dòng)畫(huà)，要轉(zhuǎn)化成元件。元件占用的體積小,

10、以庫(kù)項(xiàng)目方式存儲(chǔ)在庫(kù)中即使在場(chǎng)景中將所有元件全部刪除掉，也不會(huì)影響庫(kù)面板中的元件。元件的建立是以重復(fù)使用為目的的，不但可以將其應(yīng)用于當(dāng)前影片，還可以將其應(yīng)用于其他影片。11.2 Flash 8的基本概念與操作 元件中可以包含位圖、圖形、組合、聲音甚至是其他元件，但不可以將元件置于其自身內(nèi)部。Flash中包括3種元件類(lèi)型，分別為圖形元件、影片剪輯元件和按鈕元件。圖形元件：存放單獨(dú)圖形；影片剪輯元件：動(dòng)畫(huà)符號(hào)，具有互動(dòng)式功能，也可播放聲音；按鈕元件：檢測(cè)鼠標(biāo)動(dòng)作并產(chǎn)生互動(dòng)功能，夾帶音效；每個(gè)元件都具有獨(dú)立的時(shí)間軸、工作區(qū)和圖層，每種元件類(lèi)型都具有獨(dú)特的屬性元件與實(shí)例應(yīng)用于影片的元件被稱(chēng)做“實(shí)例”。

11、對(duì)實(shí)例的編輯只針對(duì)實(shí)例本身，不會(huì)影響到庫(kù)面板中的元件。庫(kù)是Flash組織、編輯和管理動(dòng)畫(huà)中創(chuàng)建的和使用的各種元件的倉(cāng)庫(kù)。所有元件都會(huì)被自動(dòng)載入到當(dāng)前影片的庫(kù)面板中，還可以從其他影片的庫(kù)面板中調(diào)用元件，或者根據(jù)需要建立自己的庫(kù)。管理元件庫(kù)面板的操作新增刪除編輯改名改屬性增加文件夾移動(dòng)元件 11.2.2 動(dòng)畫(huà)的基本概念1計(jì)算機(jī)動(dòng)畫(huà)的概念與原理 動(dòng)畫(huà)：將靜止?fàn)顟B(tài)下的一幅幅圖畫(huà)或照片連續(xù)地演播出來(lái)的技術(shù)，又有以下兩種說(shuō)法： 動(dòng)畫(huà)是一種通過(guò)一系列連續(xù)的畫(huà)面來(lái)顯示運(yùn)動(dòng)的技術(shù)，是以一定的播放速度來(lái)達(dá)到連續(xù)運(yùn)動(dòng)的效果的； 動(dòng)畫(huà)是一系列具有各種物體的動(dòng)態(tài)畫(huà)面的處理過(guò)程，每一個(gè)畫(huà)面都可以與前一個(gè)畫(huà)面有著微小的變化

12、。 11.2 Flash 8的基本概念與操作 動(dòng)畫(huà)原理 人的“視覺(jué)原理”。 人的眼睛看到圖像后的1/24s內(nèi)，圖像不會(huì)從大腦中消失。 如果在前一圖像沒(méi)有消失之前，播放下一圖像，就會(huì)給人造成一種連續(xù)變化的視覺(jué)效果。 電影、電視都是利用了這一原理。 2計(jì)算機(jī)動(dòng)畫(huà)的分類(lèi) （1）按計(jì)算機(jī)在動(dòng)畫(huà)制作中的作用分類(lèi)計(jì)算機(jī)輔助動(dòng)畫(huà)： 屬于二維動(dòng)畫(huà)，輔助動(dòng)畫(huà)師們制作類(lèi)似于傳統(tǒng)動(dòng)畫(huà)的動(dòng)畫(huà)，以及對(duì)各類(lèi)動(dòng)畫(huà)片段的編輯（合成、連接）等后期制作。造型動(dòng)畫(huà)。11.2 Flash 8的基本概念與操作 計(jì)算機(jī)動(dòng)畫(huà)的分類(lèi)（2）按運(yùn)動(dòng)的控制方式分類(lèi)關(guān)鍵幀動(dòng)畫(huà)：通過(guò)對(duì)關(guān)鍵畫(huà)面的控制來(lái)獲得中間畫(huà)面的動(dòng)畫(huà)序列，算法動(dòng)畫(huà)：采用算法實(shí)現(xiàn)對(duì)物

13、體的運(yùn)動(dòng)控制或模擬攝像機(jī)的運(yùn)動(dòng)控制。 2計(jì)算機(jī)動(dòng)畫(huà)的分類(lèi) （3）從制作原理上分類(lèi) 逐幀動(dòng)畫(huà)：通過(guò)更改每一幀中的舞臺(tái)內(nèi)容而獲得動(dòng)畫(huà)效果，它最適合于每一幀中的圖像都在改變，而不是僅僅簡(jiǎn)單地在舞臺(tái)中移動(dòng)的復(fù)雜動(dòng)畫(huà)。缺點(diǎn)是太耗費(fèi)時(shí)間和精力，而且最終生成的動(dòng)畫(huà)文件偏大。優(yōu)點(diǎn)是能最大限度地控制動(dòng)畫(huà)的變化細(xì)節(jié)。 補(bǔ)間動(dòng)畫(huà)：在兩個(gè)關(guān)鍵幀之間建立漸變的一種動(dòng)畫(huà)。補(bǔ)間動(dòng)畫(huà)關(guān)鍵幀的對(duì)象是元件的實(shí)例、群組體或文字。補(bǔ)間動(dòng)畫(huà)的原理是：在第一個(gè)關(guān)鍵幀中設(shè)置元件實(shí)例、群組體或文字的屬性，然后在第二個(gè)關(guān)鍵幀中修改對(duì)象的屬性，從而在兩幀之間產(chǎn)生動(dòng)畫(huà)效果，可以修改的屬性包括大小、顏色、旋轉(zhuǎn)和傾斜、位置、透明度及各種屬性的組合。1

14、1.2 Flash 8的基本概念與操作 3Flash動(dòng)畫(huà)的格式 （1）Flash源文件格式 Flash源文件格式的擴(kuò)展名為fla，該類(lèi)型文件只能在Flash應(yīng)用程序中被打開(kāi)和編輯。用戶(hù)可以在Flash應(yīng)用程序中打開(kāi)該文件，然后導(dǎo)出擴(kuò)展名為swf或swt的文件，以便在瀏覽器中使用。 （2）Flash電影文件格式 Flash電影文件格式的擴(kuò)展名為swf。這種類(lèi)型的文件可以在瀏覽器中播放，但是要求瀏覽器安裝Flash Player播放器插件后才能播放，不能在Flash應(yīng)用程序中編輯。在Dreamweaver中允許用戶(hù)直接插入Flash動(dòng)畫(huà)對(duì)象，該對(duì)象的擴(kuò)展名為swf。 11.2 Flash 8的基本

15、概念與操作 11.3.1 逐幀動(dòng)畫(huà)的制作 逐幀動(dòng)畫(huà)的制作方法與傳統(tǒng)的動(dòng)畫(huà)相似，將對(duì)象的運(yùn)動(dòng)過(guò)程分解成多個(gè)靜態(tài)圖形，再將這些連續(xù)的靜態(tài)圖形置于連續(xù)關(guān)鍵幀中，就構(gòu)成了逐幀動(dòng)畫(huà)。 由于其中的每一幀都是關(guān)鍵幀，所以生成的影片相對(duì)較大，僅適用于制作較為精細(xì)復(fù)雜的小動(dòng)畫(huà)?！纠?1-1】制作圣誕老人走路的動(dòng)畫(huà)效果。11.3 動(dòng)畫(huà)制作 【例11-1】 圖11-4 素材圖像的源文件 11.3.2 運(yùn)動(dòng)漸變動(dòng)畫(huà)的制作 運(yùn)動(dòng)漸變動(dòng)畫(huà)是補(bǔ)間動(dòng)畫(huà)的一種。 通過(guò)為對(duì)象創(chuàng)建運(yùn)動(dòng)漸變，可以改變對(duì)象的位置、大小、旋轉(zhuǎn)或傾斜，做出物體運(yùn)動(dòng)的各種效果。 通過(guò)設(shè)置實(shí)例的顏色屬性，還可以制作出豐富的漸變效果 導(dǎo)致運(yùn)動(dòng)漸變動(dòng)畫(huà)失敗的原因

16、有很多，主要是以下3種原因 缺少起始幀或終止幀； 起始幀或終止幀包含多個(gè)對(duì)象； 起始幀或終止幀中包含的對(duì)象不是元件實(shí)例。 11.3 動(dòng)畫(huà)制作 圖片的使用導(dǎo)入圖片處理導(dǎo)入的圖像：組合與分離轉(zhuǎn)換位圖設(shè)置導(dǎo)入的位圖：在庫(kù)面板中雙擊元件，顯示位圖屬性窗口；顯示文件名稱(chēng)、路徑、平滑；改變壓縮格式、導(dǎo)入、測(cè)試；相片動(dòng)起來(lái)建立組件運(yùn)動(dòng)效果放大效果；淡出且變小效果 ：變小，透明度20推進(jìn)效果 ：變大，透明度100由正面到反面的漸變效果 ：傾斜，垂直斜度180 要正確使用運(yùn)動(dòng)漸變必須滿(mǎn)足以下創(chuàng)作條件： 運(yùn)動(dòng)漸變只能作用于元件實(shí)例，要對(duì)形狀、組合、位圖或文本對(duì)象應(yīng)用運(yùn)動(dòng)漸變，必須先將這些對(duì)象轉(zhuǎn)換為元件； 運(yùn)動(dòng)漸變

17、中的元件只能是一對(duì)一的漸變，多對(duì)一或一對(duì)多均會(huì)導(dǎo)致漸變失?。?運(yùn)動(dòng)漸變中的元件只能在同一圖層中。 【例11-2】使用運(yùn)動(dòng)漸變動(dòng)畫(huà)實(shí)現(xiàn)文字被風(fēng)吹走的效果，如圖11-13所示。 11.3 動(dòng)畫(huà)制作 圖11-13 實(shí)例效果【例11-2】 運(yùn)動(dòng)漸變過(guò)程：新建八個(gè)元件，分別位于每個(gè)層的第一禎對(duì)元件相隔第20禎添加關(guān)鍵禎，設(shè)置任意變形（水平翻轉(zhuǎn)），alpha屬性值為0，移動(dòng)到右上角，設(shè)置運(yùn)動(dòng)漸變，緩動(dòng)值為-100形變動(dòng)畫(huà)和運(yùn)動(dòng)動(dòng)畫(huà)不同的是，其動(dòng)畫(huà)對(duì)象只能是矢量圖形對(duì)象；群組對(duì)象、圖符引例對(duì)象、符號(hào)和位圖圖像均不能夠作為變形動(dòng)畫(huà)的對(duì)象（除非把它們打散成矢量圖形）。形變動(dòng)畫(huà)可以在兩個(gè)關(guān)鍵幀之間制作出變形的效果

18、，讓一種形狀隨時(shí)間變化成另外一種形狀；還可以對(duì)形狀的位置、大小和顏色進(jìn)行漸變；11.3.3運(yùn)動(dòng)漸變動(dòng)畫(huà)和形狀漸變動(dòng)畫(huà)區(qū)別 運(yùn)動(dòng)漸變動(dòng)畫(huà)要求運(yùn)動(dòng)對(duì)象作為一個(gè)整體，通過(guò)位置、大小、色彩等屬性發(fā)生變化來(lái)實(shí)現(xiàn)效果； 形狀漸變動(dòng)畫(huà)的對(duì)象是打散的對(duì)象，對(duì)于入庫(kù)的元件（如文字），只有元件被打散后才能實(shí)現(xiàn)形狀漸變的。在動(dòng)畫(huà)過(guò)程中改變的是對(duì)象的形狀，從一種形狀平滑地變化到另一種形狀，即使是文字，在這里也只有形狀，不再算是文字。 形狀漸變動(dòng)畫(huà)允許一個(gè)圖層上安排多個(gè)對(duì)象，同時(shí)進(jìn)行形狀漸變，而且有時(shí)還會(huì)產(chǎn)生意料之外的變化。 11.3 動(dòng)畫(huà)制作 正確創(chuàng)建形狀漸變時(shí)，首先需定義兩個(gè)關(guān)鍵幀起始幀與結(jié)束幀，并分別在其中繪制好

19、圖形。接著就可以在兩個(gè)關(guān)鍵幀之間創(chuàng)建形狀漸變動(dòng)畫(huà)了。 動(dòng)畫(huà)中過(guò)渡的部分，即補(bǔ)間，是由Flash自行計(jì)算得來(lái)的。 11.3.3 形狀漸變動(dòng)畫(huà)的制作 【例11-3】利用形狀漸變制作從圖形向文字的漸變，效果如圖11-31所示。 11.3 動(dòng)畫(huà)制作 圖11-31 從圖形向文字的漸變【例11-3】 簡(jiǎn)單變形動(dòng)畫(huà)：歡渡國(guó)慶一、創(chuàng)建影片：尺寸400X300，背景淺桔色。二、創(chuàng)建動(dòng)畫(huà)：第1幀：畫(huà)出一個(gè)沒(méi)有邊框的紅色矩形；第10幀插入空白關(guān)鍵幀，畫(huà)出一個(gè)沒(méi)有邊框的藍(lán)色小球。點(diǎn)第1幀，設(shè)置變形動(dòng)畫(huà)，選擇形狀漸變。第20幀插入空白關(guān)鍵幀，選取字體Webdings，輸入字母v。會(huì)出現(xiàn)一輛汽車(chē)符號(hào)，任意變形調(diào)整汽車(chē)大小

20、,“修改/分離”，汽車(chē)變彩虹色。點(diǎn)第10幀，設(shè)置變形動(dòng)畫(huà)，選擇圖形變化。第40幀插入空白關(guān)鍵幀，輸入“歡渡國(guó)慶”，打散文字兩次。點(diǎn)第20幀設(shè)置變形動(dòng)畫(huà)。按F5在第50幀插入一幀，以延長(zhǎng)第40幀的效果提示：在英文字體中有很多特殊的字體，如Webdings，它可以產(chǎn)生各類(lèi)圖案。提示：因?yàn)镕lash不能對(duì)群組、圖符（組件）、字符或者位圖圖像進(jìn)行動(dòng)畫(huà)變形，所以要將字符打散。有的要打散兩次。11.3.4 遮罩動(dòng)畫(huà)的制作 也叫蒙板，是Flash中一種特殊的圖層。 實(shí)現(xiàn)對(duì)它下層被遮罩的圖層顯示區(qū)域或顯示范圍的控制，即在遮罩層上非透明的區(qū)域，下層對(duì)應(yīng)的地方就顯示，否則不顯示。 遮罩層位于被遮罩的圖層的上面，次

21、序絕對(duì)不可以顛倒。 遮罩動(dòng)畫(huà)的實(shí)現(xiàn)步驟一般如下所述： 制作一段運(yùn)動(dòng)漸變動(dòng)畫(huà)或形狀漸變動(dòng)畫(huà)； 然后添加一個(gè)圖層，并設(shè)置屬性為遮罩層； 在遮罩圖層和被遮罩圖層之間建立關(guān)聯(lián)關(guān)系，實(shí)現(xiàn)遮罩動(dòng)畫(huà)的效果。11.3 動(dòng)畫(huà)制作 11.3.4 遮罩動(dòng)畫(huà)的制作 【例11-4】利用遮罩技術(shù)實(shí)現(xiàn)電影序幕效果，動(dòng)畫(huà)開(kāi)始時(shí)文字隱藏，然后逐漸顯現(xiàn)，最后再慢慢消失，即淡入淡出的效果，如圖11-37所示。 11.3 動(dòng)畫(huà)制作 圖11-37 文字的電影序幕效果 【例11-4】 遮罩動(dòng)畫(huà)的制作實(shí)例2遮罩文字11.3.5 引導(dǎo)層運(yùn)動(dòng)動(dòng)畫(huà)的制作 一般情況下，運(yùn)動(dòng)動(dòng)畫(huà)產(chǎn)生補(bǔ)間動(dòng)畫(huà)時(shí)，都是按照最簡(jiǎn)單的方式產(chǎn)生的，即按直線(xiàn)從起點(diǎn)運(yùn)動(dòng)到終點(diǎn)方

22、式產(chǎn)生 Flash中有一種專(zhuān)門(mén)的圖層引導(dǎo)層。在引導(dǎo)層中，利用可以產(chǎn)生曲線(xiàn)的工具繪制一條曲線(xiàn)，再利用屬性面板的設(shè)置，使它作為運(yùn)動(dòng)對(duì)象或?qū)嶓w的運(yùn)動(dòng)軌跡。 演播時(shí)，這條曲線(xiàn)并不出現(xiàn)，但它的使用可以實(shí)現(xiàn)完美的曲線(xiàn)運(yùn)動(dòng)效果。 為了讓運(yùn)動(dòng)的對(duì)象能沿著曲線(xiàn)進(jìn)行運(yùn)動(dòng)，需要添加引導(dǎo)層及引導(dǎo)線(xiàn)。11.3 動(dòng)畫(huà)制作 【例11-5】利用引導(dǎo)層運(yùn)動(dòng)動(dòng)畫(huà)制作一個(gè)紙飛機(jī)在舞臺(tái)上沿著不規(guī)則路徑飛翔的動(dòng)畫(huà)，實(shí)例效果如圖11-45所示。11.3 動(dòng)畫(huà)制作 圖11-45 實(shí)例效果【例11-5】 沿引導(dǎo)層運(yùn)動(dòng)注意：引導(dǎo)圖層添加到被引導(dǎo)圖層的上面；在引導(dǎo)圖層中繪制引導(dǎo)線(xiàn)在被引導(dǎo)圖層中設(shè)置位置，添加動(dòng)作實(shí)例2：多軌道運(yùn)動(dòng)的小球?qū)嵗?:制

23、作書(shū)寫(xiě)動(dòng)畫(huà)色彩動(dòng)畫(huà)實(shí)例聲音模擬新建影片剪輯動(dòng)畫(huà)新加關(guān)鍵幀-復(fù)制矩形，改變色彩最后一幀求隨機(jī)變量f=random(n)第一關(guān)鍵幀：gotoplayframe(f);場(chǎng)景構(gòu)成場(chǎng)景構(gòu)成：畫(huà)布層和浮動(dòng)層；畫(huà)布層在最底部，上面重疊數(shù)個(gè)浮動(dòng)層；利用繪圖工具在編輯區(qū)繪圖屬于畫(huà)布層；改變浮動(dòng)層的順序：移至頂層、上移一層，下移一層、創(chuàng)建場(chǎng)景；調(diào)整場(chǎng)景將元件拖拽到工作區(qū)后，就變成場(chǎng)景，也就是元件的分身；每個(gè)場(chǎng)景都連接著元件，屬性從元件的獲得；場(chǎng)景擁有各自屬性，可獨(dú)自運(yùn)作顯示和排列場(chǎng)景新建場(chǎng)景： “插入”場(chǎng)景場(chǎng)景切換：“視圖”“轉(zhuǎn)到”；編輯場(chǎng)景：“窗口”“設(shè)計(jì)面板”“場(chǎng)景”實(shí)現(xiàn)新建場(chǎng)景、復(fù)制、刪除場(chǎng)景；按鈕四個(gè)狀態(tài)

24、：彈起、鼠標(biāo)經(jīng)過(guò)、按下、點(diǎn)擊，具備其中的幾項(xiàng)即可制作按鈕測(cè)試按鈕簡(jiǎn)單按鈕制作在原來(lái)的動(dòng)畫(huà)中增加按鈕實(shí)例制作按鈕控制場(chǎng)景切換新建元件按鈕在場(chǎng)景中導(dǎo)入圖片，插入按鈕新建場(chǎng)景，導(dǎo)入圖片,插入按鈕設(shè)置按鈕動(dòng)作按鈕實(shí)例圖片播放器上一頁(yè)，下一頁(yè)動(dòng)作腳本的添加新建元件上一頁(yè)，下一頁(yè)多次建立相連關(guān)鍵幀，每個(gè)關(guān)鍵幀導(dǎo)入圖片新建圖層，插入二個(gè)按鈕，延長(zhǎng)按鈕作用時(shí)間設(shè)置按鈕動(dòng)作on (press) prevFrame()/nextframe()腳本實(shí)例夜空新建圖形元件星星；新建影片剪輯設(shè)置星星從有到無(wú)到有的過(guò)程新建影片剪輯，添加三個(gè)空白關(guān)鍵幀，設(shè)置腳本；(1:num=0;3:gotoandPlay(2);)切換到場(chǎng)

25、景，拖入二個(gè)影片剪輯，并且設(shè)置星星從有到無(wú)到有的剪輯實(shí)例為star.if (num45) num = 0;_root.star.stop();_root.star._x = random(600);_root.star._y = random(450);_root.star.duplicateMovieClip(num,num);num = num+1;插入路徑絕對(duì)路徑相對(duì)路徑目標(biāo)11.3.6 MTV制作基礎(chǔ) 1音樂(lè)的準(zhǔn)備 WAV格式 MP3格式 輸出.swf文件時(shí)，會(huì)自動(dòng)完成音頻格式的轉(zhuǎn)換和壓縮。 11.3 動(dòng)畫(huà)制作 聲音操作導(dǎo)入聲音文件聲音屬性設(shè)置添加聲音到動(dòng)畫(huà)中編輯聲音在按鈕上添加聲音特

26、效2音樂(lè)的設(shè)置 執(zhí)行“文件”“導(dǎo)入”“導(dǎo)入到庫(kù)”命令，將音樂(lè)導(dǎo)入到庫(kù)中 拖動(dòng)庫(kù)中的音樂(lè)到舞臺(tái)上，選中時(shí)間軸面板中的任意一幀， 執(zhí)行“插入幀”命令，這樣音樂(lè)便添加到圖層中 音樂(lè)編輯:設(shè)置自定義效果模式，定義左、右聲道均為淡入效果11.3 動(dòng)畫(huà)制作 圖11-53 將音樂(lè)添加到圖層上 圖11-54 設(shè)置自定義效果模式 2音樂(lè)的設(shè)置 默認(rèn)設(shè)置是按“事件”同步 最好選擇“數(shù)據(jù)流”同步方式:聲音文件會(huì)平均分配在所需要的幀中，聲音文件的播放與同它相配的動(dòng)畫(huà)的播放完全同步，而且取決于動(dòng)畫(huà)的播放速度。動(dòng)畫(huà)結(jié)束，聲音的播放也結(jié)束。下載的過(guò)程中播放，下載了多少，就播放多少，非常適合在網(wǎng)絡(luò)上傳播。 11.3 動(dòng)畫(huà)制作

27、 圖11-55 選擇“數(shù)據(jù)流”同步方式 3同步的實(shí)現(xiàn)同步:在播放聲音時(shí)，畫(huà)面內(nèi)容是對(duì)應(yīng)的，字幕顯示也是對(duì)應(yīng)的。同步關(guān)鍵:確定歌曲中演唱的每一句歌詞的時(shí)間，因此首先要清楚整個(gè)音樂(lè)究竟有多長(zhǎng)。 例：聲音文件的時(shí)間長(zhǎng)度是193.6s。在一般的Flash作品中，默認(rèn)將動(dòng)畫(huà)的播放速度設(shè)置為12.0fps（即每秒12幀）。用戶(hù)很容易就可以計(jì)算出播放完整個(gè)歌曲所需要的幀數(shù)：12.0193.6=2323.2幀。展開(kāi)歌曲后最后的幀數(shù)為2324。 11.3 動(dòng)畫(huà)制作 圖11-56 整個(gè)歌曲展開(kāi)后的時(shí)間軸 腳本實(shí)例時(shí)鐘創(chuàng)建圖形元件clock;創(chuàng)建影片剪輯：hours,minutes,seconds 并為影片剪輯添加

28、腳本；切換到場(chǎng)景，拖入clock;增加層,拖入hours,minutes,seconds;增加層，繪畫(huà)圓心；增加層，增加腳本。腳本實(shí)例圣誕快樂(lè)導(dǎo)入背景新建元件雪花；新建影片剪輯沿引導(dǎo)線(xiàn)運(yùn)動(dòng)的雪花新建圖層拖入影片剪輯（沿引導(dǎo)線(xiàn)運(yùn)動(dòng)的雪花），設(shè)置實(shí)例為snow；新建圖層act,新家三個(gè)空白關(guān)鍵幀，分別添加腳本：新建一個(gè)圖層：添加音樂(lè)運(yùn)動(dòng)的環(huán)新建影片剪輯1，設(shè)置單環(huán)的運(yùn)動(dòng)新建影片剪輯2，多個(gè)環(huán)的不同角度的復(fù)制將影片剪輯拖入到場(chǎng)景中Flash制作的動(dòng)畫(huà)是fla格式的動(dòng)畫(huà)制作完成后，需要將fla格式的文件發(fā)布成swf格式的文件。 11.4 動(dòng)畫(huà)的測(cè)試、優(yōu)化與發(fā)布 11.4.1 動(dòng)畫(huà)的測(cè)試1在動(dòng)畫(huà)編輯環(huán)境

29、下測(cè)試影片 用戶(hù)按Enter鍵可以對(duì)動(dòng)畫(huà)進(jìn)行簡(jiǎn)單的測(cè)試，但動(dòng)畫(huà)中的影片剪輯元件、按鈕元件等交互式效果均不能得到測(cè)試。 測(cè)試動(dòng)畫(huà)得到的動(dòng)畫(huà)速度比輸出或優(yōu)化后的動(dòng)畫(huà)速度慢，所以動(dòng)畫(huà)編輯環(huán)境不是用戶(hù)的首選測(cè)試環(huán)境。11.4 動(dòng)畫(huà)的測(cè)試、優(yōu)化與發(fā)布 11.4.1 動(dòng)畫(huà)的測(cè)試2測(cè)試動(dòng)畫(huà)與場(chǎng)景 測(cè)試動(dòng)畫(huà)與場(chǎng)景主要通過(guò)“控制”菜單實(shí)現(xiàn), 執(zhí)行“控制”“測(cè)試影片”命令，F(xiàn)lash將自動(dòng)導(dǎo)出當(dāng)前動(dòng)畫(huà)中的所有場(chǎng)景，然后將文件在新窗口中打開(kāi)。 要測(cè)試一個(gè)場(chǎng)景的全部?jī)?nèi)容，執(zhí)行“控制”“測(cè)試場(chǎng)景”命令，F(xiàn)lash僅導(dǎo)出當(dāng)前動(dòng)畫(huà)中的當(dāng)前場(chǎng)景，然后將文件在新窗口中打開(kāi)，且在“文件”選項(xiàng)卡中標(biāo)出當(dāng)前測(cè)試的場(chǎng)景。 11.4 動(dòng)

30、畫(huà)的測(cè)試、優(yōu)化與發(fā)布 圖11-57 “控制”菜單 11.4.2 優(yōu)化動(dòng)畫(huà)文件 Flash自動(dòng)對(duì)動(dòng)畫(huà)執(zhí)行一些優(yōu)化，例如，它可以在導(dǎo)出時(shí)檢測(cè)重復(fù)的形狀，在文件中只把它們放置一次，并且把嵌套組合轉(zhuǎn)換成單個(gè)組合。 1總體上優(yōu)化 對(duì)于多次出現(xiàn)的元素，使用元件、動(dòng)畫(huà)或者其他對(duì)象。 只要可能，就要使用補(bǔ)間動(dòng)畫(huà)，補(bǔ)間動(dòng)畫(huà)與一系列的關(guān)鍵幀相比，占用的文件空間更少。 對(duì)于動(dòng)畫(huà)序列，要使用影片剪輯而不是圖形元件。 限制每個(gè)關(guān)鍵幀中的改變的區(qū)域，在盡可能小的區(qū)域中執(zhí)行動(dòng)作。 避免使用動(dòng)畫(huà)位圖元素，使用位圖圖像作為背景或者靜態(tài)元素。 對(duì)于聲音，盡可能使用MP3這種占用空間最小的聲音格式。11.4 動(dòng)畫(huà)的測(cè)試、優(yōu)化與發(fā)布

31、 2優(yōu)化元素和線(xiàn)條 盡量組合元素。 使用層把隨動(dòng)畫(huà)過(guò)程改變的元素和不隨動(dòng)畫(huà)過(guò)程改變的元素分開(kāi)。 限制特殊線(xiàn)條類(lèi)型的數(shù)量，如虛線(xiàn)、點(diǎn)狀線(xiàn)、鋸齒狀線(xiàn)等，實(shí)線(xiàn)所需的內(nèi)存空間較小，鉛筆工具生成的線(xiàn)條比畫(huà)筆筆觸生成的線(xiàn)條所需的內(nèi)存空間更小。3優(yōu)化文本和字體 限制字體和字形的數(shù)量，盡量少使用嵌入字體，因?yàn)樗鼈儠?huì)增加文件的大小。 對(duì)于“嵌入字體”選項(xiàng)，只選中需要的字符，不要包括所有字體。11.4 動(dòng)畫(huà)的測(cè)試、優(yōu)化與發(fā)布 4優(yōu)化顏色 在元件屬性檢查器中，使用“顏色”菜單創(chuàng)建一個(gè)元件的具有不同顏色的多個(gè)實(shí)例。 使用混色器來(lái)使影片的顏色調(diào)色板與瀏覽器專(zhuān)用的調(diào)色板匹配。 盡量少使用漸變色，使用漸變色填充區(qū)域比使用純色填充大概多需要50B空間。 盡量少使用Alpha透明度，它會(huì)減慢回放速度。11.4 動(dòng)畫(huà)的測(cè)試、優(yōu)化與發(fā)布 11.4.3 動(dòng)畫(huà)文件的發(fā)布Flash動(dòng)畫(huà)可發(fā)布成多種格式，而在發(fā)布之前需進(jìn)