網(wǎng)絡(luò)多媒體素材加工(18).ppt

1、第5章 網(wǎng)絡(luò)動(dòng)畫素材加工,網(wǎng)絡(luò)多媒體素材加工,中央廣播電視大學(xué)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)統(tǒng)設(shè)課程,第5章 網(wǎng)絡(luò)動(dòng)畫素材加工,5.1 網(wǎng)絡(luò)動(dòng)畫基礎(chǔ) 5.2 網(wǎng)絡(luò)動(dòng)畫制作軟件Flash的使用 5.3 Flash動(dòng)畫制作實(shí)例 5.4 Flash動(dòng)畫制作實(shí)訓(xùn),5.1 網(wǎng)絡(luò)動(dòng)畫基礎(chǔ),5.1.1 網(wǎng)絡(luò)動(dòng)畫的特點(diǎn)和類型 5.1.2 網(wǎng)絡(luò)動(dòng)畫的文件格式,5.1 網(wǎng)絡(luò)動(dòng)畫基礎(chǔ),所謂動(dòng)畫就是利用人眼的“視覺暫留”特性，將多幅彼此獨(dú)立的、內(nèi)容相關(guān)的靜止畫面連續(xù)播放所構(gòu)成的動(dòng)態(tài)效果，動(dòng)畫的連續(xù)播放既指時(shí)間上的連續(xù)，也指畫面內(nèi)容上的連續(xù)。,5.1.1 網(wǎng)絡(luò)動(dòng)畫的特點(diǎn)和類型,1計(jì)算機(jī)動(dòng)畫 2網(wǎng)絡(luò)動(dòng)畫特點(diǎn),1計(jì)算機(jī)動(dòng)畫,計(jì)算機(jī)動(dòng)畫

2、是傳統(tǒng)動(dòng)畫藝術(shù)和計(jì)算機(jī)技術(shù)相結(jié)合的產(chǎn)物，它采用圖形圖像處理技術(shù)，借助于計(jì)算機(jī)編程、動(dòng)畫制作軟件直接生成，或?qū)θ斯だL制的圖形進(jìn)行處理后生成一系列連續(xù)畫面，通過連續(xù)播放或?qū)崟r(shí)繪制產(chǎn)生動(dòng)態(tài)畫面的效果。 計(jì)算機(jī)動(dòng)畫的應(yīng)用十分廣泛，包括計(jì)算機(jī)游戲、電視廣告、電視電影特技、模擬實(shí)驗(yàn)和生產(chǎn)過程以及教學(xué)演示等。,1計(jì)算機(jī)動(dòng)畫,（1）二維動(dòng)畫和三維動(dòng)畫 計(jì)算機(jī)動(dòng)畫一般根據(jù)表現(xiàn)方式和透視效果分為二維動(dòng)畫和三維動(dòng)畫。二維動(dòng)畫中的物體和場景都是二維的，盡管制作人員在制作二維動(dòng)畫時(shí)也可通過繪制明暗和透視效果來獲得三維的感覺，俗稱“假三維”，但軟件本身不具有三維效果自動(dòng)生成功能；常見的二維動(dòng)畫制作軟件有Macromedi

3、a Flash、Animo等。三維動(dòng)畫是通過計(jì)算機(jī)軟件自動(dòng)生成三維效果的，三維動(dòng)畫具有近似真實(shí)的透視、材質(zhì)和光照效果；常見的三維動(dòng)畫制作軟件有3DS MAX、MAYA、Softimage 3D等。，,1計(jì)算機(jī)動(dòng)畫,二維動(dòng)畫的畫面可以使用計(jì)算機(jī)軟件直接制作，也可以由美工以傳統(tǒng)方式創(chuàng)作好原畫后，通過攝像機(jī)或掃描儀采集輸入到計(jì)算機(jī)，然后使用動(dòng)畫軟件進(jìn)行后期加工處理。 三維動(dòng)畫一般都需要通過動(dòng)畫軟件完成，制作過程包括建立模型、賦予模型合適的材質(zhì)和紋理、建立燈光和攝像機(jī)以及設(shè)置物體、燈光和攝像機(jī)的運(yùn)動(dòng)路徑等步驟。,1計(jì)算機(jī)動(dòng)畫,（2）幀動(dòng)畫和實(shí)時(shí)生成動(dòng)畫 計(jì)算機(jī)動(dòng)畫從生成機(jī)制上可分為幀動(dòng)畫和實(shí)時(shí)生成動(dòng)畫

4、。 幀動(dòng)畫是指連續(xù)播放預(yù)先制作的圖像序列，產(chǎn)生動(dòng)態(tài)畫面效果的一種動(dòng)畫。幀動(dòng)畫的生成與播放是兩個(gè)彼此獨(dú)立的過程，一般生成畫面序列需要一定的計(jì)算時(shí)間和較大的存儲(chǔ)空間，播放時(shí)只需按順序調(diào)用每幀畫面內(nèi)容即可，這是產(chǎn)生各種動(dòng)畫的基本方法。,1計(jì)算機(jī)動(dòng)畫,實(shí)時(shí)生成動(dòng)畫是指不預(yù)先生成完整的圖像序列，而是在播放時(shí)由計(jì)算機(jī)實(shí)時(shí)組成完整畫面的一種動(dòng)畫，實(shí)時(shí)生成動(dòng)畫可以通過動(dòng)畫制作軟件或編程方法實(shí)現(xiàn)。 這種方式常見的如FLASH 制作的SWF動(dòng)畫；使用編程方法是通過計(jì)算機(jī)程序來控制圖像的顯示、更新和循環(huán)，常用的如JAVA小程序等。,2網(wǎng)絡(luò)動(dòng)畫特點(diǎn),網(wǎng)絡(luò)動(dòng)畫是計(jì)算機(jī)動(dòng)畫在網(wǎng)絡(luò)環(huán)境中的應(yīng)用，一般具有以下主要特點(diǎn)： （1

5、）數(shù)據(jù)量小 （2）跨平臺(tái) （3）交互性好,5.1.2 網(wǎng)絡(luò)動(dòng)畫的文件格式,由于動(dòng)畫和視頻的區(qū)別在于畫面內(nèi)容，因此，動(dòng)畫完全可以使用視頻文件的格式，許多動(dòng)畫制作軟件如二維動(dòng)畫軟件Flash、三維動(dòng)畫軟件3DS MAX都可以直接生成視頻格式文件?？紤]到網(wǎng)絡(luò)傳輸和播放的要求，可以將這些視頻文件預(yù)先處理成流式媒體。關(guān)于流式媒體內(nèi)容將在第6章中介紹。 常見的網(wǎng)絡(luò)動(dòng)畫格式主要有SWF和GIF：,1SWF格式,SWF格式是Macromedia Flash動(dòng)畫文件格式，F(xiàn)lash動(dòng)畫是一種實(shí)時(shí)生成的矢量動(dòng)畫，這種動(dòng)畫允許包含動(dòng)作腳本，這樣極大增加了動(dòng)畫的交互性。數(shù)據(jù)量小、交互功能強(qiáng)以及SWF文件本身可以嵌入W

6、EB頁面這些特點(diǎn)，使得SWF在網(wǎng)絡(luò)上應(yīng)用日益廣泛，一般所說的網(wǎng)絡(luò)動(dòng)畫多是指Flash動(dòng)畫。SWF格式文件能將動(dòng)畫以及文字、圖片、聲音整合，甚至通過內(nèi)嵌FLV視頻，構(gòu)成多媒體信息集合，極具表現(xiàn)力和吸引力。,2GIF格式,GIF是英文Graphics Interchange Format（圖形交換格式）的縮寫。最初的GIF（稱為 GIF87a）只能存儲(chǔ)單幅靜止圖像，以后出現(xiàn)的GIF（稱為 GIF89a）可以存放多幅彩色圖像，并將多幅圖像按一定次序和時(shí)間逐幅顯示就成為了動(dòng)畫。 由于GIF動(dòng)畫制作簡單，通用性好，在網(wǎng)絡(luò)上得到廣泛的應(yīng)用。,5.2 網(wǎng)絡(luò)動(dòng)畫制作軟件Flash的使用,5.2.1 Flash

7、 的界面 5.2.2 Flash 的文件操作 5.2.3 Flash 圖形的繪制與編輯 5.2.4 Flash 動(dòng)畫制作基礎(chǔ) 5.2.5 Flash 動(dòng)畫發(fā)布,5.2 網(wǎng)絡(luò)動(dòng)畫制作軟件Flash的使用,Flash是美國Macromedia公司所設(shè)計(jì)的一種二維矢量動(dòng)畫軟件（現(xiàn)Adobe公司產(chǎn)品），用于設(shè)計(jì)和編輯Flash文檔，最新版本為：Adobe Flash CS5。Flash以其制作的動(dòng)畫表現(xiàn)力豐富、交互性強(qiáng)、容量小等特點(diǎn)，成為當(dāng)今最流行的網(wǎng)絡(luò)動(dòng)畫制作軟件之一。本章將介紹Flash Professional 8的使用。,5.2.1 Flash的界面,啟動(dòng)Flash 8應(yīng)用程序，在如圖5-1所

8、示的開始頁面中，選擇【創(chuàng)建新項(xiàng)目】下的【Flash文檔】，這樣就啟動(dòng)了Flash 8的工作界面，并創(chuàng)建了一個(gè)空白影片文檔，工作界面如圖5-2所示。,圖5-1 開始頁,圖5-2 Flash 8工作界面,5.2.1 Flash的界面,Flash 8的工作界面主要由標(biāo)題欄、菜單欄、工具箱、時(shí)間軸面板、舞臺(tái)和工作區(qū)、屬性面板、浮動(dòng)面板組等組成。,1標(biāo)題欄,標(biāo)題欄主要用于顯示當(dāng)前動(dòng)畫的名稱、應(yīng)用程序【最小化】按鈕、【最大化】按鈕、【還原】按鈕和【關(guān)閉窗口】按鈕。,2菜單欄,菜單欄由【文件】、【編輯】、【視圖】、【插入】、【修改】、【文本】、【命令】、【控制】、【窗口】和【幫助】十組下拉菜單組成。這些菜單

9、項(xiàng)中包含了Flash 8的所有控制命令，其中有些控制命令可用快捷鍵直接操作，如“新建文檔”操作可按Ctrl+N組合鍵來執(zhí)行，菜單命令與快捷鍵對應(yīng)關(guān)系如圖5-3所示。,圖5-3 菜單,3工具箱,工具箱中集合了Flash 8所有的繪圖工具，如圖5-4所示。若工具箱被隱藏（沒在工作界面上顯示），可通過執(zhí)行【窗口】【工具】命令打開。用戶可使用這些工具來繪制矢量圖和編輯導(dǎo)入的位圖。,圖5-4 工具箱,4時(shí)間軸面板,時(shí)間軸面板用于組織和控制影片內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)，時(shí)間軸面板如圖5-5所示。,圖5-5 時(shí)間軸面板,5舞臺(tái)和工作區(qū),舞臺(tái)是放置動(dòng)畫內(nèi)容的區(qū)域，動(dòng)畫內(nèi)容包括矢量圖形、文本、按鈕、導(dǎo)入的圖像或視頻剪輯等。舞臺(tái)的尺寸就是Flash動(dòng)畫的畫面尺寸，其尺寸和背景色可由用戶自定義。舞臺(tái)周圍淡灰色區(qū)域?yàn)椤肮ぷ鲄^(qū)”，工作區(qū)相當(dāng)于劇院的后臺(tái)，可放置動(dòng)畫內(nèi)容，但“觀眾”是看不到放在此區(qū)域上的內(nèi)容，“觀眾”只能看到放在舞臺(tái)上的內(nèi)容。,6屬性面板,【屬性】面板用于設(shè)定和查看舞臺(tái)或時(shí)間軸上當(dāng)前選定項(xiàng)的最常用屬性，如文字【屬性】面板設(shè)置文字的大小、顏色、字體等屬性，【屬性】面板如圖5-6所示。,圖5-6 屬性面板,7浮動(dòng)面板組,位于“舞臺(tái)”下方