多媒體應(yīng)用基礎(chǔ)課件

1、第4章計(jì)算機(jī)動(dòng)畫技術(shù)第1頁(yè)，共102頁(yè)。4-24.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)傳統(tǒng)動(dòng)畫： 通常認(rèn)為第一部動(dòng)畫影片是由J.Stewart Blackton于1906年創(chuàng)作的滑稽臉的幽默面。 1946年美國(guó)創(chuàng)作第一部長(zhǎng)篇真人與動(dòng)畫合演的動(dòng)畫片南方之歌。制作流程：根據(jù)劇本中的人物和活動(dòng)場(chǎng)景，先用鉛筆畫在動(dòng)畫紙上，然后用鋼筆把線條描在透明的化學(xué)板(賽璐璐)上，再用毛筆在化學(xué)板的反面涂上各種顏色。把已繪制好的背景和人物合在一起，放在平面的攝影臺(tái)上，由攝影師一張一張地拍成電影膠片，再?zèng)_洗出電影影像。第2頁(yè)，共102頁(yè)。4-3 在拍攝動(dòng)畫片大鬧天宮時(shí)，幾十位動(dòng)畫工作者花了近兩年的時(shí)間才完成,共繪制了600多萬(wàn)張圖畫。

2、 美國(guó)迪士尼公司于1937年創(chuàng)作的第一部長(zhǎng)達(dá)83分鐘的大型動(dòng)畫片白雪公主和七個(gè)小矮人，共繪制了兩億張草圖，最后用來(lái)拍攝的圖畫有250 000張。4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第3頁(yè)，共102頁(yè)。4-4 計(jì)算機(jī)動(dòng)畫：1964年,Bell實(shí)驗(yàn)室的Ken Knowlton博士制作了第一部計(jì)算機(jī)動(dòng)畫片。 1971年，被稱為計(jì)算機(jī)動(dòng)畫之父的Nestor Burtnyk和Marceli Wein 提出了計(jì)算機(jī)產(chǎn)生關(guān)鍵幀動(dòng)畫技術(shù),并應(yīng)用該技術(shù)開(kāi)發(fā)了MSGEN二維動(dòng)畫系統(tǒng)。 玩具總動(dòng)員 侏羅紀(jì)公園 泰坦尼克號(hào)4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第4頁(yè)，共102頁(yè)。4-5一、動(dòng)畫與計(jì)算機(jī)動(dòng)畫 動(dòng)畫是通過(guò)一定速度播放的連續(xù)畫面來(lái)顯示運(yùn)

3、動(dòng)和變化的過(guò)程。其含義有： 播放速度：24 f/s、25 f/s、30 f/s。 運(yùn)動(dòng)過(guò)程：動(dòng)畫的本質(zhì)。 變化過(guò)程：色彩變化、光強(qiáng)變化。 計(jì)算機(jī)動(dòng)畫是借助于計(jì)算機(jī)生成一系列連續(xù)圖像并動(dòng)態(tài)播放的計(jì)算機(jī)技術(shù)。4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第5頁(yè)，共102頁(yè)。4-6二、計(jì)算機(jī)動(dòng)畫的分類 1.按動(dòng)畫的系統(tǒng)功能分類 第一級(jí)：用于交互產(chǎn)生、著色、存儲(chǔ)、檢索和修改圖像，不考慮時(shí)間(圖像編輯器)。 第二級(jí)：實(shí)現(xiàn)中間幀的計(jì)算。 第三級(jí)：提供形體的操作(平移、旋轉(zhuǎn))。 虛擬攝像機(jī)的操作(鏡頭推移)。 第四級(jí)：定義角色。 第五級(jí)：智能動(dòng)畫系統(tǒng)(自學(xué)習(xí)能力)。4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第6頁(yè)，共102頁(yè)。4-74-7 2.按動(dòng)畫

4、的制作原理分類 二維動(dòng)畫(計(jì)算機(jī)輔助動(dòng)畫) 二維動(dòng)畫可實(shí)現(xiàn)中間幀生成，即根據(jù)兩個(gè)關(guān)鍵幀生成所需的中間幀(插補(bǔ)技術(shù))。 二維動(dòng)畫系統(tǒng)的功能(第二級(jí)) 中間幀畫面生成 著色 預(yù)演 后期制作4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第7頁(yè)，共102頁(yè)。4-84-8 三維動(dòng)畫(計(jì)算機(jī)生成動(dòng)畫) 三維動(dòng)畫是采用計(jì)算機(jī)技術(shù)來(lái)模擬真實(shí)的三維空間(虛擬真實(shí)性)。 三維動(dòng)畫系統(tǒng)的功能(第三、四級(jí)) 定義角色 構(gòu)造幾何造型 設(shè)置運(yùn)動(dòng)和燈光 調(diào)整材質(zhì)和貼圖 生成連續(xù)畫面4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第8頁(yè)，共102頁(yè)。4-94-9三、計(jì)算機(jī)動(dòng)畫文件格式 1.GIF(Graphics Interchange Format) 在一個(gè)文件中同時(shí)存儲(chǔ)

5、若干幅靜止圖像，并進(jìn)而形成連續(xù)的動(dòng)畫。 2.SWF(Shock Wave Flash) Flash軟件的專用格式，支持矢量圖形和點(diǎn)陣圖像，可與HTML文件充分結(jié)合，廣泛應(yīng)用于網(wǎng)頁(yè)。 3.FLIC(FLI/FLC) Autodesk公司在其2D/3D動(dòng)畫制作軟件中采用的彩色動(dòng)畫文件格式，F(xiàn)LIC是FLC和FLI的統(tǒng)稱。4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第9頁(yè)，共102頁(yè)。4-104-10 4.QTM（Quick Time） Apple公司的動(dòng)畫文件格式，能通過(guò)Internet提供實(shí)時(shí)的數(shù)字化信息流、工作流與文件回放，可用于保存音頻和運(yùn)動(dòng)視頻信息。 5.VRML（Virtual Reality Modelin

6、g Language） 面向Web，用于建立真實(shí)世界的場(chǎng)景模型或虛構(gòu)三維世界的場(chǎng)景建模語(yǔ)言，具有平臺(tái)無(wú)關(guān)性。4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第10頁(yè)，共102頁(yè)。4-114-11四、計(jì)算機(jī)動(dòng)畫的應(yīng)用 1.影視廣告 主要用于制作電視廣告、電視片頭、卡通片、電影片頭和電影特技等。 電視廣告：計(jì)算機(jī)動(dòng)畫可制作出神奇的視覺(jué)效果，以取得特殊宣傳效果和藝術(shù)感染力。 電影玩具總動(dòng)員：沒(méi)有真人演員表演的故事片，這部長(zhǎng)達(dá)77分鐘的影片全部由計(jì)算機(jī)動(dòng)畫和計(jì)算機(jī)合成圖像組成。4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第11頁(yè)，共102頁(yè)。4-124-12 2.工程設(shè)計(jì) 計(jì)算機(jī)輔助設(shè)計(jì)/制圖，正朝著利用計(jì)算機(jī)動(dòng)畫的后期預(yù)覽發(fā)展。 工程圖紙?jiān)O(shè)計(jì)完后

7、，指定立體模型材質(zhì)，制作三維動(dòng)畫。如機(jī)械運(yùn)動(dòng)的效果、樓房建筑的透視和整體視覺(jué)效果。4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第12頁(yè)，共102頁(yè)。4-134-13 3.飛行模擬 飛行模擬器：它能訓(xùn)練飛行員模擬起飛和著陸、操縱各種手柄、觀察各種儀器以及在舷窗能看到機(jī)場(chǎng)跑道或自然景象等。 在航天、導(dǎo)彈等復(fù)雜的系統(tǒng)工程中，先建立模型，再用計(jì)算機(jī)動(dòng)畫模擬真實(shí)系統(tǒng)的運(yùn)行，調(diào)節(jié)參數(shù)，獲得最佳運(yùn)行狀態(tài)。4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第13頁(yè)，共102頁(yè)。4-144-14 4.教育與娛樂(lè) 教育：利用計(jì)算機(jī)動(dòng)畫可將各種現(xiàn)象或模型形象生動(dòng)地表現(xiàn)出來(lái)，如化學(xué)反應(yīng)時(shí)分子結(jié)構(gòu)變化、機(jī)器結(jié)構(gòu)模型拆裝。 娛樂(lè)：利用計(jì)算機(jī)動(dòng)畫產(chǎn)生模擬環(huán)境，使人有身臨其

8、境的感覺(jué)。4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第14頁(yè)，共102頁(yè)。4-154-15 5.科學(xué)計(jì)算可視化 通過(guò)計(jì)算機(jī)動(dòng)畫將科學(xué)計(jì)算過(guò)程及結(jié)果轉(zhuǎn)換為圖形或圖像并顯示出來(lái)，如計(jì)算標(biāo)量數(shù)據(jù)場(chǎng)、流體動(dòng)力學(xué)分析等。 4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第15頁(yè)，共102頁(yè)。4-164-16 6.虛擬現(xiàn)實(shí)技術(shù) 利用計(jì)算機(jī)動(dòng)畫模擬產(chǎn)生一個(gè)三維空間的虛擬環(huán)境系統(tǒng)。 視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、嗅覺(jué)等。4.1 計(jì)算機(jī)動(dòng)畫基礎(chǔ)第16頁(yè)，共102頁(yè)。4-174-174.2 計(jì)算機(jī)動(dòng)畫的制作環(huán)境一、計(jì)算機(jī)硬件與軟件環(huán)境 1.硬件配置 圖形工作站：SGI、SUN、IBM、HP 高檔微型機(jī)：Pentium、Macintosh 輸入設(shè)備：圖形輸入板、掃描儀 輸

9、出設(shè)備：視頻輸出、膠片輸出第17頁(yè)，共102頁(yè)。4-184-184.2 計(jì)算機(jī)動(dòng)畫的制作環(huán)境 2.軟件環(huán)境 系統(tǒng)軟件 操作系統(tǒng)、診斷程序、開(kāi)發(fā)環(huán)境和工具 動(dòng)畫軟件 二維動(dòng)畫軟件： TOONZ：二維卡通動(dòng)畫制作系統(tǒng) SGI/IRIX，PC/Windows第18頁(yè)，共102頁(yè)。4-194-194.2 計(jì)算機(jī)動(dòng)畫的制作環(huán)境 RETAS PRO：專業(yè)二維動(dòng)畫制作系統(tǒng) 適用于PC、Apple機(jī) USAnimation：二維卡通制作系統(tǒng) 代表作美女和野獸 點(diǎn)睛輔助動(dòng)畫制作系統(tǒng)：我國(guó)第一個(gè)擁有自主版權(quán)的計(jì)算機(jī)輔助制作動(dòng)畫系統(tǒng)。 代表作海爾兄弟第19頁(yè)，共102頁(yè)。4-204-204.2 計(jì)算機(jī)動(dòng)畫的制作環(huán)境

10、三維動(dòng)畫軟件： Softimage 3D：擅長(zhǎng)于卡通造型和角色動(dòng)畫，如侏羅紀(jì)公園中恐龍的制作。 MAYA：擅長(zhǎng)于人物或動(dòng)物動(dòng)畫，如泰坦尼克號(hào)中許多畫面的制作。 3DS Max：廣泛應(yīng)用于的三維建模、動(dòng)畫、渲染軟件，制作高質(zhì)量動(dòng)畫、廣告等。 Poser：專門用來(lái)制作人體，它可以產(chǎn)生各種類型的人物，如男人、女人、小孩等。第20頁(yè)，共102頁(yè)。4-214-214.2 計(jì)算機(jī)動(dòng)畫的制作環(huán)境二、二維動(dòng)畫基本制作過(guò)程 1.二維動(dòng)畫制作與三維動(dòng)畫制作的區(qū)別 二維動(dòng)畫制作在方法上沿用傳統(tǒng)的動(dòng)畫制作技術(shù)，關(guān)鍵幀畫面需手工繪制，對(duì)動(dòng)畫人員的繪畫藝術(shù)能力要求較高。 三維動(dòng)畫的制作是由物體建模、設(shè)計(jì)材質(zhì)、放置燈光和攝

11、像機(jī)、設(shè)置動(dòng)畫和渲染輸出等一系列過(guò)程來(lái)完成的。傳統(tǒng)手繪方法被完全取消，更多取決于計(jì)算機(jī)和相應(yīng)軟件的性能，更注重動(dòng)畫人員在技術(shù)方面的操作能力。第21頁(yè)，共102頁(yè)。4-224-224.2 計(jì)算機(jī)動(dòng)畫的制作環(huán)境 2.二維動(dòng)畫基本制作過(guò)程 (1)前期策劃。包括制定企劃草案，進(jìn)行市場(chǎng)調(diào)研，創(chuàng)作文學(xué)劇本與分鏡頭劇本，以及美術(shù)設(shè)計(jì)等方面。 (2)素材制作。根據(jù)前期策劃收集或者繪制合適的素材。素材包括背景圖片、音效、視頻剪輯等多種形式。 (3)動(dòng)畫制作。首先需要根據(jù)動(dòng)畫分鏡頭劇本中的每個(gè)小畫面設(shè)計(jì)角色動(dòng)作并為動(dòng)畫角色設(shè)計(jì)每個(gè)鏡頭的關(guān)鍵畫面，然后利用繪圖工具繪制動(dòng)畫中的關(guān)鍵幀畫面，再利用Flash制作中間幀等

12、。第22頁(yè)，共102頁(yè)。4-234-234.2 計(jì)算機(jī)動(dòng)畫的制作環(huán)境 調(diào)試優(yōu)化。優(yōu)化動(dòng)畫節(jié)奏、色彩、聲音以及播放效果等的過(guò)程，保證作品的最終效果與質(zhì)量。 測(cè)試動(dòng)畫。在不同配置的電腦上對(duì)動(dòng)畫進(jìn)行播放、下載等測(cè)試，根據(jù)測(cè)試結(jié)果對(duì)動(dòng)畫作品進(jìn)行調(diào)整和優(yōu)化，保證動(dòng)畫在不同環(huán)境下保持良好的播放效果。 發(fā)布動(dòng)畫。根據(jù)動(dòng)畫的用途、使用環(huán)境進(jìn)行輸出格式、畫面品質(zhì)和聲音等的設(shè)置，用于網(wǎng)絡(luò)傳播的動(dòng)畫作品應(yīng)充分考慮網(wǎng)速對(duì)動(dòng)畫播放速度的影響，權(quán)衡設(shè)置。第23頁(yè)，共102頁(yè)。4-244-244.2 計(jì)算機(jī)動(dòng)畫的制作環(huán)境三、三維動(dòng)畫基本制作過(guò)程 建模。是動(dòng)畫師根據(jù)前期的造型設(shè)計(jì)，通過(guò)三維建模軟件在計(jì)算機(jī)中繪制出角色模型的過(guò)

13、程。 材質(zhì)貼圖。材質(zhì)就是對(duì)模型賦予生動(dòng)的表面特性，如物體的顏色、透明度、反光度、反光強(qiáng)度、自發(fā)光及粗糙程度等。貼圖是指把二維圖片通過(guò)軟件的計(jì)算貼到三維模型上，形成表面細(xì)節(jié)和結(jié)構(gòu)。第24頁(yè)，共102頁(yè)。4-254-254.2 計(jì)算機(jī)動(dòng)畫的制作環(huán)境 燈光。設(shè)置燈光目的是最大限度地模擬自然界的光線類型和人工光線類型。 攝像機(jī)控制。依照攝影原理在三維動(dòng)畫軟件中使用攝影機(jī)工具，實(shí)現(xiàn)分鏡頭劇本設(shè)計(jì)的鏡頭效果。攝影機(jī)功能只有情節(jié)需要才使用，不是任何時(shí)候都使用。 動(dòng)畫。根據(jù)分鏡頭劇本與動(dòng)作設(shè)計(jì)，運(yùn)用已設(shè)計(jì)的造型在三維動(dòng)畫制作軟件中制作出一個(gè)個(gè)動(dòng)畫片段。第25頁(yè)，共102頁(yè)。4-264-264.2 計(jì)算機(jī)動(dòng)畫的

14、制作環(huán)境 渲染。渲染是指根據(jù)場(chǎng)景的設(shè)置、賦予物體的材質(zhì)和貼圖、燈光等，由程序繪出一幅完整的畫面或一段動(dòng)畫。 合成剪接。主要是將之前所做的動(dòng)畫片段、聲音等素材，按照分鏡頭劇本的設(shè)計(jì)，通過(guò)非線性編輯軟件的編輯，最終生成動(dòng)畫影視文件。第26頁(yè)，共102頁(yè)。4-274-274.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法一、計(jì)算機(jī)動(dòng)畫創(chuàng)意 計(jì)算機(jī)動(dòng)畫是高科技與藝術(shù)創(chuàng)作的結(jié)合，它需要科學(xué)的設(shè)計(jì)和藝術(shù)構(gòu)思，這些在制作之前的方案性思考，稱為創(chuàng)意。 創(chuàng)意有宏觀和微觀兩個(gè)層面。 宏觀(戰(zhàn)略創(chuàng)意)：指整個(gè)設(shè)計(jì)行動(dòng)的統(tǒng)籌安排(戰(zhàn)略策劃高度)。 微觀(戰(zhàn)術(shù)創(chuàng)意)：指具體動(dòng)畫作品的意境構(gòu)思及手法選擇(小點(diǎn)子、小安排)。第27頁(yè)，共102頁(yè)

15、。4-284-284.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法創(chuàng)意思考的技巧： 擬人：把事物人格化，使之具有人的靈性和感情，從而使作品內(nèi)容具體形象、生動(dòng)活潑。 反成：人們對(duì)某種事物的認(rèn)識(shí)往往形成思維定勢(shì)，按常規(guī)去表現(xiàn)該事物，難免落入俗套。如果一反常規(guī)，改變事物的形態(tài)，反而給人耳目一新、出其不意的感覺(jué)。 夸張：對(duì)事物固有的形態(tài)、特點(diǎn)作出出人意料的發(fā)揮，往往能強(qiáng)烈的表達(dá)作品主題思想。第28頁(yè)，共102頁(yè)。4-294-29二、動(dòng)畫動(dòng)作的設(shè)計(jì) 1.動(dòng)畫時(shí)間的分配 動(dòng)畫時(shí)間：一個(gè)動(dòng)作要用幾幀來(lái)完成。 放映速度：24 f/s、25 f/s、30 f/s 動(dòng)畫電影：只畫12張，重復(fù)1次1秒人類急跑4 f、快跑8 f、慢跑1

16、2 f大象一個(gè)完整步子11.5 s小貓一個(gè)完整步子0.5s 老鷹一個(gè)翅膀循環(huán)9 f麻雀一個(gè)翅膀循環(huán)2 f4.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第29頁(yè)，共102頁(yè)。4-304-30 2. 物體運(yùn)動(dòng)規(guī)律及設(shè)計(jì)方法 自然物體都有重量、結(jié)構(gòu)和一定的柔韌性，動(dòng)畫制作時(shí)還要考慮牛頓定律。 旋轉(zhuǎn)物體 當(dāng)物體拋向空中或降落地面時(shí)，其重心沿拋物線運(yùn)動(dòng)，到頂點(diǎn)時(shí)速度減慢，下降時(shí)速度加快。不規(guī)則的物體在運(yùn)動(dòng)過(guò)程中還要旋轉(zhuǎn)。4.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第30頁(yè)，共102頁(yè)。4-314-31 振動(dòng)物體 快速振動(dòng)： 彈簧片的震動(dòng) 柔性振動(dòng)： 旗幟的飄動(dòng)往復(fù)運(yùn)動(dòng)物體4.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第31頁(yè)，共102頁(yè)。4-324-32

17、 3.動(dòng)物動(dòng)作規(guī)律及設(shè)計(jì)方法 飛鳥(niǎo)類 鳥(niǎo)越大，翅膀動(dòng)作越慢；鳥(niǎo)越小，翅膀動(dòng)作越快。4.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第32頁(yè)，共102頁(yè)。4-334-33 昆蟲類 多數(shù)昆蟲都有翅膀，但其扇動(dòng)速度遠(yuǎn)快于普通鳥(niǎo)類，這就需要用一種特殊方法來(lái)處理(翅膀模糊技術(shù))。4.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第33頁(yè)，共102頁(yè)。4-344-34 獸類 四條腿的獸類在運(yùn)動(dòng)時(shí)，必須注意前腿動(dòng)作如何與后腿動(dòng)作相配合。如牛的右前腿向前時(shí)，右后腿在后；在右前腿向后時(shí)，右后腿向前。獸類跨步時(shí)間牛、馬1大象1.5貓0.54.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第34頁(yè)，共102頁(yè)。4-354-35 4.人物動(dòng)作規(guī)律及設(shè)計(jì)方法 人的走路動(dòng)作 左右兩腳

18、交替向前。為了保持身體的平衡當(dāng)左腳向前時(shí)左手向后擺動(dòng)，當(dāng)右腳向前時(shí)右手向后擺動(dòng)。4.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第35頁(yè)，共102頁(yè)。4-364-36 人的奔跑動(dòng)作 身體重心前傾，兩手自然握拳，手臂成屈曲狀，雙腳的跨步動(dòng)作幅度較大，頭的高低變化也比走路動(dòng)作大。4.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第36頁(yè)，共102頁(yè)。4-374-37 人的面部表情 面部的動(dòng)作變化能體現(xiàn)人物的情緒和性格，但也更加復(fù)雜。4.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第37頁(yè)，共102頁(yè)。4-384-38三、影視片頭的設(shè)計(jì) 1.片頭設(shè)計(jì)的長(zhǎng)度 電視欄目片頭的時(shí)間長(zhǎng)度：20 電視臺(tái)臺(tái)標(biāo)的時(shí)間長(zhǎng)度：30 2.電影片頭的設(shè)計(jì) 電影片頭可以通過(guò)把影片最扣

19、人心弦的核心展示出來(lái)，可只提問(wèn)題不解決問(wèn)題。 二維動(dòng)畫：人物、動(dòng)物等柔軟復(fù)雜實(shí)體 三維動(dòng)畫：變形、真實(shí)感強(qiáng)的造型物體4.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第38頁(yè)，共102頁(yè)。4-394-39 3.電視片頭的設(shè)計(jì) 電視節(jié)目片頭：5、12、20、60 新聞、評(píng)論類：嚴(yán)肅莊重 文藝、少兒類：輕松活潑 電視欄目片頭：1220 字幕是電視欄目片頭設(shè)計(jì)中主要的藝術(shù)設(shè)計(jì)形象，這是以線為主的點(diǎn)、線、面組合的表現(xiàn)藝術(shù)。4.3 計(jì)算機(jī)動(dòng)畫的設(shè)計(jì)方法第39頁(yè)，共102頁(yè)。4-404-404.4 矢量動(dòng)畫制作軟件一、Flash概述 1.Flash的發(fā)展簡(jiǎn)史年代版本描述早期Future Splash Animator6人小組，

20、最大用戶是Microsoft、Disney1996年11月Flash 1.0Macromedia收購(gòu)1997年6月Flash 2.0199.951998年5月Flash 3.0交互式矢量動(dòng)畫標(biāo)準(zhǔn)/2991999年6月Flash 4.0F/299第40頁(yè)，共102頁(yè)。4-41年代版本描述2000年8月Flash 5.0閃客：編程、美術(shù)/3992002年3月Flash MX4992003年8月Flash MX 2004499/6992005年10月Flash 8.0增強(qiáng)了對(duì)視頻支持2007年7月Adobe Flash CS3Adobe Creative Suite2008年9月Adobe Flas

21、h CS43D轉(zhuǎn)換，反向運(yùn)動(dòng)與骨骼工具2010年4月Adobe Flash CS5代碼片段面板、Deco繪制工具2011年4月Adobe Flash CS5.5HTML5、移動(dòng)平臺(tái)4.4 矢量動(dòng)畫制作軟件續(xù)表第41頁(yè)，共102頁(yè)。4-424-42 2.基本功能 繪圖功能：可以使用Flash完成圖形繪制、特殊字形處理等方面工作。 動(dòng)畫功能：即使沒(méi)有繪畫基礎(chǔ)也可以使用Flash提供的動(dòng)畫工具,編輯從外部導(dǎo)入的圖像，制作出動(dòng)畫。 編程功能：Flash提供了幾百個(gè)關(guān)鍵詞,用來(lái)制作交互式動(dòng)畫。以上3部分功能是相對(duì)獨(dú)立的。4.4 矢量動(dòng)畫制作軟件第42頁(yè)，共102頁(yè)。4-434-43 3.動(dòng)畫特點(diǎn) Fla

22、sh動(dòng)畫是一種交互的矢量動(dòng)畫，能在低數(shù)據(jù)傳輸率下實(shí)現(xiàn)高質(zhì)量的動(dòng)畫效果。 矢量圖形：任意調(diào)整圖形或色塊的顏色 交互式動(dòng)畫：用戶對(duì)動(dòng)畫進(jìn)行控制 流式播放技術(shù)：邊下載邊播放 多種文件格式：圖形圖像、聲音、視頻 插件工作方式：Flash Player插件4.4 矢量動(dòng)畫制作軟件第43頁(yè)，共102頁(yè)。4-444-44 4.應(yīng)用領(lǐng)域 MTV、動(dòng)畫短片、廣告、交互游戲等。4.4 矢量動(dòng)畫制作軟件第44頁(yè)，共102頁(yè)。4-454-45 5.工作界面 標(biāo)題欄、菜單欄、工具欄、工具箱4.4 矢量動(dòng)畫制作軟件第45頁(yè)，共102頁(yè)。4-464-464.4 矢量動(dòng)畫制作軟件第46頁(yè)，共102頁(yè)。4-474-47 舞臺(tái)和

23、工作區(qū)：創(chuàng)作時(shí)觀看作品的場(chǎng)所 屬性面板：取決于當(dāng)前選定的內(nèi)容，可顯示當(dāng)前文檔、幀或工具的信息和設(shè)置。 時(shí)間軸面板：用于組織和控制文檔內(nèi)容在一定時(shí)間內(nèi)播放的層數(shù)和幀數(shù)。4.4 矢量動(dòng)畫制作軟件第47頁(yè)，共102頁(yè)。4-484-48二、Flash基本操作例題制作一個(gè)移動(dòng)的變色圓。打開(kāi)Flash，選擇紅色。選擇橢圓工具，在舞臺(tái)左上方畫一個(gè)小圓。右擊第30幀，選擇插入空白關(guān)鍵幀。選擇藍(lán)色，在舞臺(tái)右下方畫一個(gè)較大圓。選中第1幀，屬性面板/補(bǔ)間形狀。選擇控制/播放。4.4 矢量動(dòng)畫制作軟件第48頁(yè)，共102頁(yè)。4-494-49 (1)創(chuàng)建Flash文件 文件/新建，工具欄“新建”按鈕 (2)設(shè)置文檔屬性

24、修改/文檔，屬性面板文檔屬性尺寸用于設(shè)置動(dòng)畫的尺寸(寬度高度)背景顏色用于設(shè)置文檔的背景顏色幀頻用于設(shè)置影片的播放速度(f/s)標(biāo)尺單位設(shè)置表示文檔尺寸的單位4.4 矢量動(dòng)畫制作軟件第49頁(yè)，共102頁(yè)。4-504-50 (3)簡(jiǎn)單動(dòng)畫制作 新建文件設(shè)置影片屬性(400300) 導(dǎo)入背景圖片：文件/導(dǎo)入 調(diào)整圖像大小第36幀選擇“插入幀” 插入新圖層：?jiǎn)螕簟安迦雸D層”按鈕 輸入文本：文本工具(隸、60、紅) 圖層25 f深、10 f圳、15 f大、20 f學(xué) 設(shè)置移動(dòng)動(dòng)畫：補(bǔ)間/動(dòng)作 加入背景音樂(lè)：文件/導(dǎo)入4.4 矢量動(dòng)畫制作軟件第50頁(yè)，共102頁(yè)。4-514-51 (4)預(yù)覽動(dòng)畫 控制/

25、測(cè)試影片(Ctrl+Enter) (5)保存動(dòng)畫文件 文件/保存或另存為(myfirst.fla) (6)輸出動(dòng)畫文件 文件/導(dǎo)出影片 myfirst.swfFlash播放文件 myfirst.avi視頻文件 myfirst.gif動(dòng)畫GIF4.4 矢量動(dòng)畫制作軟件第51頁(yè)，共102頁(yè)。4-524-52 1.繪圖工具 橢圓工具、矩形工具、線條工具 鉛筆工具、文本工具、鋼筆工具 2.圖形編輯 選擇工具、次選工具、套索工具 顏料捅工具、墨水瓶工具、橡皮工具 任意變形工具、填充變形工具 噴涂刷工具、Deco工具4.4 矢量動(dòng)畫制作軟件第52頁(yè)，共102頁(yè)。4-534-53 3.圖形對(duì)象 (1)對(duì)齊對(duì)

26、象 (2)合并對(duì)象 聯(lián)合，交集，打孔，裁切 (3)組合與分離對(duì)象 (4)排列對(duì)象4.4 矢量動(dòng)畫制作軟件第53頁(yè)，共102頁(yè)。4-544-54 4.特效 (1)文本特效 選擇“文本工具”創(chuàng)建文本，設(shè)置為“動(dòng)態(tài)文本”，然后執(zhí)行“文本”“可滾動(dòng)”命令。 (2)濾鏡特效 投影，模糊，發(fā)光，斜角，漸變發(fā)光，漸變斜角，調(diào)整顏色4.4 矢量動(dòng)畫制作軟件第54頁(yè)，共102頁(yè)。4-554-55 5.圖像導(dǎo)入 使用Flash,除了可以繪制矢量圖形外，還可以從外部導(dǎo)入位圖，以便制作出更加豐富的動(dòng)畫。4.4 矢量動(dòng)畫制作軟件第55頁(yè)，共102頁(yè)。4-564-56三、基本動(dòng)畫制作 Flash的動(dòng)畫原理與電影的成像原理

27、一樣，是利用人眼的視覺(jué)暫留現(xiàn)象。 Flash創(chuàng)建動(dòng)畫有兩種方法： 逐幀動(dòng)畫：幀幀連續(xù)動(dòng)畫(工作量大) 補(bǔ)間動(dòng)畫：運(yùn)動(dòng)補(bǔ)間動(dòng)畫(平移、轉(zhuǎn)動(dòng)) 形狀補(bǔ)間動(dòng)畫(變形) 關(guān)鍵幀、幀(普通幀或內(nèi)插幀) 4.4 矢量動(dòng)畫制作軟件第56頁(yè)，共102頁(yè)。4-574-57 1.逐幀動(dòng)畫 逐幀動(dòng)畫是構(gòu)成動(dòng)畫的每一幀的內(nèi)容都是由一幅繪制的圖像組成的。 例如： 駿馬奔馳4.4 矢量動(dòng)畫制作軟件第57頁(yè)，共102頁(yè)。4-584-58 2.運(yùn)動(dòng)補(bǔ)間動(dòng)畫 創(chuàng)建平移動(dòng)畫 球的運(yùn)動(dòng) 創(chuàng)建引導(dǎo)動(dòng)畫 指定路徑運(yùn)動(dòng)4.4 矢量動(dòng)畫制作軟件第58頁(yè)，共102頁(yè)。4-594-59 3.形狀補(bǔ)間動(dòng)畫 形狀動(dòng)畫描述在一段時(shí)間內(nèi)將一個(gè)對(duì)象轉(zhuǎn)變

28、成另一個(gè)對(duì)象的過(guò)渡過(guò)程。 創(chuàng)建形狀動(dòng)畫 形狀的變化 創(chuàng)建遮罩動(dòng)畫 探照燈效果4.4 矢量動(dòng)畫制作軟件第59頁(yè)，共102頁(yè)。4-604-60 4.骨骼動(dòng)畫 通過(guò)骨骼系統(tǒng)和反向運(yùn)動(dòng)工具，為一系列獨(dú)立的元件添加骨骼，制作類似于圖形鏈的動(dòng)畫效果。 5.3D動(dòng)畫4.4 矢量動(dòng)畫制作軟件第60頁(yè)，共102頁(yè)。4-614-61四、元件與庫(kù)資源 1.元件 元件是指在Flash創(chuàng)作環(huán)境中創(chuàng)建過(guò)一次的圖形、按鈕或影片剪輯，一旦被創(chuàng)建，自動(dòng)添加到庫(kù)中，可重復(fù)使用。 圖形元件 按鈕元件 影片剪輯元件 4.4 矢量動(dòng)畫制作軟件第61頁(yè)，共102頁(yè)。4-624-62 2.元件的創(chuàng)建 3.元件的編輯 4.圖庫(kù)元件的使用 4

29、.4 矢量動(dòng)畫制作軟件第62頁(yè)，共102頁(yè)。4-634-63五、聲音與視頻 Flash中可導(dǎo)入音頻和視頻文件，并對(duì)其添加特效，設(shè)置事件。 (1)音頻導(dǎo)入 (2)添加特效 (3)事件設(shè)置 4.4 矢量動(dòng)畫制作軟件第63頁(yè)，共102頁(yè)。4-644-64六、動(dòng)畫美學(xué) 動(dòng)畫美學(xué)的主要內(nèi)容： 注重畫面結(jié)構(gòu)布局，為動(dòng)畫主體留出活動(dòng)空間。 動(dòng)畫畫面調(diào)度設(shè)計(jì)，主要在鏡頭移動(dòng)、縱深運(yùn)動(dòng)、平面運(yùn)動(dòng)等模式。 動(dòng)畫制作符合視覺(jué)規(guī)律。固定不動(dòng)的物體構(gòu)成背景的主要對(duì)象，起到畫面均衡的作用。低速運(yùn)動(dòng)的物體給人以平穩(wěn)的感覺(jué)。高速運(yùn)動(dòng)能夠引起特別注意，起到著力渲染的作用。4.4 矢量動(dòng)畫制作軟件第64頁(yè)，共102頁(yè)。4-654

30、-65 把握動(dòng)畫的運(yùn)動(dòng)節(jié)奏 動(dòng)畫主體的運(yùn)動(dòng)節(jié)奏通過(guò)對(duì)時(shí)間的掌握進(jìn)行控制。就幀動(dòng)畫而言，動(dòng)畫的運(yùn)行速度與幀間的位置差成正比。 造型設(shè)計(jì)、動(dòng)作設(shè)計(jì) 造型設(shè)計(jì)將主要針對(duì)文字的形態(tài)、設(shè)備的人格化、界面的風(fēng)格等方面進(jìn)行。動(dòng)作設(shè)計(jì)則針對(duì)動(dòng)作主體的運(yùn)動(dòng)模式以及運(yùn)動(dòng)時(shí)間進(jìn)行規(guī)劃。4.4 矢量動(dòng)畫制作軟件第65頁(yè)，共102頁(yè)。4-664-664.5 動(dòng)畫在游戲中的應(yīng)用一、Flash游戲的特點(diǎn) 強(qiáng)大而簡(jiǎn)便的交互功能，很適合用于制作游戲。 圖形處理速度方面存在瓶頸。 不能隨意存取本地硬盤數(shù)據(jù)。 對(duì)三維功能支持有限。Flash是一個(gè)集美工、動(dòng)畫與編程于一體的集成開(kāi)發(fā)環(huán)境，編程方式與其他純程序開(kāi)發(fā)的編程方式有所不同。第

31、66頁(yè)，共102頁(yè)。4-674-674.5 動(dòng)畫在游戲中的應(yīng)用Flash作品的結(jié)構(gòu)第67頁(yè)，共102頁(yè)。4-684-684.5 動(dòng)畫在游戲中的應(yīng)用二、ActionScript語(yǔ)言基礎(chǔ) 1. 概述 ActionScript語(yǔ)言是Flash提供的一種動(dòng)作腳本語(yǔ)言，可對(duì)關(guān)鍵幀按鈕、影片剪輯添加腳本，制作交互動(dòng)畫 。第68頁(yè)，共102頁(yè)。4-694-694.5 動(dòng)畫在游戲中的應(yīng)用 2. 基本語(yǔ)法 常量與變量。關(guān)鍵字var聲明變量，變量名區(qū)分大小寫，嚴(yán)格指定數(shù)據(jù)類型。var number1:int;var number1:int, number2:int, number3:int=0;簡(jiǎn)單數(shù)據(jù)類型：bo

32、olean、string，int、Number等。復(fù)雜數(shù)據(jù)類型:Array、Object、MovieClip等。第69頁(yè)，共102頁(yè)。4-704-704.5 動(dòng)畫在游戲中的應(yīng)用運(yùn)算符和表達(dá)式。算術(shù)運(yùn)算符是用來(lái)處理四則運(yùn)算的符號(hào)。+、-、*、/、%、+、-字符串運(yùn)算符使用加法運(yùn)算符來(lái)完成。邏輯運(yùn)算符通常用來(lái)測(cè)試真假值。、=、=、!=、&、|、!、=、!=。賦值運(yùn)算符用來(lái)為變量或者常量賦值。=、+=第70頁(yè)，共102頁(yè)。4-714-714.5 動(dòng)畫在游戲中的應(yīng)用 大括號(hào)。用大括號(hào)“”將一個(gè)語(yǔ)句塊或是一句表達(dá)式結(jié)合在一起。onClipEvent (frame) H.stop(); 小括號(hào)。小括號(hào)“（

33、）”用于定義和調(diào)用函數(shù)或相關(guān)參數(shù)，還可以更改表達(dá)式中的運(yùn)算順序，組合到小括號(hào)中的運(yùn)算總是最先執(zhí)行。trace(1+2*3); / 7trace(1+2)*3); / 9第71頁(yè)，共102頁(yè)。4-724-724.5 動(dòng)畫在游戲中的應(yīng)用分號(hào)。用分號(hào)“；”來(lái)結(jié)束一條語(yǔ)句。字母大小寫。除關(guān)鍵字以外，其他動(dòng)作腳本是不嚴(yán)格區(qū)分大小寫的，關(guān)鍵字是指有特殊含義的保留字符，如var, void, function, continue等。注釋。使用注釋語(yǔ)句（注釋符號(hào)為“/”）向程序中添加注釋信息，使用戶更易于理解程序。function Add(x1,x2) /定義Add函數(shù)第72頁(yè)，共102頁(yè)。4-734-734

34、.5 動(dòng)畫在游戲中的應(yīng)用3.ActionScript基本語(yǔ)句條件判斷語(yǔ)句if(x0) x+;else x-;switch(temperature)case1: trace(“晴天”); break;case2: trace(“多云”); break;case3: trace(“小雨”); break;default: trace(“冰雹”); break; 第73頁(yè)，共102頁(yè)。4-744-744.5 動(dòng)畫在游戲中的應(yīng)用循環(huán)控制語(yǔ)句：var sum:int=0;for(var i:int=1; i=10; i+) sum+=i;trace(“1+2+3+9+10=” +sum);var sum:int=0;while(i=10) sum+=i;i+; trace(“1+2+3+9+10=” +sum);do sum+=i;i+; while(i488) _root.truewinner =