第5章動畫制作5.1動畫基本知識 5.2動畫制作軟件Flash 5.3案例導(dǎo)航 1學(xué)習(xí)目標(biāo)了解動畫及Flash動畫的相關(guān)概念熟悉Flash軟件的基本操作方法掌握Flash補(bǔ)間動畫、遮罩動畫、引導(dǎo)動畫及交互式動畫的制作方法和技巧核心概念：動畫；Flash動畫；時間軸；圖層；元件；補(bǔ)間；遮罩層；引導(dǎo)層；動作腳本25.1動畫基本知識5.1.1動畫的定義及分類動畫本質(zhì)上是連續(xù)播放的一系列靜止畫面。畫面的連續(xù)播放既要保證時間上的連續(xù)性，也要保證畫面內(nèi)容上的連續(xù)性。按照視覺形式，動畫一般分為二維動畫（平面動畫）和三維動畫（立體動畫）兩類。31．二維動畫二維動畫通常是每秒播放24張。這種類型的動畫又分為以傳統(tǒng)手繪為主要方式的動畫和電腦二維動畫。2．三維動畫三維動畫是利用計算機(jī)強(qiáng)大的圖形圖像計算和處理能力來模擬現(xiàn)實的動畫。按藝術(shù)表現(xiàn)形式，動畫一般分為粘土動畫、油畫動畫、水彩動畫、水墨動畫、剪紙動畫和木偶動畫六類。45.1.2Flash動畫Flash動畫制作簡單、快捷、文件小，能實現(xiàn)網(wǎng)絡(luò)互動功能，適用于網(wǎng)絡(luò)小影片播放，是目前網(wǎng)絡(luò)上最流行的一種交互式動畫格式。通常，F(xiàn)lash動畫采用Macromedia公司開發(fā)的FlashPlayer播放器播放，可直接嵌入網(wǎng)頁的任一位置，使用非常方便。Flash動畫的應(yīng)用領(lǐng)域主要有娛樂短片、片頭、廣告、MTV、導(dǎo)航條、小游戲、產(chǎn)品展示、應(yīng)用程序界面開發(fā)、網(wǎng)絡(luò)應(yīng)用程序開發(fā)等方面。5通常，F(xiàn)lash動畫具有如下特點(diǎn)：（1）支持矢量圖形，可以實現(xiàn)圖形任意尺寸的縮放而不影響畫面質(zhì)量。（2）采用流式播放技術(shù)，使得動畫可以邊播放邊下載。6（3）關(guān)鍵幀和矢量圖形的使用，使得所生成的動畫(.swf)文件非常小，幾k字節(jié)的動畫文件已經(jīng)可以實現(xiàn)許多令人心動的動畫效果，用在網(wǎng)頁設(shè)計上不僅可以使網(wǎng)頁更加生動，而且下載迅速，使得動畫可以在打開網(wǎng)頁很短的時間里就得以播放。（4）融合音樂、動畫、聲效、交互方式于一體，可實現(xiàn)許多令人嘆為觀止的動畫效果。而且，F(xiàn)lash支持MP3的音樂格式，使得加入音樂的動畫文件也能保持小巧的“身材”。7Flash動畫涉及以下相關(guān)概念：1．場景、影片、動畫元素場景是指電影、戲劇作品中的各種場面，由人物活動和背景等構(gòu)成。Flash動畫通常是由多個場景中的動作組合成的一部連貫的電影。8影片是指活動的形象連續(xù)放映在銀幕上。Flash影片是指最終的Flash作品，一般是指以SWF為擴(kuò)展名的動畫文件。動畫元素是指構(gòu)成Flash動畫的所有最基本的因素，包括形狀、元件、實例、聲音、位圖、視頻、組合等等。92．舞臺、時間軸、圖層舞臺就是工作區(qū)，是放置動畫內(nèi)容的可編輯區(qū)域。在這里，可以直接繪圖，或者導(dǎo)入外部圖形文件進(jìn)行編輯，再把各個獨(dú)立的幀合成在一起，以生成電影作品。在【屬性】面板中可以設(shè)置和改變“舞臺”的大小。默認(rèn)狀態(tài)下，“舞臺”的寬為550像素，高為400像素。10時間軸用于組織和控制文檔內(nèi)容在一定時間內(nèi)播放的圖層數(shù)和幀數(shù)。通過時間軸，可以查看每一幀的情況，調(diào)整動畫播放的速度，安排幀的內(nèi)容，改變幀與幀之間的關(guān)系，從而實現(xiàn)不同效果的動畫。圖層可看成是疊放在一起的多張透明的幻燈膠片，每個層中都排放著獨(dú)立的對象。如果當(dāng)前層上沒有任何畫面，就可以透過它直接看到下一層的畫面。借助圖層，可以更好地安排和組織圖形、文字和動畫。在某一個圖層上繪制和編輯對象，不會影響其它圖層上的對象。在放映時，觀眾看到的是各個圖層合成后的效果。113．幀、幀速率（幀頻）Flash動畫是一幅幅靜態(tài)的圖片連續(xù)播放產(chǎn)生的一種視覺效果。產(chǎn)生動畫的最基本元素是那些畫格上靜止的圖片，即幀（Frame）。一個個連續(xù)的幀快速的切換就形成了一段動畫。幀一般分為3種：關(guān)鍵幀、普通幀和過渡幀。12動畫播放的速度，即動畫每秒播放的幀數(shù)，稱為幀速率（幀頻）。一般選擇每秒12—15幀；應(yīng)用到PAL制數(shù)碼視頻中動畫，則需要選擇每秒25幀；應(yīng)用到NTSC制數(shù)碼視頻中動畫，則需要選擇每秒30幀。134．元件、庫、實例元件是Flash動畫制作最基本、重要的元素。元件只需創(chuàng)建一次，即可在當(dāng)前影片或其它影片中以實例形式被重復(fù)使用。元件中可以包含位圖、圖形、組合、聲音甚至是其它元件，但不可以將元件置于其自身內(nèi)部。每個元件都具有獨(dú)立的時間軸、工作區(qū)和圖層。14庫是用來貯存元件符號的，它既可以貯存Flash中生成的元件符號，也可以貯存從別處導(dǎo)入到Flash中的元件符號。在Flash中創(chuàng)建的所有元件都會出現(xiàn)在庫面板中。15應(yīng)用于影片的元件稱為實例。放置在場景中或嵌套在另一個元件內(nèi)的元件副本（如圖形、按鈕、影片剪輯、位圖等）均為實例。拖拽庫面板中的元件到場景，就得到實例。改變實例的尺寸及顏色與元件類型等操作，只對實例本身有效，不會影響到庫面板中的元件。Flash動畫中元件包括3種：圖形元件、影片剪輯元件與按鈕元件。每種元件類型都具有獨(dú)特的屬性。165.1.3Flash動畫類型1．逐幀動畫在時間幀上逐幀繪制幀內(nèi)容的Flash動畫稱為逐幀動畫。時間軸上的每一幀按照一定的規(guī)律變化。逐幀動畫非常靈活，幾乎可以表現(xiàn)任何想表現(xiàn)的內(nèi)容。17創(chuàng)建逐幀動畫有多種方法，例如：（1）導(dǎo)入靜態(tài)圖片建立逐幀動畫：用jpg、png等格式的靜態(tài)圖片連續(xù)導(dǎo)入到Flash中，就會建立一段逐幀動畫。（2）繪制矢量逐幀動畫：在場景中一幀幀的畫出各幀內(nèi)容。（3）建立文字逐幀動畫：用文字作為幀中的元件，實現(xiàn)文字跳躍、旋轉(zhuǎn)等特效。18（4）建立指令逐幀動畫：在時間幀面板上，逐幀寫入動作腳本語句來完成元件的變化。（5）通過導(dǎo)入序列動畫建立幀動畫：可以導(dǎo)入gif序列圖像、swf動畫文件或者利用第三方軟件（例如swish、swift3D等）產(chǎn)生的動畫序列。192．補(bǔ)間動畫補(bǔ)間動畫又叫做中間幀動畫，分為動作補(bǔ)間動畫和形狀補(bǔ)間動畫2種。動作補(bǔ)間是由一個狀態(tài)到另一個狀態(tài)的變化過程，比如：移動位置、改變大小、改變角度等。形狀補(bǔ)間是由一個物體到另一個物體間的形狀變化過程，比如：由三角形變成四方形等。時間軸上，動畫補(bǔ)間表現(xiàn)為淡紫色背景加一個黑色箭頭的形式；形狀補(bǔ)間表現(xiàn)為淡綠色背景加一個黑色箭頭的形式。20（1）動作補(bǔ)間動畫（2）形狀補(bǔ)間動畫213．遮罩動畫遮罩動畫是利用“遮罩層”有選擇地顯示位于其下方的“被遮罩層”中的畫面內(nèi)容的動畫。遮罩的實現(xiàn)關(guān)系到兩個圖層，上面的是遮罩層，下面的是被遮罩層。遮罩層猶如一扇窗口，遮罩的效果就是通過遮罩層這扇窗看被遮罩層的內(nèi)容。

遮罩動畫中，“遮罩層”只有一個，“被遮罩層”可以有任意個。

224．引導(dǎo)動畫將一個或多個層鏈接到一個運(yùn)動引導(dǎo)層，使一個或多個對象沿同一條路徑運(yùn)動的動畫形式稱為“引導(dǎo)動畫”。這種動畫可以使一個或多個元件完成曲線活動或不規(guī)則運(yùn)動。引導(dǎo)動畫由“引導(dǎo)層”和“被引導(dǎo)層”兩個圖層組成。引導(dǎo)層是用來指示元件運(yùn)行路徑，被引導(dǎo)層中最常用的動畫形式是動作補(bǔ)間動畫。引導(dǎo)線是一種運(yùn)動軌跡。當(dāng)播放動畫時，一個或數(shù)個元件將沿著運(yùn)動軌跡移動。235.2動畫制作軟件Flash5.2.1Flash的工作界面Flash8.0的工作窗口由標(biāo)題欄、菜單欄、工具箱、舞臺工作區(qū)，以及文檔屬性卡、時間軸、動作面板、庫面板等部分組成。主菜單命令有文件、編輯、視圖、插入、修改、文本、命令、控制、窗口和幫助等。241．文檔屬性對話框選擇“Flash文檔”后，進(jìn)入【文檔屬性】對話框。對話框中參數(shù)的含義如下：【標(biāo)題】：設(shè)置文檔的標(biāo)題。【描述】：對影片的簡單描述。【尺寸】：舞臺的尺寸最小可設(shè)定成寬1px（像素）、高1px（像素），最大可設(shè)定成寬2880px（像素）、高2880px（像素）。25【匹配】|【打印機(jī)】：匹配打印機(jī)，讓底稿的大小與打印機(jī)的打印范圍相同?！酒ヅ洹縷【內(nèi)容】：匹配內(nèi)容，將底稿縮放成和畫面上的對象大小一樣?！酒ヅ洹縷【默認(rèn)】：使用默認(rèn)值?！颈尘邦伾浚涸O(shè)置舞臺的背景顏色。

26【幀頻】：默認(rèn)的是每秒12幀。在設(shè)計一些特殊效果的課件時，可以更改這個數(shù)值，數(shù)值越大動畫的播放速度越快?！緲?biāo)尺單位】：標(biāo)尺是顯示在場景周圍的輔助工具，以標(biāo)尺為參照可以使繪制的圖形更精確。【設(shè)為默認(rèn)值】：將所有設(shè)定值保存為默認(rèn)值，下次當(dāng)再開啟新的影片文檔時，影片的舞臺大小和背景顏色會自動調(diào)整成這次設(shè)定的值。272．時間軸時間軸是Flash中最重要的工具之一?！緯r間軸】面板的主要組件是圖層、幀和播放頭。時間軸軸標(biāo)題用于指示幀編號。播放頭指示當(dāng)前在舞臺中顯示的幀。播放Flash文檔時，播放頭從左向右通過時間軸。時間軸狀態(tài)顯示在時間軸的底部，用于指示所選的幀編號、當(dāng)前幀頻以及到當(dāng)前幀為止的運(yùn)行時間。28時間軸左側(cè)是圖層區(qū)域。圖層分為普通層、引導(dǎo)層、遮罩層和被遮罩層4種類型，為了便于圖層的管理，用戶還可以使用圖層文件夾。293．舞臺【舞臺】就是工作區(qū)，位于【時間軸】下方，是放置動畫內(nèi)容的矩形區(qū)域。只有放置舞臺工作區(qū)的對象才能作為影片輸出或打印。工作時根據(jù)需要可以改變舞臺顯示的比例大小，可以在【時間軸】右上角的【視圖比例】中設(shè)置顯示比例，最小比例為8%，最大比例為2000%。304．工具箱【工具箱】面板是Flash中最常用的一個面板，由【工具】、【查看】、【顏色】和【選項】4部分組成。（1）工具欄【工具】欄包含了繪制圖形、編輯圖形和輸入文字的16個工具，用鼠標(biāo)單擊某個工具按鈕圖標(biāo)后，即可使用相應(yīng)的工具。（2）查看欄【查看】欄有兩個工具，用來調(diào)整舞臺編輯畫面的觀察位置和顯示比例。31（3）顏色欄【顏色】欄用來確定繪圖的顏色，可以用來設(shè)置填充物和線的顏色，也可以設(shè)置無填充物和無輪廓線。（4）選擇欄【選項】欄放置了用于對當(dāng)前激活的工具進(jìn)行設(shè)置的一些屬性按鈕和功能按鈕選項。325.2.2Flash8.0中幾個重要工具的使用1．【多角星形】工具【多角星形】工具用于繪制多邊形或星形。選擇此工具后，在屬性面板中單擊“選項”按鈕，打開“工具設(shè)置”對話框。通過設(shè)置相應(yīng)參數(shù)，可以繪制出不少于3個邊的等邊多邊形或星形（如五角星）。332．【刷子】工具【刷子】工具是一個方便用戶設(shè)計藝術(shù)效果的工具，可以繪制不同顏色的圖形，也可以為各種圖形著色。刷子的顏色由填充色設(shè)置?！舅⒆印抗ぞ哌x項欄包含有刷子模式、鎖定填充、刷子大小和刷子形狀4個選項。343．【填充變形】工具【填充變形】工具主要用于調(diào)整填充的漸變色的效果。通過對句柄進(jìn)行調(diào)整和控制，用戶可以改變漸變色的效果。354．【墨水瓶】工具、【滴管】工具【墨水瓶】工具的主要作用是對矢量線段的顏色及線型進(jìn)行修改?！镜喂堋抗ぞ叩闹饕饔檬强梢园盐枧_上的矢量線段或矢量區(qū)域的屬性吸取，再把這些屬性快速的應(yīng)用到其它對象上。365．【橡皮擦】工具【橡皮擦】工具可以擦除舞臺中不需要的圖形部分?！鞠鹌げ痢抗ぞ哌x項欄有橡皮擦模式、水龍頭和橡皮擦形狀選項。376．【選擇】工具、【部分選取】工具【選擇】工具主要用于對目標(biāo)對象進(jìn)行選擇、移動、復(fù)制和調(diào)整操作，是使用頻率較高的一類工具。該工具的3個選項：貼緊至對象：移動對象時，使對象自動對齊到運(yùn)動路徑上。平滑：調(diào)整矢量線段或矢量色塊的邊緣時，使之圓滑。伸直：調(diào)整矢量線段或矢量色塊的邊緣時，使之產(chǎn)生棱角。部分選?。赫{(diào)整線條上的節(jié)點(diǎn)，改變線條的形狀。387．【套索】工具【套索】工具主要用于對圖形的部分區(qū)域或相近顏色區(qū)域的選取。該工具的3個選項：魔術(shù)棒：用于選擇圖形上顏色相近的區(qū)域。魔術(shù)棒設(shè)置：用于設(shè)置選擇相近區(qū)域的容錯度。

多邊形模式：以封閉多邊形方式選擇顏色區(qū)域。398．【任意變形】工具【任意變形】工具可以對圖形進(jìn)行旋轉(zhuǎn)、傾斜、縮放、扭曲和封套操作，實現(xiàn)圖形的任意變換效果。該工具的4個選項：旋轉(zhuǎn)與傾斜：調(diào)整圖形的旋轉(zhuǎn)角度和傾斜度?？s放：調(diào)整圖形的大小。扭曲：調(diào)整圖形的向某一方向的縮放程度。封套：任意調(diào)整圖形的形狀細(xì)節(jié)，如彎曲程度。405.2.3Flash8.0中素材的使用1．位圖的使用2．音頻的使用3．視頻的使用415.2.4Flash8.0中影片的導(dǎo)出與發(fā)布1．影片的導(dǎo)出完成Flash動畫制作后，可以將其導(dǎo)出為各種不同類型的媒體文件（影片或圖像），如GIF動畫、Flash影片、AVI視頻文件等。（1）導(dǎo)出SWF影片（2）導(dǎo)出WindowsAVI（*.avi）視頻文件42導(dǎo)出為Windows視頻的操作步驟如下：從菜單中選擇【文件】︳【導(dǎo)出】︳【導(dǎo)出影片】命令，會彈出“導(dǎo)出影片”對話框，要求用戶確定導(dǎo)出文件的名稱、類型及保存位置，選擇保存類型選項中的“WindowsAVI（*.avi）”，輸入一個文件名，然后，單擊“保存”按鈕，會出現(xiàn)一個文件參數(shù)設(shè)置對話框，要求用戶對導(dǎo)出文件的參數(shù)進(jìn)行設(shè)置。432．影片發(fā)布設(shè)計好的Flash文檔文件（*.fla）能夠以SWF或其它文件格式（如：GIF、JPEG、PNG和QickTime格式）發(fā)布。通過設(shè)置發(fā)布格式，可將Flash文檔發(fā)布為SWF文件，并將其插入HTML文檔，方便利用瀏覽器播放。也可利用“發(fā)布”命令，將Flash文檔發(fā)布為各種可以在網(wǎng)絡(luò)中播放的圖形文件和視頻文件，或者發(fā)布為可以在沒有安裝Flash插件的瀏覽器中進(jìn)行播