河北工程大學(xué)《多媒體技術(shù)》課課件第4章

1多媒體技術(shù)與

應(yīng)用第4章計(jì)算機(jī)動(dòng)畫制作2第四章計(jì)算機(jī)動(dòng)畫制作4.1計(jì)算機(jī)動(dòng)畫創(chuàng)作基礎(chǔ)4.2二維動(dòng)畫創(chuàng)作4.3三維動(dòng)畫創(chuàng)作4.4骨骼動(dòng)畫簡介本章小結(jié)知識(shí)鏈接聯(lián)系與思考上機(jī)實(shí)踐34.1計(jì)算機(jī)動(dòng)畫創(chuàng)作基礎(chǔ)4.1.1動(dòng)畫與計(jì)算機(jī)動(dòng)畫概述4.1.2計(jì)算機(jī)動(dòng)畫類型與創(chuàng)作原理44.1.1動(dòng)畫與計(jì)算機(jī)動(dòng)畫概述動(dòng)畫與運(yùn)動(dòng)著的圖像有關(guān)，是可以感覺到運(yùn)動(dòng)相對(duì)時(shí)間、位置、方向和速度的動(dòng)態(tài)媒體，其實(shí)質(zhì)是一幅幅內(nèi)容連續(xù)的靜態(tài)圖像的連續(xù)播放。因此特別適于描述與運(yùn)動(dòng)有關(guān)的過程，便于直觀有效地理解。動(dòng)畫的本質(zhì)是圖像的變化，它利用了人眼的“視覺滯留效應(yīng)”，即以大于15～20幀/秒的速度順序播放靜止圖像幀，產(chǎn)生運(yùn)動(dòng)錯(cuò)覺，在人腦形成連續(xù)影像。

傳統(tǒng)動(dòng)畫是用手工繪制多張連續(xù)變化的圖片表現(xiàn)一個(gè)動(dòng)畫故事，計(jì)算機(jī)動(dòng)畫則是基于數(shù)學(xué)公式來進(jìn)行創(chuàng)作，由算法產(chǎn)生作品。動(dòng)畫創(chuàng)作是形象思維過程，對(duì)形象思維的研究為動(dòng)畫創(chuàng)作提供了清晰的模型。54.1.2計(jì)算機(jī)動(dòng)畫類型與創(chuàng)作原理1.幀動(dòng)畫⑴逐幀(Frame)動(dòng)畫動(dòng)畫相鄰幀間差別很小，根據(jù)關(guān)鍵幀復(fù)制、修改，繪制出一幅幅連續(xù)變化的圖像中間幀。⑵插幀補(bǔ)間動(dòng)畫由計(jì)算機(jī)先繪出關(guān)鍵幀，再根據(jù)關(guān)鍵幀計(jì)算中間幀。計(jì)算中間幀可以用對(duì)關(guān)鍵幀形狀進(jìn)行插值計(jì)算。制作流程一要建模，二要建立變化對(duì)象間的對(duì)應(yīng)關(guān)系。計(jì)算中間幀可以用運(yùn)動(dòng)對(duì)象有關(guān)參數(shù)進(jìn)行計(jì)算得到。

計(jì)算機(jī)動(dòng)畫按創(chuàng)作方式分為幀動(dòng)畫、造型動(dòng)畫、調(diào)色板動(dòng)畫三類。6⑶插補(bǔ)幀動(dòng)畫

幀動(dòng)畫通過插補(bǔ)圖像幀之間的反復(fù)(顯示時(shí)改變圖像生成簡單動(dòng)畫，使用控制圖像幀之間的特定間隔反復(fù)，使用戶看到變化)、幾個(gè)圖像幀之間的循環(huán)(以循環(huán)形式播放幾個(gè)圖像幀生成旋轉(zhuǎn)效果)及制作δ幀動(dòng)畫來生成，這些方式統(tǒng)稱插補(bǔ)幀動(dòng)畫。

制作δ幀動(dòng)畫是因?yàn)閳D像連續(xù)幀動(dòng)畫制作計(jì)算量大，為簡化處理采用的替代方法，即顯示初始幀后，后續(xù)幀基于變化部分δ進(jìn)行編碼、存儲(chǔ)，由于只顯示δ幀而縮短了圖像顯示時(shí)間，并可以生成更平滑的動(dòng)畫。4.1.2計(jì)算機(jī)動(dòng)畫類型與創(chuàng)作原理72.造型動(dòng)畫

制作基礎(chǔ)：計(jì)算機(jī)圖形學(xué)中的三維造型和真實(shí)感顯示。造型(矢量)動(dòng)畫是通過計(jì)算機(jī)計(jì)算生成的動(dòng)畫，畫面只有一幀，通過編程制作動(dòng)畫，即對(duì)每一個(gè)運(yùn)動(dòng)的物體(稱其為動(dòng)元或角色)分別進(jìn)行設(shè)計(jì)，賦予每個(gè)動(dòng)元一些特征，如大小、形狀、顏色等，然后用這些動(dòng)元組成完整的幀畫面。造型動(dòng)畫每幀內(nèi)容由圖形、聲音、文字、調(diào)色板等造型元素組成，而控制動(dòng)畫中每一幀中每個(gè)動(dòng)元的表演和行為的是由制作表組成的腳本決定的。目前計(jì)算機(jī)動(dòng)畫造型一般采用曲面造型法，非均勻有理樣條曲面是最好的造型法。4.1.2計(jì)算機(jī)動(dòng)畫類型與創(chuàng)作原理83.調(diào)色板動(dòng)畫一種特殊生成動(dòng)畫的方式，制作時(shí)利用處理調(diào)色板顏色，即通過不同幀使用不同調(diào)色板顏色達(dá)到動(dòng)畫效果，如焰火變化效果等。按照動(dòng)畫效果計(jì)算機(jī)動(dòng)畫可分為二維動(dòng)畫、三維動(dòng)畫和變形動(dòng)畫。

二維動(dòng)畫，是運(yùn)用傳統(tǒng)動(dòng)畫概念，在二維空間中構(gòu)成動(dòng)畫基本動(dòng)作，并在保持傳統(tǒng)動(dòng)畫的表現(xiàn)力和視覺效果的基礎(chǔ)上盡量發(fā)揮計(jì)算機(jī)的高效和低成本等特點(diǎn)。

三維動(dòng)畫是造型動(dòng)畫，利用投影、材質(zhì)、燈光等產(chǎn)生三維立體效果。4.1.2計(jì)算機(jī)動(dòng)畫類型與創(chuàng)作原理9

變形動(dòng)畫屬于幀動(dòng)畫的范疇，它是通過計(jì)算把變形參考點(diǎn)和顏色有序地重新排列，隨意把一種物體變成另一種物體，形成意想不到的變形效果。

制作變形動(dòng)畫時(shí)，首先要確定首幀畫面和尾幀畫面內(nèi)容，再指定變形參考點(diǎn)(人為設(shè)置在首、尾畫面上的對(duì)稱點(diǎn)，點(diǎn)越多，變形越精確)，計(jì)算機(jī)按照變形參考點(diǎn)變化位置對(duì)畫面進(jìn)行變形，最終實(shí)現(xiàn)首畫面到尾畫面的變形過程。

變形動(dòng)畫主要用于影視人物、場(chǎng)景的變換、特技處理等場(chǎng)合。4.1.2計(jì)算機(jī)動(dòng)畫類型與創(chuàng)作原理104.2二維動(dòng)畫創(chuàng)作4.2.1常見的二維動(dòng)畫創(chuàng)作軟件簡介4.2.2Flash簡介4.2.3FlashCS3工作界面介紹4.2.4Flash動(dòng)畫創(chuàng)作的基本操作4.2.5Flash動(dòng)畫創(chuàng)作實(shí)例114.2.1常見的二維動(dòng)畫創(chuàng)作軟件簡介⑴FlashFlash入門容易，操作簡單，很快風(fēng)靡全球，開啟了計(jì)算機(jī)動(dòng)畫制作的大眾化時(shí)代，特別是在網(wǎng)絡(luò)應(yīng)用中，用Flash創(chuàng)作的動(dòng)畫，占據(jù)了網(wǎng)絡(luò)上大大小小的空間。⑵ToonBoomStudioToonBoomStudio是由位于加拿大蒙特利爾的ToonBoom動(dòng)畫制作有限公司推出的一款絕對(duì)經(jīng)典的二維矢量動(dòng)畫設(shè)計(jì)軟件，是目前國內(nèi)大多數(shù)專業(yè)動(dòng)畫制作公司采用的二維動(dòng)畫制作軟件，也是Flash唯一直接支持的專業(yè)動(dòng)畫平臺(tái)，可以用于Windows操作系統(tǒng)以及Mac蘋果系統(tǒng)。12⑶TOONZTOONZ軟件，可能比較陌生，但是提起宮崎駿的動(dòng)畫片《千與千尋》，相信很多人都非常喜歡，如右圖所示，TOONZ可以被認(rèn)為是世界上最優(yōu)秀的卡通動(dòng)畫制作軟件系統(tǒng)，也是動(dòng)畫大師宮崎駿常用的一個(gè)動(dòng)畫制作軟件，它可以運(yùn)行在SGI超級(jí)工作站和Windows系統(tǒng)上，廣泛的應(yīng)用在卡通動(dòng)畫片、音樂片、教育片、商業(yè)廣告片等中的卡通動(dòng)畫制作。⑷RETAS！PRO⑸ToonBoomOpus⑹ANIMO(參考書中P136-137)圖4.2.1動(dòng)畫片《千與千尋》134.2.2Flash簡介1.Flash的發(fā)展歷史

Flash是Macromedia公司出品的網(wǎng)絡(luò)交互動(dòng)畫的創(chuàng)作軟件。最初產(chǎn)品是該公司收購的一家小公司開發(fā)的流行在網(wǎng)上的矢量動(dòng)畫設(shè)計(jì)軟件FutureSplash，更名為Flash2。

2006年Macromedia被Adobe公司收購，F(xiàn)lash由此再次發(fā)生了重大變革。從1998年問世，在不到一年的時(shí)間里，F(xiàn)lash使以前的所有動(dòng)畫技術(shù)默然失色。Flash從網(wǎng)頁交互動(dòng)畫設(shè)計(jì)工具軟件到如今已發(fā)展成具有可開發(fā)、跨多種操作系統(tǒng)平臺(tái)、兼容多種設(shè)備、能夠播放豐富的Internet內(nèi)容和多種多媒體應(yīng)用程序的網(wǎng)頁創(chuàng)作工具。其文件體積小巧、使用簡便，特別適合網(wǎng)上傳輸。144.2.2Flash簡介1.Flash的發(fā)展歷史Flash是以矢量圖形為基礎(chǔ)的動(dòng)畫制作軟件，F(xiàn)lash動(dòng)畫輸出的.swf格式文件支持流媒體技術(shù)，可使用戶在瀏覽動(dòng)畫時(shí)邊下載、邊播放，從而成為網(wǎng)絡(luò)動(dòng)畫標(biāo)準(zhǔn)。

特別是其交互功能使其在網(wǎng)絡(luò)多媒體中應(yīng)用廣泛，因此Flash動(dòng)畫成為創(chuàng)建交互動(dòng)態(tài)網(wǎng)頁的首選。目前Internet上己有成千上萬個(gè)Flash網(wǎng)站，愛好Flash的“閃客”更是不計(jì)其數(shù)。154.2.2Flash簡介1.Flash的發(fā)展歷史目前Flash的最新版本是FlashCS5，是AdobeCreativeStudio5中的一個(gè)成員，進(jìn)行了許多重大的改革，采用了最新的CreativeSuite5界面，與Adobe公司的Photoshop、IIIustrator等產(chǎn)品完美地結(jié)合在一起，不僅實(shí)現(xiàn)了用戶界面上的互通，還實(shí)現(xiàn)了文件的相互轉(zhuǎn)換。FlashCS5支持全新的ActionScript5腳本語言，該語言包含圖形、算法、網(wǎng)絡(luò)傳輸?shù)榷喾N類庫，為開發(fā)者提供了一個(gè)豐富的開發(fā)環(huán)境。164.2.2Flash簡介1.Flash的發(fā)展歷史Flash作品不僅可以運(yùn)行在個(gè)人計(jì)算機(jī)和游戲機(jī)等，嵌入式平臺(tái)上，還可以運(yùn)行在手機(jī)等移動(dòng)終端上。

目前，矢量圖形界面已被公認(rèn)為是未來操作系統(tǒng)、網(wǎng)站、應(yīng)用程序的發(fā)展方向，矢量圖形界面能夠給用戶帶來更豐富的交互體驗(yàn)，基于矢量圖形的用戶界面設(shè)計(jì)與開發(fā)，將成為數(shù)字藝術(shù)領(lǐng)域的一個(gè)重要分支，不論將來Flash的發(fā)展方向如何，通過Flash學(xué)習(xí)矢量圖形創(chuàng)作在多媒體應(yīng)用方向具有舉足輕重的作用。174.2.2Flash簡介2.Flash動(dòng)畫創(chuàng)作的特點(diǎn)⑴動(dòng)畫的創(chuàng)建如同排演電影一樣，是通過在“舞臺(tái)”上移動(dòng)操作對(duì)象的位置，改變其形狀、顏色與不透明度，或進(jìn)行旋轉(zhuǎn)，然后在“時(shí)間軸”窗口對(duì)幀進(jìn)行處理來制作動(dòng)畫效果。⑵基于矢量圖形的動(dòng)畫工具，可用不同分辨率的顯示器，質(zhì)量不受影響。另外矢量圖形可無限放大而不降低畫面質(zhì)量，因此Flash動(dòng)畫無論放大、縮小，均清晰可見。⑶為得到運(yùn)動(dòng)模式復(fù)雜的動(dòng)畫，動(dòng)畫設(shè)置以“圖層”為單位進(jìn)行，對(duì)不同場(chǎng)景單獨(dú)制作，然后各層動(dòng)畫合成在一起。

⑷Flash動(dòng)畫使用插件工作方式，調(diào)用速度快，容易下載安裝。182.Flash動(dòng)畫創(chuàng)作的特點(diǎn)⑸為能夠重復(fù)使用某些動(dòng)畫片段或增強(qiáng)交互性，可以創(chuàng)建影片剪輯、按鈕或圖形元件庫，然后將其添加到合適的場(chǎng)景中，變成元件“實(shí)例”，猶如演員與角色的關(guān)系。

⑹Flash為給動(dòng)畫增加交互性或制作特殊效果，用戶可編寫附加到元件實(shí)例與關(guān)鍵幀上的動(dòng)作腳本。用戶還可以把系統(tǒng)提供的動(dòng)作腳本(稱“行為”)添加到影片剪輯、視頻及聲音上，控制該對(duì)象，而不必自己編腳本。⑺在FlashCS中，用戶可利用“時(shí)間軸特效”制作特定類型的動(dòng)畫，如變形、轉(zhuǎn)換、模糊、分離和投影等。“時(shí)間軸特效”是系統(tǒng)預(yù)建的動(dòng)畫創(chuàng)作方法，可用于文本、圖形、圖像和按鈕。⑻可利用添加組件(即帶有預(yù)定義參數(shù)影片剪輯)和編寫腳本創(chuàng)建與服務(wù)器交互的影片和網(wǎng)頁。193.Flash應(yīng)用的文件格式

⑴.fla：在Flash中使用的主要文件，是包含F(xiàn)lash文檔的媒體、時(shí)間軸和腳本基本信息的文件。

⑵.swf：FLA的壓縮版本，是在網(wǎng)頁中顯示的文件，用于在Flash播放器中播放。

⑶.as：指ActionScript腳本文件，如果將某些或全部ActionScript代碼保存在FLA文件以外的位置，則可以保存為AS格式。

⑷.asc：FlashCS動(dòng)作腳本通信文件格式，用于開發(fā)高效、靈活的客戶端程序。203.Flash應(yīng)用的文件格式

⑸.swc：文件包含可重新使用的Flash組件。每個(gè)SWC文件都包含一個(gè)已編譯的影片剪輯、ActionScript代碼以及組件所要求的任何其他資源。

⑹.jsfl：可用于向Flash創(chuàng)作工具添加新功能的JavaScript程序文件格式。

⑺.flp：指Flash項(xiàng)目文件(僅對(duì)于FlashProfessional)?？梢允褂肍lash項(xiàng)目在一個(gè)項(xiàng)目中管理多個(gè)文檔文件。Flash項(xiàng)目可以將多個(gè)相關(guān)文件組織在一起以創(chuàng)建復(fù)雜的應(yīng)用程序。214.2.3FlashCS3工作界面介紹1主菜單2主工具欄3文檔選項(xiàng)卡4編輯欄5繪圖工具箱6時(shí)間軸7舞臺(tái)8屬性面板和其它控制面板9元件庫及其管理面板圖4.2.5FlashCS3操作界面224.2.3FlashCS3工作界面介紹1主菜單位于界面上部，共11個(gè)選項(xiàng)。2主工具欄常用的菜單命令和操作以按鈕形式(共15個(gè)按鈕)放在主菜單下方的主工具欄中，以方便用戶提高工作效率。3文檔選項(xiàng)卡用于對(duì)打開的各文檔進(jìn)行切換。234.2.3FlashCS3工作界面介紹4編輯欄主要有編輯場(chǎng)景、元件的按鈕和調(diào)整舞臺(tái)顯示的命令。

(1)場(chǎng)景當(dāng)制作比較復(fù)雜的動(dòng)畫時(shí)。往往需要用多個(gè)場(chǎng)景來安排，以便于制作和修改。當(dāng)播放含有多個(gè)場(chǎng)景的動(dòng)畫時(shí)，系統(tǒng)會(huì)按照“場(chǎng)景”控制面板的順序并行。在編輯欄中單擊“編輯場(chǎng)景”圖標(biāo)，選擇其序號(hào)即可對(duì)其進(jìn)行編輯。244.2.3FlashCS3工作界面介紹4編輯欄

(2)元件元件是Flash中可以反復(fù)使用的最常用的對(duì)象。

作用：有效地減小輸出文件的尺寸、幾乎每個(gè)動(dòng)畫都包括一個(gè)或多個(gè)元件。元件有4種類型：即按鈕(Buttons)、圖形(Graphics)、電影剪輯(MovieClips)和文字。

(3)調(diào)整舞臺(tái)顯示單擊編輯欄右側(cè)框中的下拉列表選項(xiàng)，可調(diào)整舞臺(tái)顯示比例及幀大小。254.2.3FlashCS3工作界面介紹5繪圖工具箱

位于界面左側(cè)。面板可任意拖放。

(l)“工具”：共有選區(qū)、繪圖、變形、填充，擦除類等16種工具。

(2)“查看”：有“縮放”和“手形”兩種工具，用于調(diào)整面板顯示。

(3)“顏色”：主要用于設(shè)置“筆觸顏色”、“填色”、“黑白”、“變換顏色”等與顏色相關(guān)的工具。

(4)“選項(xiàng)”：其內(nèi)容隨所選工具而變化，顯示當(dāng)前工具屬性或相關(guān)選項(xiàng)。26AdobeFlashCS3繪圖工具欄A選擇工具B自由變形工具C鋼筆工具D線條工具E鉛筆工具F墨水瓶工具G滴管工具H手形工具I筆觸工具J填充顏色K黑白色L貼緊對(duì)象M平滑N部分選取工具O套索工具P文本工具Q矩形工具R刷子工具S顏料桶工具T橡皮擦工具U縮放工具V筆觸顏色W沒有顏色X交換顏色；Y伸直圖4.2.6繪圖工具箱274.2.3FlashCS3工作界面介紹6時(shí)間軸用于管理動(dòng)畫中的圖層和幀。

⑴Flash圖層管理操作

Flash圖層是可以獨(dú)立編輯操作的圖像。圖層除了提供一般的可見性操作、鎖定操作、隱藏操作外，還提供具有其自身特色的圖層復(fù)制、輪廓顯示等功能。

圖層類型：普通圖層、引導(dǎo)層和遮罩層。

引導(dǎo)層分運(yùn)動(dòng)引導(dǎo)層和普通引導(dǎo)層，前者是在其上繪制控制對(duì)象運(yùn)動(dòng)的曲線，默認(rèn)是直線；后者用于輔助制作動(dòng)畫。

用戶可通過設(shè)置不同圖層的動(dòng)畫效果來制作動(dòng)畫，從而使一個(gè)動(dòng)畫中有活動(dòng)的人物、變換的背景、變化的歌詞及動(dòng)感音樂等。284.2.3FlashCS3工作界面介紹6時(shí)間軸⑵動(dòng)畫幀它是一個(gè)靜態(tài)畫面，一個(gè)動(dòng)畫由多個(gè)幀組成，通過連續(xù)播放形成動(dòng)畫。

類型：普通幀和關(guān)鍵幀。關(guān)鍵幀用于表現(xiàn)動(dòng)作的轉(zhuǎn)折、位置及首尾幀，關(guān)鍵幀方格內(nèi)有一個(gè)黑色的圓點(diǎn)標(biāo)記“·”；普通幀則把關(guān)鍵幀動(dòng)作連起來，方格內(nèi)無標(biāo)記。

動(dòng)畫制作實(shí)際上是改變連續(xù)幀內(nèi)容的過程，而最重要的內(nèi)容是關(guān)鍵幀，它起到定義動(dòng)畫中對(duì)象變化的作用。在逐幀動(dòng)畫中每幀都是關(guān)鍵幀，制作工作量大，但靈活性強(qiáng)；對(duì)插幀動(dòng)畫則只需定義首尾兩個(gè)關(guān)鍵幀內(nèi)容，中間幀由Flash自動(dòng)生成。29AdobeFlashCS3時(shí)間軸

A顯示/隱藏所有圖層B鎖定/解除鎖定所有圖層；C顯示所有圖層的輪廓

D幀-幀動(dòng)畫E運(yùn)動(dòng)漸變；F形狀漸變

G插入圖層H隱藏時(shí)間軸；I添加運(yùn)動(dòng)引導(dǎo)層

J插入圖層文件夾K刪除圖層；L顯示場(chǎng)景

M滾動(dòng)到播放頭N繪圖紙外觀；O繪圖紙外觀輪廓

P編輯多個(gè)幀R修改繪圖紙標(biāo)記；S選擇工作區(qū)布局

T編輯場(chǎng)景U編輯原件；V舞臺(tái)顯示大小圖4.2.7時(shí)間軸面板304.2.3FlashCS3工作界面介紹7舞臺(tái)最主要的可編輯工作區(qū)。

在這里可直接繪圖、導(dǎo)入外部圖形文件進(jìn)行編輯、修改，把各自獨(dú)立的幀合成在一起，最后生成電影。

舞臺(tái)可根據(jù)任務(wù)需要，用“視圖/標(biāo)尺/網(wǎng)格”命令提供相應(yīng)的輔助構(gòu)件，幫助繪制精密圖形時(shí)進(jìn)行準(zhǔn)確定位；

通過“修改/電影”命令打開電影屬性框設(shè)置各種參數(shù)；

為編輯和觀察方便，可用“縮放”工具放大或縮小舞臺(tái)。314.2.3FlashCS3工作界面介紹8屬性面板和其它控制面板⑴“屬性”面板使用最頻繁的控制面板。

主要功能：設(shè)置文件、圖形、文本和關(guān)鍵幀的屬性，具體內(nèi)容取決于當(dāng)前的選擇或操作狀態(tài)。

⑵其他控制面板

用于對(duì)動(dòng)畫文件進(jìn)行多方面的操作。

如“動(dòng)作”、“行為”、“影片瀏覽器”等，對(duì)這些面板的主要通用操作如下。324.2.3FlashCS3工作界面介紹8屬性面板和其它控制面板⑵其他控制面板

①打開、關(guān)閉操作：單擊“窗口/設(shè)計(jì)面板/擴(kuò)展面板/其他面板”命令，在打開的列表中單擊所需選項(xiàng)，巳打開的面板選項(xiàng)前有標(biāo)記，再單擊之，則關(guān)閉。②選項(xiàng)操作：面板右上角選項(xiàng)按鈕的圖標(biāo)，單擊，在其下拉菜單中選擇各種操作。③移動(dòng)控制面板：將光標(biāo)移至標(biāo)題欄上，當(dāng)鼠標(biāo)指針變?yōu)橐苿?dòng)標(biāo)志時(shí)按下鼠標(biāo)左鍵，拖動(dòng)面板至合適的位置。④調(diào)整面板大?。和蟿?dòng)控制面板邊框或面板的各角點(diǎn)。⑤折疊或展開控制面板：單擊面板標(biāo)題欄或其中的三角形按鈕。334.2.3FlashCS3工作界面介紹9元件庫及其管理面板在Flash中用戶既可以使用其他程序創(chuàng)建的各類元件，也可以自己創(chuàng)建。用戶所使用的全部媒體元素和制作的元件都被存放在對(duì)象“庫”中。

“庫”中的元件可多次調(diào)用，每次調(diào)用，都會(huì)創(chuàng)建該元件的一個(gè)“實(shí)例”。

實(shí)例具有該元件的一切特點(diǎn)，用戶可以根據(jù)需要對(duì)實(shí)例屬性進(jìn)行修改，而不會(huì)影響庫中原來的元件屬性，但編輯元件卻可以改變其所有的實(shí)例。344.2.3FlashCS3工作界面介紹9元件庫及其管理面板FlashCS3有兩種庫。

⑴Flash自帶元件的“公用庫”，使用時(shí)通過單擊“窗口/公用庫”命令(學(xué)習(xí)交互、按鈕、類)，打開相應(yīng)的“庫”面板。使用時(shí)只需將所需元件拖入場(chǎng)景或時(shí)間軸的合適位置即可。

通過單擊“庫”面板下方的按鈕也可以創(chuàng)建新元件、設(shè)置項(xiàng)目屬性或刪除項(xiàng)目。

⑵保存用戶導(dǎo)入和制作的元件“庫”，單擊“窗口/庫”命令，打開附屬于當(dāng)前文件的專屬元件庫。354.2.4Flash動(dòng)畫創(chuàng)作的基本操作1.圖形的創(chuàng)建與編輯⑴圖形的創(chuàng)建①用提供的矢量繪圖工具、填充工具繪制圖形。②直接導(dǎo)入其他應(yīng)用程序創(chuàng)建的圖形并進(jìn)行修改。(a)為圖形設(shè)置輪廓線和填充顏色屬性繪圖時(shí)，系統(tǒng)默認(rèn)輪廓線為1pt(像素點(diǎn))粗細(xì)，黑色，實(shí)線，圖形填充色為白色。設(shè)計(jì)者可選擇如下幾種方式。

在對(duì)應(yīng)繪圖工具的“屬性”面板中設(shè)置筆觸顏色、樣式、高度及填充顏色等屬性。一.動(dòng)畫中圖形、圖像、文本的創(chuàng)建與編輯364.2.4Flash動(dòng)畫創(chuàng)作的基本操作⑴

圖形的創(chuàng)建

(a)為圖形設(shè)置輪廓線和填充顏色屬性·使用工具箱中的“顏色”選區(qū)直接單擊“筆觸顏色”或“填充色”按鈕選擇顏色?！螕簟按翱?設(shè)計(jì)面板/混色器”命令，在“混色器”面板中選擇、創(chuàng)建、編輯筆觸顏色及填充顏色和樣式?！螕簟按翱?設(shè)計(jì)面板/顏色樣本”命令，在“顏色樣本”面板中單擊某一顏色，即可定義其為當(dāng)前筆觸顏色或填充色。374.2.4Flash動(dòng)畫創(chuàng)作的基本操作⑴

圖形的創(chuàng)建

(b)使用繪圖工具繪制圖形·選取“線條”工具畫直線，在“屬性”面板中設(shè)置顏色、樣式和高度，單擊并拖動(dòng)工具在舞臺(tái)上繪制?！みx取“鉛筆”工具，可以隨意繪制不規(guī)則線條和圖形，這些線條和圖形不是鉛筆運(yùn)動(dòng)軌跡，而是在“鉛筆”工具對(duì)應(yīng)的“選區(qū)”中選擇“鉛筆模式”的結(jié)果，對(duì)“鉛筆”工具繪制的圖形填充所要使用的“顏料桶”?！みx擇“鋼筆”工具，可繪制多種形狀的貝塞爾曲線?！な褂谩皺E圓”、“矩形”、“多角星形”工具，分別繪制橢圓、矩形、多邊形和星形等基本圖形。384.2.4Flash動(dòng)畫創(chuàng)作的基本操作⑴圖形的創(chuàng)建

(b)使用繪圖工具繪制圖形

·使用“刷子”工具，不僅可以繪制圖形，還能制作特殊效果，具體使用時(shí)要理解各種涂色模式的區(qū)別。(c)修改圖形筆觸和填充效果·使用“墨水瓶”工具，設(shè)置其顏色，寬度和樣式，可用單色對(duì)圖形線條著色，或?yàn)樘畛鋮^(qū)描邊。

·使用“顏料桶”具，可用設(shè)置的純色、漸變色或位圖填充一個(gè)封閉區(qū)域，這里也允許對(duì)有缺口的區(qū)域視為封閉圖形進(jìn)行填充，只需在“選項(xiàng)”區(qū)中選擇合適的封閉模式即可。394.2.4Flash動(dòng)畫創(chuàng)作的基本操作⑴圖形的創(chuàng)建(c)修改圖形筆觸和填充效果·使用“填充變形”工具，單擊對(duì)象，將顯示填充變形框，通過調(diào)整其控制點(diǎn)可改變填充效果，對(duì)其進(jìn)行旋轉(zhuǎn)、拉伸、傾斜和縮放等變形。

注意對(duì)象的填充內(nèi)容只能是漸變色或位圖。·使用“滴管”工具，可獲取任意圖形的線條和填充樣式(包括漸變色或位圖),然后用到其他圖形上。401圖形的創(chuàng)建與編輯⑵圖形編輯①調(diào)整圖形形狀

使用工具：單擊“選擇”工具，將光標(biāo)移至圖形邊線上，單擊并拖動(dòng)調(diào)整曲線形狀；如果單擊圖形或線條端點(diǎn)，則可改變圖形形狀、拉長或縮短線條；還可利用其“選項(xiàng)”中的“平滑”、“伸直”按鈕改變圖形形狀。

使用菜單：

操作：用“選擇”工具選中圖形，單擊“修改/形狀”菜單，根據(jù)需要選擇“將線條轉(zhuǎn)換為填充”、“擴(kuò)展填充”或“柔化填充邊緣”命令，在彈出的相應(yīng)對(duì)話框中進(jìn)行設(shè)置，單擊“確定”按鈕完成修改。411圖形的創(chuàng)建與編輯⑵圖形編輯

②以貝塞爾曲線改變圖形輪廓選擇“部分選取”工具，通過拖動(dòng)輪廓節(jié)點(diǎn)或節(jié)點(diǎn)切線改變所選圖形的輪廓。注意，單擊要編輯的節(jié)點(diǎn)，就可以顯示其切線及控制柄。③擦除圖形選擇“橡皮擦”工具，在其對(duì)應(yīng)的“選項(xiàng)”區(qū)中的5個(gè)選項(xiàng)(標(biāo)準(zhǔn)擦除、擦除填充色、擦除線條、擦除所選填充和內(nèi)部擦除)中選擇一種合適的方式。其中標(biāo)準(zhǔn)擦除只擦除舞臺(tái)中位于同一圖層的圖形，文字不受影響；內(nèi)部擦除則僅擦除鼠標(biāo)起始點(diǎn)的填充區(qū)域，線條不會(huì)被擦除。421圖形的創(chuàng)建與編輯⑵圖形編輯④優(yōu)化曲線即平滑曲線，它可減小自身文件。

操作：使用“選擇”工具選中一條或多條要優(yōu)化的曲線，單擊“修改/形狀/優(yōu)化”命令，在“最優(yōu)化曲線”對(duì)話框中進(jìn)行設(shè)置。431.圖形的創(chuàng)建與編輯⑶導(dǎo)入外部圖形與圖像

導(dǎo)入操作如下：(a)單擊“文件/導(dǎo)入/導(dǎo)入到舞臺(tái)”命令，彈出“導(dǎo)入”對(duì)話框。

(b)在對(duì)話框中選擇所在的文件夾、選擇文件類型，在列表中選擇文件或直接在“文件名”文本框內(nèi)輸入文件名。

(c)單擊對(duì)話框中的“打開”按鈕，即可在舞臺(tái)中導(dǎo)入所選圖形或圖像文件。(課堂實(shí)例演示)442.文本的創(chuàng)建和編輯在Flash中，文本有靜態(tài)文本、動(dòng)態(tài)文本和輸入文本3種類型。⑴創(chuàng)建靜態(tài)文本操作選擇“文本”工具，在舞臺(tái)上單擊并拖動(dòng)，拉出一個(gè)限定寬度的文本框，在框中輸入文本。⑵創(chuàng)建動(dòng)態(tài)文本和輸入文本操作若在“屬性”面板中將文本類型設(shè)置為動(dòng)態(tài)文本和輸入文本，則無論在舞臺(tái)中直接單擊還是單擊拖動(dòng)，都只能創(chuàng)建寬度固定的文本框，文本只能呈水平排列方式。452.文本的創(chuàng)建和編輯⑶文本編輯

①靜態(tài)文本編輯可用“屬性”面板按鈕、工具箱中的工具以及菜單項(xiàng)進(jìn)行操作。②動(dòng)態(tài)文本編輯除了要用動(dòng)態(tài)文本“屬性”面板進(jìn)行字體、字號(hào)、顏色、字形、字符位置及格式等文本的基本屬性設(shè)置外，還可利用“實(shí)例名稱”、“線條類型”、“變量”等屬性進(jìn)行有關(guān)編輯。462.文本的創(chuàng)建和編輯⑶文本編輯③輸入文本編輯其“屬性”面板與“動(dòng)態(tài)文本屬性”面板基本相同，只是在“線條類型”下拉列表框中多了一個(gè)“密碼”選項(xiàng)(將輸入文本作為密碼)和“最多宇符”輸入框。④創(chuàng)建滾動(dòng)文本塊當(dāng)輸入的文本內(nèi)容過多或不確定時(shí)，定義一個(gè)固定大小的文本框是比較困難的，而且會(huì)占太多的顯示空間，可以先將文本框定義為“動(dòng)態(tài)文本”或“輸入文本”，然后再將文本框?qū)傩孕薷臑椤翱蓾L動(dòng)”，這樣就可以在一個(gè)較小的位置內(nèi)容納更多的文字，操作方法有3種(P146)。473.動(dòng)畫圖層的創(chuàng)建和編輯

使用圖層不會(huì)增加動(dòng)畫文件的大小，相反它可以更好地幫助用戶安排和組織圖形、文字和動(dòng)畫。⑴各類圖層的創(chuàng)建①“正?！眻D層②“引導(dǎo)層”圖層③“被引導(dǎo)”圖層④“遮罩層”圖層⑤“被遮罩層”⑥“文件夾”圖4.2.10圖層實(shí)例483.動(dòng)畫圖層的創(chuàng)建和編輯⑴各類圖層的創(chuàng)建①“正常”圖層默認(rèn)的普通圖層。②“引導(dǎo)層”圖層

作用：控制其他圖層對(duì)象的運(yùn)動(dòng)或定位。也可以在這個(gè)圖層上創(chuàng)建網(wǎng)格或?qū)ο?，以提高?chuàng)作效率。

該圖層又分為運(yùn)動(dòng)引導(dǎo)層和普通引導(dǎo)層兩類，用戶可以在運(yùn)動(dòng)引導(dǎo)層上繪制曲線，用于控制“被引導(dǎo)層”中的對(duì)象運(yùn)動(dòng)。創(chuàng)建運(yùn)動(dòng)引導(dǎo)層后，當(dāng)前圖層自動(dòng)成為“被引導(dǎo)層”。

普通引導(dǎo)層僅用于輔助制作動(dòng)畫，如通過臨摹其他作品進(jìn)行繪畫等。它無法直接創(chuàng)建，只能從現(xiàn)有圖層轉(zhuǎn)換，其轉(zhuǎn)換操作：在“時(shí)間軸”圖層控制面板上右擊現(xiàn)有圖層，再從彈出快捷鍵菜單中選擇“引導(dǎo)層”命令即可。493.動(dòng)畫圖層的創(chuàng)建和編輯⑴各類圖層的創(chuàng)建

③“被引導(dǎo)”圖層該選項(xiàng)在上一層為引導(dǎo)層時(shí)才有效。當(dāng)該項(xiàng)被選擇時(shí)，所代表的層與引導(dǎo)圖層將產(chǎn)生某種關(guān)聯(lián)。如果希望其他圖層也成為“被引導(dǎo)層”圖層，可先在“時(shí)間軸”圖層控制面板中單擊選中這些圖層，然后用鼠標(biāo)拖至引導(dǎo)層或被引導(dǎo)層下方即可。

④“遮罩層”圖層用于控制被遮罩的內(nèi)容，從而制作(如探照燈等)復(fù)雜的動(dòng)畫效果。遮罩層無法直接創(chuàng)建，只能將某個(gè)圖層轉(zhuǎn)換成遮罩層。操作：在“時(shí)間軸”圖層控制面板上右擊圖層，從彈出的快捷菜單中選擇“遮罩層”命令即可。503.動(dòng)畫圖層的創(chuàng)建和編輯⑴各類圖層的創(chuàng)建⑤“被遮罩層”當(dāng)定義一層為“遮罩層”時(shí)，其下的圖層會(huì)自動(dòng)定義為“被遮罩層”，這時(shí)遮罩層和被遮罩層將同時(shí)被鎖定，能看到遮罩效果。⑥“文件夾”用文件夾可快速隱藏、鎖定圖層文件夾中的所看圖層。

操作：單擊“時(shí)間軸”的“圖層”控制面板左下方的“插入圖層文件夾”按鈕，用鼠標(biāo)將所需圖層拖至文件夾中。另外，通過單擊圖層文件夾前面的圖標(biāo)，或右擊圖層彈出快捷菜單可折疊或展開全部文件夾。513.動(dòng)畫圖層的創(chuàng)建和編輯⑵編輯和管理圖層的基本操作(P148)1)設(shè)定當(dāng)前圖層2)圖層及圖層文件夾的刪除刪除圖層文件夾只需右擊，在彈出的快捷菜單中選擇“刪除文件夾”命令。3)圖層的復(fù)制4)圖層的顯示或隱藏、鎖定與輪廓顯示5)改變圖層的順序6)圖層的命名⑶圖層應(yīng)用操作范例(P149)52二.在時(shí)間軸上創(chuàng)建、編輯動(dòng)畫幀的操作1.顯示幀狀態(tài)幀顯示狀態(tài)名稱說明關(guān)鍵幀時(shí)間軸上關(guān)鍵幀以黑色的實(shí)心圓點(diǎn)表示運(yùn)動(dòng)漸變幀首尾關(guān)鍵幀之間用黑色箭頭相連，單元格背景色為淡紫色形狀漸變幀首尾關(guān)鍵幀之間用黑色箭頭相連，單元格背景色為淺綠色錯(cuò)誤幀用虛線代表動(dòng)畫效果設(shè)置失敗有聲音的幀表示該幀加入了聲音分配動(dòng)作單元格中有字母“a”，表示該幀分配有“動(dòng)作”幀標(biāo)簽小紅旗表示該幀被定義為幀標(biāo)簽命名錨記關(guān)鍵幀格中有一金色錨點(diǎn)，表示該幀被命名為錨記，可控制幀間跳轉(zhuǎn)表4.2.1各種類型幀的狀態(tài)

53

2.創(chuàng)建和插入幀

⑴

插入普通幀操作

⑵

插入關(guān)鍵幀操作

⑶

插入空白關(guān)鍵幀操作3.編輯幀操作⑴選取幀與刪除幀⑵剪切、復(fù)制、粘帖幀⑶移動(dòng)幀⑷翻轉(zhuǎn)幀

功能：將一組幀按順序反轉(zhuǎn)過來，播放順序也反轉(zhuǎn)。

操作：先選定某一圖層中幀序列，“修改/時(shí)間軸/翻轉(zhuǎn)幀”命令，或者右擊被選幀，快捷菜單選擇“翻轉(zhuǎn)幀”。⑸幀與關(guān)鍵幀之間的轉(zhuǎn)換右擊，快捷菜單。544.播放動(dòng)畫幀使用時(shí)間軸下方的狀態(tài)欄。5.使用“繪圖紙”按鈕查看多幀動(dòng)畫⑴單擊“繪圖紙外觀”按鈕，可在舞臺(tái)中同時(shí)查看動(dòng)畫中的若干幀。⑵單擊“繪圖紙外觀輪廓”按鈕，可以輪廓方式顯示多幀，加快復(fù)雜動(dòng)畫圖形的處理速度。⑶單擊“修改繪圖紙標(biāo)記”按鈕，在彈出菜單中可選擇繪圖紙標(biāo)記的顯示狀態(tài)。⑷單擊“編輯多個(gè)幀”按鈕，可以對(duì)指定范圍內(nèi)的所有幀進(jìn)行編輯。556.時(shí)間軸特效設(shè)置與編輯⑴時(shí)間軸特效設(shè)置“插入/時(shí)間軸特效/選擇特效類型/設(shè)置參數(shù)/更新預(yù)覽”。⑵對(duì)時(shí)間軸特效進(jìn)行編輯右擊已應(yīng)用時(shí)間軸特效的對(duì)象，在彈出的快捷菜單中選擇“時(shí)間軸特效/編輯特效”命令；

或單擊“修改/時(shí)間軸特效/編輯特效”命令。⑶刪除時(shí)間軸特效在選擇“時(shí)間軸特效”菜單后選擇“刪除特效”命令即可。56⑴擴(kuò)展幀的范圍

原因：將一個(gè)關(guān)鍵幀中的內(nèi)容為多個(gè)幀的內(nèi)容。

操作：先在圖層的第一個(gè)關(guān)鍵幀中創(chuàng)建對(duì)象，然后在關(guān)鍵幀后面單擊要擴(kuò)展的最后一幀，按F5鍵或單擊“插入/時(shí)間軸/幀”命令。7.動(dòng)畫幀操作綜合練習(xí)57⑵設(shè)置幀頻率

幀頻率指示動(dòng)畫的播放速度。

操作：“修改/文檔”。⑶使用時(shí)間軸特效選中要添加特效的元件；

單擊“插入/時(shí)間軸特效/效果/模糊”命令。7.動(dòng)畫幀操作綜合練習(xí)58使用時(shí)間軸特效59三.元件與實(shí)例的創(chuàng)建、編輯和應(yīng)用操作1.創(chuàng)建各類元件有4種類型：

圖形元件：用于定義靜態(tài)圖形和創(chuàng)建運(yùn)用圖像創(chuàng)作動(dòng)畫效果，它包括靜態(tài)和動(dòng)態(tài)圖形元件兩種。它與主時(shí)間軸同步運(yùn)行。

按鈕元件：使用它創(chuàng)建響應(yīng)鼠標(biāo)單擊、滑過或其他動(dòng)作的交互式按鈕。可以定義與各種按鈕狀態(tài)關(guān)聯(lián)的圖形，然后將動(dòng)作指定給按鈕實(shí)例。

影片剪輯元件：用于創(chuàng)建可獨(dú)立于主影像時(shí)間軸播放、可重復(fù)使用的動(dòng)畫片段，就像主影像中的獨(dú)立小電影，它可以包含交互式控制、音效，甚至可以包含其他的電影片段實(shí)例。

字體元件：用于導(dǎo)出字體，并在其他Flash動(dòng)畫中使用。60三.元件與實(shí)例的創(chuàng)建、編輯和應(yīng)用操作1.創(chuàng)建各類元件⑴直接創(chuàng)建一個(gè)新元件①創(chuàng)建空白元件：“插入/新建元件”(或按Ctrl+F8鍵)

②進(jìn)入元件編輯模式，建立其內(nèi)容。⑵將舞臺(tái)上選定的對(duì)象轉(zhuǎn)換為元件使用“選擇”工具選取要轉(zhuǎn)換的對(duì)象，單擊“修改/轉(zhuǎn)換為元件”(按F8鍵)，在彈出的“轉(zhuǎn)換為符號(hào)”對(duì)話框中輸入元件名稱并選擇元件類型，單擊對(duì)話框“注冊(cè)”區(qū)中的小方塊，確定元件注冊(cè)點(diǎn)的位置，單擊“確定”按鈕，則所選對(duì)象被轉(zhuǎn)換成元件添加到“庫”面板中。61三.元件與實(shí)例的創(chuàng)建、編輯和應(yīng)用操作1.創(chuàng)建各類元件⑶調(diào)用其他Flash影片文檔中的元件

使用“復(fù)制”和“粘貼”命令，復(fù)制源文檔中的元件，粘貼到目標(biāo)文檔中。用鼠標(biāo)拖放。選中源文檔“庫”中的元件，鼠標(biāo)拖入目標(biāo)文檔“庫”或舞臺(tái)。

在目標(biāo)文檔中“導(dǎo)入”，在目標(biāo)文檔中單擊“文件/導(dǎo)入/打開外部庫”命令，在“作為庫打開”對(duì)話框中選擇源文檔。單擊“打開”按鈕，將所需元件從打開的庫中拖到目標(biāo)“庫”中或舞臺(tái)上。對(duì)調(diào)用的元件“庫”，只能使用其元件，不能改變其庫中的內(nèi)容。62三.元件與實(shí)例的創(chuàng)建、編輯和應(yīng)用操作1.創(chuàng)建各類元件⑷創(chuàng)建與應(yīng)用按鈕元件Flash中能響應(yīng)鼠標(biāo)事件的就是按鈕，因此要實(shí)現(xiàn)動(dòng)畫交互功能就要應(yīng)用按鈕。

每個(gè)按鈕元件都有4種狀態(tài)，即“彈起、指針經(jīng)過、按下、點(diǎn)擊”狀態(tài)。

要?jiǎng)?chuàng)建按鈕，需繪制出它在4種不同顯示狀態(tài)下的顯示效果。按鈕對(duì)應(yīng)的時(shí)間包括4個(gè)幀，分對(duì)應(yīng)4種狀態(tài)，前3幀分別顯示按鈕前3種可能的狀態(tài)，最后一幀定義按鈕的動(dòng)作區(qū)域。按鈕時(shí)間軸并不能播放，它只是用來指示動(dòng)作并使影片跳到適當(dāng)?shù)膸?3創(chuàng)建與應(yīng)用按鈕元件創(chuàng)建一個(gè)帶動(dòng)畫的按鈕，當(dāng)鼠標(biāo)移到按鈕上時(shí)，按鈕變?yōu)榧t色，當(dāng)鼠標(biāo)點(diǎn)擊按鈕時(shí)按鈕變?yōu)樗{(lán)色。

操作步驟(源文件參見光盤中“教學(xué)資料庫\第四章\4.2節(jié)資料\按鈕”)：⑴“文件/新建”，創(chuàng)建一個(gè)200×200像素、背景為白色的Flash文檔，命名為“按鈕”。⑵“文件/導(dǎo)入/導(dǎo)入到庫”，將按鈕圖片導(dǎo)入到庫中，圖片如圖4.2.14(a)(b)(c)所示。

圖4.2.14入庫圖片(a)(b)(c)64⑶“插入/新建元件”，在彈出的“創(chuàng)建新元件”對(duì)話框中輸入元件名稱并選擇類型“按鈕”，如下圖4.2.15所示，單擊“確定”按鈕，進(jìn)入元件編輯模式。

這時(shí)編輯環(huán)境中的“時(shí)間軸”面板自動(dòng)增加了4幀，如下圖4.2.16所示。

圖4.2.15新建按鈕元件圖4.2.16按鈕編輯65⑷在第一幀“彈起”插入一個(gè)關(guān)鍵幀(快捷鍵F6)，從右側(cè)“庫”中將圖4.2.14中圖片(a)拖到舞臺(tái)中央。接著在第二幀“指針經(jīng)過”插入一個(gè)關(guān)鍵幀，再從右側(cè)“庫”中將圖4.2.14中圖片(b)拖到舞臺(tái)中央，并且完全覆蓋上一步中的圖片(a)。在第三幀“點(diǎn)擊”再插入一個(gè)關(guān)鍵幀，同樣從右側(cè)“庫”中將圖4.2.14中圖片(c)拖到舞臺(tái)中央，并且覆蓋第二步中的圖片(b)。最后在第四幀“點(diǎn)擊”插入一個(gè)關(guān)鍵幀，將第1關(guān)鍵幀復(fù)制后粘貼到第4關(guān)鍵幀即可，最后如圖4.2.17所示。圖4.2.17編輯結(jié)果66⑸單擊時(shí)間軸上方的“場(chǎng)景”圖標(biāo)，返回到圖層編輯狀態(tài)，將“庫”中的按鈕元件拖曳到畫布上，這樣就完成了一個(gè)按鈕元件的制作。默認(rèn)情況下，在創(chuàng)建按鈕元件時(shí)將它保持為禁用狀態(tài)，以使其易于選擇和處理。

測(cè)試按鈕：①可選擇“編輯/測(cè)試影片”或“測(cè)試場(chǎng)景”菜單，在打開的播放器中測(cè)試；②可以在“庫”面板中選擇該按鈕，單擊庫預(yù)覽窗口的“播放”按鈕，進(jìn)行測(cè)試。67三.元件與實(shí)例的創(chuàng)建、編輯和應(yīng)用操作2.編輯元件

條件：切換到元件編輯模式下。

在元件編輯模式下，元件的名稱將出現(xiàn)在舞臺(tái)左上角，并由一個(gè)十字形交叉細(xì)線表明該元件的注冊(cè)點(diǎn)。編輯同時(shí)，將隨之更新該元件所有的實(shí)例。⑴元件編輯環(huán)境下編輯

①選擇舞臺(tái)上的元件實(shí)例，單擊“編輯/編輯元件”令(或按Ctrl+E鍵)。

②右擊元件實(shí)例，彈出快捷菜單中選擇“編輯”。

③單擊“編輯欄”右邊的“編輯元件”圖標(biāo)，從列表中選擇要編輯的元件名。

④在元件“庫”中，雙擊要編輯的元件，所選中的元件顯示在工作區(qū)中。68三.元件與實(shí)例的創(chuàng)建、編輯和應(yīng)用操作2.編輯元件⑵在當(dāng)前位置編輯①直接在舞臺(tái)中雙擊要編輯的元件實(shí)例。②選中實(shí)例后單擊“編輯”菜單，選擇“在當(dāng)前位置中編輯”命令。

③右擊實(shí)例，在彈出的快捷菜單中選擇“在當(dāng)前位置中編輯”命令。69三.元件與實(shí)例的創(chuàng)建、編輯和應(yīng)用操作3.創(chuàng)建與編輯“實(shí)例”⑴創(chuàng)建實(shí)例

操作：選擇一個(gè)圖層，將某個(gè)關(guān)鍵幀設(shè)置為當(dāng)前幀，打開元件所在的“庫”面板，選中要建立實(shí)例的元件，把它從預(yù)覽畫面拖到舞臺(tái)中。

注意：創(chuàng)建影片剪輯元件實(shí)例與創(chuàng)建動(dòng)態(tài)圖形元件實(shí)例所選擇的關(guān)鍵幀數(shù)不同，前者只需一個(gè)關(guān)鍵幀就可以播放，而動(dòng)態(tài)圖形元件的實(shí)例要通過按F5鍵或選擇“插入”選項(xiàng)增加幀數(shù)，使之與元件包含的幀數(shù)一致，否則播放時(shí)只顯示第一幀。

有了元件，就可以在影像中任何需要的地方，甚至可以在其他元件內(nèi)創(chuàng)建該元件的實(shí)例。703.創(chuàng)建與編輯“實(shí)例”⑵編輯實(shí)例編輯元件，實(shí)例會(huì)跟著變化，但編輯實(shí)例不會(huì)影響元件。

方法：在實(shí)例上右擊，在彈出的快捷菜單中選擇所需的操作。(a)改變實(shí)例的顏色和透明度選擇實(shí)例，在“屬性”面板的“顏色”下拉列表框中選擇“無”(不設(shè)置顏色效果)、“亮度”、“色調(diào)”、Alpha(透明度)、“高級(jí)”5種顏色效果。713.創(chuàng)建與編輯“實(shí)例”⑵編輯實(shí)例(b)為實(shí)例指定其他元件為實(shí)例指定不同的元件，可改變其顯示效果，但實(shí)例仍保持原來的屬性。

操作：選擇實(shí)例，在屬性面板的“顏色”中設(shè)置顏色效果，單擊“屬性”面板的“交換”按鈕，在彈出的“交換元件”對(duì)話框的元件列表中選擇替換元件，單擊“確定”按鈕。

(c)改變實(shí)例類型選擇實(shí)例，在“屬性”面板的“元件行為”下拉列表框中選擇要改變成哪種實(shí)例類型即可。723.創(chuàng)建與編輯“實(shí)例”⑶打散實(shí)例

目的：切斷實(shí)例和元件之間的鏈接。

操作：在選中實(shí)例后，連續(xù)兩次單擊“修改/分離”。4.元件操作應(yīng)用注意事項(xiàng)⑴在影片編輯過程中，把多次使用的元素做成元件，當(dāng)修改了元件后，影片中所有的實(shí)例都會(huì)隨之更新，不需要逐一更改。

⑵所有的元件實(shí)例在文件中僅保存一個(gè)完整的描述，其余的都是通過參考指針來加載文件的，因此可以大大縮減文件尺寸。⑶創(chuàng)建補(bǔ)間動(dòng)畫時(shí)，必須使用元件。73四.場(chǎng)景編輯操作單擊“窗口/其他面板/場(chǎng)景”命令，可顯示“場(chǎng)景”控制面板，并進(jìn)行如下操作：⑴面板頂部呈現(xiàn)場(chǎng)景名稱，若要改名，只需雙擊場(chǎng)景，輸入新名即可。⑵用面板下方的“重制場(chǎng)景”、“添加場(chǎng)景”、“刪除場(chǎng)景”按鈕可復(fù)制、創(chuàng)建和刪除場(chǎng)景。⑶要改變文檔中場(chǎng)景的順序，只要在面板中用鼠標(biāo)拖動(dòng)場(chǎng)景名即可。⑷查看特定場(chǎng)景，可執(zhí)行菜單命令“視圖/轉(zhuǎn)到”，在子菜單中選擇。⑸快速選擇場(chǎng)景，單擊主界面“編輯欄”中的“編輯場(chǎng)景”按鈕，在下拉列表中選擇。74五.動(dòng)畫對(duì)象的編輯操作

Flash中的對(duì)象是指所有被選取和進(jìn)行動(dòng)畫操作的元素，如圖形、文本、實(shí)例等。每個(gè)對(duì)象都有相應(yīng)的屬性和可對(duì)其進(jìn)行操作的動(dòng)作。1.選取和取消動(dòng)畫對(duì)象選取動(dòng)畫對(duì)象是進(jìn)行編輯的前提，主要方法：

⑴使用“選擇”工具⑵使用“套索”工具⑶執(zhí)行菜單命令單擊“編輯/全選”命令(或按Ctrl+A)，可選取舞臺(tái)中時(shí)所有對(duì)象。若要取消動(dòng)畫對(duì)象的選取，則在所選對(duì)象區(qū)域外單擊或單擊“編輯/取消全選”或按Ctrl+Shift+A組合鍵。75五.動(dòng)畫對(duì)象的編輯操作2.編輯動(dòng)畫對(duì)象

編輯動(dòng)畫對(duì)象主要是進(jìn)行移動(dòng)、復(fù)制和刪除對(duì)象等操作。⑴移動(dòng)對(duì)象

(a)用“選擇”工具選中對(duì)象后，直接用鼠標(biāo)拖著移動(dòng)。(b)用方向鍵位置進(jìn)行移動(dòng)，一次移動(dòng)一個(gè)像素點(diǎn)。若移動(dòng)時(shí)按下Shift鍵，則每次移動(dòng)10個(gè)像素點(diǎn)。

(c)用“信息”面板精確調(diào)整，打開“信息”面板通過在X、Y編輯框中輸入將要移動(dòng)的位置，然后按Enter鍵。⑵復(fù)制對(duì)象復(fù)制對(duì)象可在不同圖層、場(chǎng)景或Flash文件之間進(jìn)行，通常使用“復(fù)制”、“剪切”和“粘貼”。76五.動(dòng)畫對(duì)象的編輯操作2.編輯動(dòng)畫對(duì)象⑶刪除對(duì)象選中要?jiǎng)h除的對(duì)象，執(zhí)行下面任何一種操作均可刪除之。

(a)按Delete鍵或Backspace鍵。

(b)單擊“編輯/清除”命令。

(c)單擊“編輯/剪切”命令，或右擊選中的對(duì)象，從快捷菜單中選擇“剪切”命令。

注意：如果刪除的是實(shí)例，則不會(huì)刪除創(chuàng)建該實(shí)例的元件。77五.動(dòng)畫對(duì)象的編輯操作3.動(dòng)畫對(duì)象變形通過“任意變形”工具、“變形”控制面板和“變形”菜單3種途徑，實(shí)現(xiàn)動(dòng)畫對(duì)象的旋轉(zhuǎn)、傾斜、扭曲及翻轉(zhuǎn)等變形。若要取消變形，通過“變形”控制面板的“重置”按鈕或單擊“修改/變形/取消變形”命令即可。78五.動(dòng)畫對(duì)象的編輯操作4.組合、疊放和對(duì)齊對(duì)象可將多個(gè)圖形組合為一個(gè)整體對(duì)象進(jìn)行統(tǒng)一操作，可設(shè)置同一圖層中不同組合對(duì)象的順序和對(duì)齊方式。⑴組合對(duì)象選取舞臺(tái)中要組合的對(duì)象，單擊“修改/組合”命令(或按Ctrl+G鍵)，但不改變各自的屬性。⑵疊放對(duì)象疊放順序決定了對(duì)象被覆蓋時(shí)的顯示方式。若要調(diào)整疊放順序，先選中對(duì)象，再單擊“修改/排列”命令。⑶對(duì)齊對(duì)象“修改/對(duì)齊”。79六.創(chuàng)建基礎(chǔ)動(dòng)畫的操作1.創(chuàng)建“逐幀動(dòng)畫”

2.創(chuàng)建補(bǔ)間動(dòng)畫⑴創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫

⑵形狀補(bǔ)間動(dòng)畫。3.創(chuàng)建遮罩動(dòng)畫

80創(chuàng)建“逐幀動(dòng)畫”

逐幀動(dòng)畫是最傳統(tǒng)的動(dòng)畫創(chuàng)建形式，也是Flash重要的基礎(chǔ)動(dòng)畫類型。

逐幀動(dòng)畫是舞臺(tái)上每幀內(nèi)容都發(fā)生變化，創(chuàng)作費(fèi)時(shí)費(fèi)事，文件體積較大，網(wǎng)上下載慢，但制作步驟簡單。

逐幀動(dòng)畫主要用于不規(guī)則的復(fù)雜運(yùn)動(dòng)動(dòng)畫，其每一幀都是關(guān)鍵幀，動(dòng)畫通過關(guān)鍵幀不斷變換產(chǎn)生，例如人物說話的嘴形、鳥類飛行的翅膀變化等。

造型是逐幀動(dòng)畫的基礎(chǔ)，要掌握造型制作過程主要是靈活運(yùn)用關(guān)鍵幀和空白幀的概念。下面介紹一只蝴蝶飛行的例子來說明在時(shí)間軸上如何操作。(源文件參見光盤中“教學(xué)資料庫\第四章\4.2節(jié)資料\逐幀動(dòng)畫”)81⑴將一只蝴蝶的飛行動(dòng)作分解為五部分，如圖4.2.18所示。⑵執(zhí)行“文件/新建”(Ctrl+N)，新建一個(gè)400×200像素的空白文件(.fla)。⑶將圖4.2.18中圖片(a)復(fù)制到文件空白處，時(shí)間軸會(huì)自動(dòng)生成第一個(gè)關(guān)鍵幀。⑷單擊時(shí)間軸上的第二幀，右擊插入一個(gè)空白關(guān)鍵幀(快捷鍵F6)，將圖4.2.18中圖片(b)復(fù)制到空白畫板上，要注意的是第二幀上圖片的位置要和第一幀中圖片的位置一致，并刪除第一幀的圖片。圖4.2.18蝴蝶飛行動(dòng)作分解82⑸重復(fù)執(zhí)行步驟4，將圖4.2.18中的圖片(c)插入第三個(gè)關(guān)鍵幀中；同樣插入第四個(gè)空白關(guān)鍵幀，將圖4.2.18中的圖片(d)復(fù)制到第四個(gè)關(guān)鍵幀中，插入第五個(gè)空白關(guān)鍵幀，將圖4.2.18中的圖片(e)復(fù)制到第五個(gè)關(guān)鍵幀中，然后預(yù)覽，就可以看到蝴蝶在空中飛行的簡單動(dòng)作了。該例是采用逐幀插入逐幀繪制畫面的方法，當(dāng)然也可以先繪制好各幀的畫面，然后一一導(dǎo)入元件庫中，在每幀插入關(guān)鍵幀后，刪除原有內(nèi)容，再把對(duì)應(yīng)畫面從元件庫中拖到關(guān)鍵幀上。

顯然，逐幀動(dòng)畫制作工作量很大。83創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫

太陽、地球、月亮。

要求：創(chuàng)建一個(gè)地球繞太陽公轉(zhuǎn)且自轉(zhuǎn)，月亮繞地球公轉(zhuǎn)且自轉(zhuǎn)的動(dòng)畫。源文件參見光盤中“教學(xué)資料庫\第四章\4.2節(jié)資料\補(bǔ)間動(dòng)畫”操作步驟：1)新建一個(gè)400×400像素的空白文件，命名為“太陽、地球、月亮”。2)將“圖層1”重新命名為“背景”，執(zhí)行“文件/導(dǎo)入/導(dǎo)入到舞臺(tái)”，將背景圖片導(dǎo)入到舞臺(tái)中。843)執(zhí)行“插入/新建元件”彈出新建元件對(duì)話框，輸入元件名“太陽”，并選擇類型“影片剪輯”點(diǎn)擊確定，如圖4.2.19(a)所示，進(jìn)入元件編輯模式。執(zhí)行“文件/導(dǎo)入/導(dǎo)入到舞臺(tái)”將動(dòng)態(tài)的太陽圖片導(dǎo)入到“太陽”元件的編輯舞臺(tái)，如圖4.2.19(b)所示。圖4.2.19太陽元件的創(chuàng)建與編輯(a)創(chuàng)建元件(b)854)重復(fù)執(zhí)行步驟3)，創(chuàng)建地球元件和月亮元件。5)新建‘地球-月亮’影片剪輯元件，進(jìn)入元件編輯舞臺(tái)，將“圖層1”重命名為“地球”，第1幀為空白關(guān)鍵幀，將地球元件拖拽到舞臺(tái)中央，在第40幀插入普通幀(快捷鍵F5)。6)新建圖層，重新命名為“月亮”，第1幀為空白關(guān)鍵幀，然后將庫中月亮的影片剪輯元件拖拽到舞臺(tái)中央。7)單擊時(shí)間軸工具欄下的“月亮”圖層，再單擊時(shí)間軸面板左下角的“添加運(yùn)動(dòng)引導(dǎo)層”圖標(biāo)，給“月亮”圖層添加一個(gè)引導(dǎo)層，單擊引導(dǎo)層的第1幀，在工具面板中選擇“橢圓”工具，然后在舞臺(tái)上畫一個(gè)橢圓，并將橢圓拖拽到地球上，如圖4.2.20(a)所示。將圖上A、B兩點(diǎn)之間的短圓弧刪除，如圖4.2.20(b)所示。圖4.2.20創(chuàng)建運(yùn)動(dòng)引導(dǎo)層(a)(b)868)選中“月亮”圖層的第1幀，使用選擇工具，將月亮拖拽到橢圓線的A端，如圖4.2.21(a)所示。

在“月亮”圖層的第30幀處插入一個(gè)關(guān)鍵幀，在其屬性面板上設(shè)置“補(bǔ)間”為“動(dòng)作”。選擇引導(dǎo)層，同樣在30幀處插入一個(gè)關(guān)鍵幀，將月亮拖拽到橢圓曲線的B端，如圖4.2.21(b)所示。最后引導(dǎo)層的第40幀處插入一個(gè)關(guān)鍵幀。(a)(b)圖4.2.21創(chuàng)建運(yùn)動(dòng)補(bǔ)間879)新建“太陽-地球-月亮”影片剪輯元件，利用“太陽”、“地球-月亮”兩個(gè)影片剪輯元件，重復(fù)執(zhí)行步驟5)→8)編輯新元件，編輯結(jié)果如圖4.2.22(a)、(b)所示。圖4.2.22“太陽-地球-月亮”影片剪輯元件編輯(a)(b)8810)將編輯好的“太陽-地球-月亮”影片剪輯拖拽到場(chǎng)景中央。11)保存后，按住Ctrl+Shift鍵的同時(shí)按回車就可以預(yù)覽到太陽、地球和月亮按照曲線軌跡運(yùn)動(dòng)的補(bǔ)間動(dòng)畫了，圖4.2.25是此Flash第1幀的截圖。圖4.2.2589創(chuàng)建遮罩動(dòng)畫創(chuàng)建時(shí)，使用遮罩層建立一個(gè)小孔，移動(dòng)遮罩層時(shí)透過小孔可以看到下面被遮罩層的內(nèi)容。遮罩的對(duì)象可以是填充的對(duì)象、圖形元件的實(shí)例或影片剪輯，一個(gè)遮罩層可同時(shí)遮罩幾個(gè)圖層，從而產(chǎn)生更奇特的效果。(源文件參見光盤中“教學(xué)資料庫\第四章\4.2節(jié)資料\遮罩”)創(chuàng)建遮罩動(dòng)畫操作步驟：⑴創(chuàng)建新文檔可使用“開始”頁創(chuàng)建新文檔，也可以執(zhí)行“文件/新建”，在打開的對(duì)話框中選擇“Flash文檔”，單擊“確定”按鈕。90⑵設(shè)置文檔屬性步驟1新建的文檔，其屬性是默認(rèn)值，可以通過以下方法來修改屬性值：

執(zhí)行菜單命令“窗口/屬性”，在彈出的屬性窗口里，單擊“大小”按鈕，打開“文檔屬性”對(duì)話框，進(jìn)行文檔尺寸、背景顏色、幀頻等屬性設(shè)置；

也可執(zhí)行菜單命令“修改/文檔”打開“文檔屬性”對(duì)話框，設(shè)置文檔屬性。91⑶編輯元件1)執(zhí)行菜單命令“插入/新建元件”，在彈出的對(duì)話框中設(shè)置“名稱”為“文字”，“行為”為“影片剪輯”，如圖4.2.27所示。圖4.2.27創(chuàng)建文字元件922)單擊“確定”按鈕后，進(jìn)入元件編輯界面，選取“文本”工具，在屬性面板中設(shè)置字體為隸書，顏色為藍(lán)色#0000CC，字體大小為50，并設(shè)置加粗和斜體，如圖4.2.28所示。圖4.2.28設(shè)置文本屬性933)在編輯界面上單擊，輸入文本“多媒體應(yīng)用基礎(chǔ)”，并按Ctrl+Alt+2鍵(水平居中)和Ctrl+Alt+5鍵(垂直居中)，調(diào)整文本居中對(duì)齊，如圖4.2.29所示。4)創(chuàng)建一個(gè)行為是“影片剪輯”的元件，命名為“高光”，將前面輸入的文本粘貼到元件“高光”的編輯區(qū)，并連續(xù)按Ctrl+B鍵兩次將文本打散，如圖4.2.30所示。在混色器面板中，設(shè)置顏色為＃0099FF。圖4.2.29對(duì)齊文本圖4.2.30打散文本945)創(chuàng)建一個(gè)行為是“影片剪輯”的元件，命名為“陰影”，將文本復(fù)制到編輯區(qū)中，連續(xù)按Ctrl+B鍵兩次將文本打散，在混色器面板中，設(shè)置顏色為＃3333333，如圖4.2.31所示。6)創(chuàng)建一個(gè)行為是“影片剪輯”的元件，命名為“遮罩”，選擇工具欄中的“橢圓”工具，在畫板上拖畫出一個(gè)橢圓，設(shè)置顏色為＃FFFFFF。圖4.2.31創(chuàng)建陰影文本元件95⑷創(chuàng)建圖層返回到“場(chǎng)景1”中，創(chuàng)建3個(gè)圖層，分別命名為“陰影”、“高光”和“遮罩”，如圖4.2.32所示。

然后打開元件庫面板，將影片剪輯元件“陰影”、“高光”依次拖到各自對(duì)應(yīng)的圖層上，并調(diào)整文字的位置，使其產(chǎn)生立體的效果。

最后將“遮罩”元件拖到遮罩層，并移動(dòng)遮罩元件到文字的左端，如圖4.2.33所示。圖4.2.32新建圖層圖4.2.33添加遮罩元件

96返回到“場(chǎng)景1”中，創(chuàng)建兩個(gè)圖層，分別命名為“燈光”、“燈光柱”。然后點(diǎn)擊“燈光”圖層第一幀，選擇“橢圓”工具，在畫板上拖出一個(gè)橢圓，設(shè)置顏色為白色，將橢圓拖拽到“遮罩”圖層橢圓的位置。在“燈光”圖層的第60幀插入一個(gè)關(guān)鍵幀，并創(chuàng)建補(bǔ)間動(dòng)畫，選中第60幀的橢圓，將其拖拽到“遮罩”圖層第60幀中橢圓的位置。點(diǎn)擊“燈光柱”圖層第一幀，使用工具欄中的工具在畫板上畫出一圓錐形，顏色設(shè)置為＃666666，Alpha值設(shè)置為57%，如圖4.2.34所示。然后做逐幀動(dòng)畫，使該燈光柱隨燈光移動(dòng)。圖4.2.34“燈光柱”圖層的編輯97⑸在時(shí)間軸上制作動(dòng)畫在時(shí)間軸的第60幀處創(chuàng)建四個(gè)圖層的關(guān)鍵幀，單擊遮罩層，將其中的遮罩元件水平移動(dòng)到文字的右端，并在屬性面板上設(shè)置其“補(bǔ)間”為“動(dòng)作”，在圖層面板中右擊“遮罩層”，在彈出的快捷菜單中選擇“遮罩層”，將“高光層”設(shè)置為被遮罩層，如圖4.2.35所示。圖4.2.35添加遮罩效果和創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫98⑹預(yù)覽、測(cè)試動(dòng)畫用“控制/播放”菜單選項(xiàng)觀看動(dòng)畫效果，圖4.2.36為動(dòng)畫第10幀的圖片。按住Ctrl鍵的同時(shí)按Enter鍵觀看動(dòng)畫效果，不要忘記按Ctrl+S鍵保存。為使動(dòng)畫在國際互聯(lián)網(wǎng)上能正常使用，動(dòng)畫制作完成后可在Flash環(huán)境中進(jìn)行模擬網(wǎng)絡(luò)環(huán)境測(cè)試。

方法：選擇“控制/測(cè)試影片”菜單，彈出測(cè)試預(yù)覽窗口。在該窗口中，可以設(shè)置不同的下載速度，以模擬不同的調(diào)制解調(diào)器下載情況。99圖4.2.36⑺保存與輸出(發(fā)布、打印)經(jīng)過預(yù)覽和測(cè)試后，執(zhí)行菜單命令“文件/導(dǎo)出/導(dǎo)出影片”，將影片導(dǎo)出為可以在播放器中播放的格式。1004.2.5Flash動(dòng)畫創(chuàng)作實(shí)例動(dòng)畫制作和播放的關(guān)鍵有兩點(diǎn)：⑴要掌握時(shí)間幀的概念。Flash動(dòng)畫的播放順序是從第一幀開始的，如果沒有其它動(dòng)作的影響，動(dòng)畫就會(huì)一直播放下去，直到最后一幀。⑵關(guān)于層的概念。

動(dòng)畫的效果是各個(gè)層的效果疊加起來的。各個(gè)層的對(duì)象互不影響，可以獨(dú)立地控制各層對(duì)象的運(yùn)動(dòng)、動(dòng)作。101下面將前面學(xué)習(xí)的方法結(jié)合起來，介紹制作兩個(gè)Flash實(shí)例：“游戲‘七巧板’”和“編鐘”。實(shí)例一、游戲七巧板(源文件參見光盤中“教學(xué)資料庫\第四章\4.2節(jié)資料\七巧板”)一、制作七塊形狀不同的小板

1.游戲中提供了如圖4.2.43所示的拼圖答案，所以現(xiàn)制作七塊用作答案圖形的小板。圖4.2.43拼圖答案1022.執(zhí)行“插入/新建元件”，新建一個(gè)圖形元件，命名為Firstg，進(jìn)入元件編輯區(qū)后，用圖形工具繪制一個(gè)三角形如圖4.2.44所示。3.制作游戲中使用的小板，因?yàn)橛螒蛑锌梢匀我鈱?duì)小板進(jìn)行拖動(dòng)，所以小板制作為按鈕元件。執(zhí)行菜單命令“插入/新建元件”，新建一個(gè)按鈕元件，命名為Firstb。進(jìn)入元件編輯區(qū)后，在彈起幀使用繪圖工具繪制一個(gè)形狀和下圖所示圖形一樣的三角形。圖4.2.44三角形繪制圖4.2.45小板的繪制1034.游戲中需要對(duì)小板進(jìn)行旋轉(zhuǎn)操作，每點(diǎn)一下小板上的圓形按鈕，便可旋轉(zhuǎn)45度，所以用于小板旋轉(zhuǎn)的圓形扭要制成按鈕元件。

新建一個(gè)按鈕元件，命名為rotation。進(jìn)入元件編輯區(qū)后，在彈起幀使用橢圓工具繪制一小的正圓，然后點(diǎn)擊舞臺(tái)右側(cè)的“樣本”按鈕，選擇顏色，將小球的填充色設(shè)置成黑白漸進(jìn)色，如圖4.2.46所示。圖4.2.46圓形按鈕的繪制1045.將元件Firstb和rotation組合成最終的小板，這里的組合體應(yīng)該制成影片剪輯元件。

執(zhí)行菜單命令“插入/新建元件”，新建一個(gè)影片剪輯元件，命名為FirstM。進(jìn)去元件編輯區(qū)后，分別將元件Firstb和rotation拖到編輯區(qū)中，移動(dòng)rotation對(duì)象到三角形上合適位置，如圖4.2.47所示。圖4.2.471056.添加Action腳本。選擇舞臺(tái)中央的三角板，然后單擊舞臺(tái)下方的“動(dòng)作-幀”按鈕，在Action腳本編輯窗口中添加如下Action，如圖4.2.48(a)所示。同樣，給旋轉(zhuǎn)按鈕也添加Action腳本，如圖4.2.48(b)所示。圖4.2.48Action動(dòng)作腳本添加(a)(b)(b)106

7.這樣，七巧板中的一個(gè)小板就制作完成了，可以看到，制作一個(gè)小板需要相應(yīng)的制作三個(gè)不同的原件，在制作七塊小板時(shí)可以根據(jù)自己的喜歡給每個(gè)小板設(shè)置成不同的顏色。按照類似的方法制作其它六個(gè)小板，共18個(gè)元件。最后的庫如圖4.2.49所示。圖4.2.49七巧板小游戲庫107二.場(chǎng)景布置1.回到主場(chǎng)景界面，在“屬性”欄中設(shè)置場(chǎng)景的大?。?50px*440px，背景色為＃993333色。2.將當(dāng)前默認(rèn)圖層改名為“background”，使用矩形工具在舞臺(tái)上繪制一個(gè)正方形，作為游戲的拼圖區(qū)域，將其放于舞臺(tái)中靠左的位置。使用矩形工具在舞臺(tái)上繪制一個(gè)正方形，作為游戲拼圖的圖案和答案區(qū)域，如圖4.2.51所示，最后將圖層延續(xù)到第10幀。圖4.2.51游戲舞臺(tái)1083.新建一個(gè)圖層命名為“Pieces”，將制作好的七個(gè)小板FirstM到SevenM拖到舞臺(tái)中，然后按照?qǐng)D4.2.52所示擺放好。分別給七個(gè)小板設(shè)置實(shí)例名(Instacnename)為：Fist，Second，Third，F(xiàn)ourth，F(xiàn)ifth，Sixth，Seventh。4.然后新建兩個(gè)圖層命名為“shapes”和“solutions”，分別放置游戲中的目標(biāo)圖案和拼圖的答案。在圖層shapes的第1,3,5,7,9幀分別插入關(guān)鍵幀，在每一關(guān)鍵幀繪制目標(biāo)圖案，例如第1關(guān)鍵幀中的圖案如圖4.2.53所示。圖4.2.53繪制圖案圖4.2.52小板的排列與實(shí)例化109

5.在圖層solutions的第2,4,6,8,10幀分別插入關(guān)鍵幀，每一幀放置的都是前一幀目標(biāo)圖案的答案，可以根據(jù)前一幀的圖案,使用元件Firstg到seventhg進(jìn)行組合，例如第5幀和第6幀分別如圖4.5.54所示。圖4.2.54題目與答案(b)(a)1106.新建一個(gè)圖層“buttons”，用來放置游戲中的功能按鈕，分別制作三個(gè)如圖4.2.55所示的按鈕，然后擺放到舞臺(tái)的右下角。7.回到第1幀，分別給上圖中三個(gè)按鈕添加Action動(dòng)作腳本。8.按照上面類似的方法，繼續(xù)給后面的第3幀、第5幀、第7幀、第9幀中的按鈕添加As，As的含義類似，注意gotoAndStop(n);中跳轉(zhuǎn)的位置，在此不再贅述。圖4.2.55按鈕的制作11110.插入一個(gè)圖層action，將第1幀到第10全部插入關(guān)鍵幀，給每一幀添加AS:stop();，最后的時(shí)間線，如圖4.5.56所示所示。圖4.2.56時(shí)間112實(shí)例二、編鐘(源文件參見光盤中“教學(xué)資料庫\第四章\4.2節(jié)資料\編鐘”)執(zhí)行菜單命令“文件/新建”，新建一個(gè)Flash，并命名為“編鐘”，在文檔屬性設(shè)置中，將大小修改文589*400象素，如圖4.2.37所示。圖4.2.37屬性設(shè)置113將“圖層1”命名為“background”，執(zhí)行“文件/導(dǎo)入/導(dǎo)入到舞臺(tái)”，將背景圖片導(dǎo)入到舞臺(tái)中央，如圖4.2.38所示，并覆蓋整個(gè)舞臺(tái)。圖4.2.38舞臺(tái)背景114執(zhí)行菜單命令“插入/新建元件”，新建一個(gè)名為“bz1”的按鈕元件，如圖4.2.39所示，進(jìn)入元件編輯界面。圖4.2.39新建按鈕元件115將原件“bz1”編輯界面中的“圖層1”命名為“bz1”，執(zhí)行菜單命令“文件/導(dǎo)入/導(dǎo)入到舞臺(tái)”，將場(chǎng)景“background”圖層中背景圖片中左邊第一個(gè)編鐘“bz1”導(dǎo)入到舞臺(tái)中央，如圖4.2.40(a)所示。

新建圖層，命名為“song1”，第三幀“按下”插入一空白關(guān)鍵幀，并將鐘體1的聲音文件song1.mp3導(dǎo)入到舞臺(tái)，這樣一個(gè)能發(fā)聲的鐘體就編輯完畢，時(shí)間軸如圖4.2.40(b)所示。圖4.2.40鐘體編輯(b)(a)116重復(fù)步驟3和4，創(chuàng)建并編輯鐘體“bz2”→鐘體“bz9”，這樣編鐘的發(fā)生部分就編輯完畢。執(zhí)行菜單命令“插入/新建元件”，新建一個(gè)名為“hammer”的影片剪輯元件，如圖4.2.41所示。進(jìn)入“hammer”元件的編輯舞臺(tái)，將圖片hammer.gif導(dǎo)入到舞臺(tái)中央，如圖4.2.42所示。圖4.2.41新建影片剪輯圖4.2.42影片剪輯hammer117返回“場(chǎng)景1”，新建圖層bz1、bz2…bz9，將編輯好的按鈕元件bz1、bz2…bz9分別拖拽到對(duì)應(yīng)的圖層舞臺(tái)中央，并覆蓋背景圖片中相應(yīng)的鐘體。然后創(chuàng)建圖層hammer，將影片剪輯hammer拖拽到舞臺(tái)合適位置，如圖4.2.43所示。圖4.2.43為hammer創(chuàng)建圖層118單擊圖層bz1，選中鐘體1，點(diǎn)擊舞臺(tái)下方的“動(dòng)作-幀”(F9)為鐘體添加Action動(dòng)作腳本，如圖4.2.44(a)所示。同樣的操作，為其它8個(gè)鐘體添加同樣的Action叫做腳本。接著單擊圖層“hammer”，選中舞臺(tái)中的小錘子，在舞臺(tái)下方單擊“屬性”，在“<實(shí)力名稱>”一欄中將小錘子的實(shí)力名稱填寫為“hammer”，如圖4.2.44(b)所示，這樣便于在對(duì)鐘體的操作中控制小錘子的動(dòng)作，然后點(diǎn)擊“動(dòng)作-幀”(F9)，給按鈕添加Action動(dòng)作腳本，如圖4.2.44(c)所示。(a)119實(shí)例名稱為：hammer(b)(c)圖4.2.44Action動(dòng)作腳本120這樣,一款會(huì)發(fā)出聲音的編鐘就制作完成了，制作過程很簡單，所用的Action也很簡單，關(guān)鍵還是制作過程中耐心，運(yùn)行菜單命令“控制/測(cè)試影片”(Ctrl+Enter)即可看到編輯完成的Flash動(dòng)畫。1214.3三維動(dòng)畫創(chuàng)作4.3.1三維動(dòng)畫概述4.3.23DSMAX工具簡介4.3.33DSMax2008的基本操作4.3.4三維動(dòng)畫的創(chuàng)作實(shí)例1224.3.1三維動(dòng)畫概述1三維動(dòng)畫簡介2制作三維動(dòng)畫的硬件要求3常用的三維動(dòng)畫創(chuàng)作軟件⑴3dsMax⑵MAYA⑶SOFTIMAGE|XSI⑷LightWave3D⑸其它三維動(dòng)畫創(chuàng)作軟件1234.計(jì)算機(jī)三維動(dòng)畫的制作流程計(jì)算機(jī)三維動(dòng)畫的制作流程主要包括：建模、真實(shí)感設(shè)計(jì)、動(dòng)畫制作、渲染和后期制作。1245.計(jì)算機(jī)三維動(dòng)畫的應(yīng)用領(lǐng)域

三維動(dòng)畫在許多領(lǐng)域得到廣泛的應(yīng)用，根據(jù)國內(nèi)外的實(shí)際情況，三維動(dòng)畫主要應(yīng)用在以下幾個(gè)方面：

⑴影視特技制作⑵三維效果圖⑶電腦游戲制作⑷其它方面1254.3.23DSMAX工具簡介1.3DSMAX2008工作區(qū)

1.菜單欄2.窗口與橫跨選擇按鈕3.捕捉工具4.命令面板5.物件類別6.卷動(dòng)按鈕7.活動(dòng)視窗8.視窗導(dǎo)航控制9.動(dòng)畫回放控制10.動(dòng)畫關(guān)鍵幀控制11.絕對(duì)/相對(duì)坐標(biāo)切換和坐標(biāo)顯示12.提示行和狀態(tài)欄13.MAXScript小型監(jiān)聽器14.軌跡欄15.時(shí)間滑塊16.主工具條1262.3DSMax動(dòng)畫文件格式3DSMax動(dòng)畫采用自己的文件格式保存，擴(kuò)展名.Max。3DSMax可輸入.3ds、.prj、.shp、.dwg、.dxf等格式文件。3DSMax的輸出文件格式有.3ds、.prj、.dx