第 4 章 動(dòng)畫(huà)制作與處理

第4

章動(dòng)畫(huà)制作與處理1內(nèi)容摘要1.動(dòng)畫(huà)簡(jiǎn)史2.動(dòng)畫(huà)的相關(guān)概念3.動(dòng)畫(huà)的特點(diǎn)4.動(dòng)畫(huà)的類(lèi)型25.動(dòng)畫(huà)的制作過(guò)程6.動(dòng)畫(huà)的制作工具內(nèi)容摘要1.動(dòng)畫(huà)簡(jiǎn)史2.動(dòng)畫(huà)的相關(guān)概念3.動(dòng)畫(huà)的特點(diǎn)4.動(dòng)畫(huà)的類(lèi)型35.動(dòng)畫(huà)的制作過(guò)程6.動(dòng)畫(huà)的制作工具4●動(dòng)畫(huà)的歷史動(dòng)畫(huà)是一種源于生活并加以抽象來(lái)表達(dá)運(yùn)動(dòng)的藝術(shù)表現(xiàn)手法，有著悠久的歷史。像我國(guó)民間的皮影戲和走馬燈，可以說(shuō)是動(dòng)畫(huà)的兩種古老的形式。皮影戲走馬燈5●動(dòng)畫(huà)的歷史觀看動(dòng)畫(huà)的機(jī)器●

視覺(jué)效果1831年，法國(guó)人約瑟夫·安東尼·普拉特奧(JosephAntoinePlateau)在一個(gè)可以轉(zhuǎn)動(dòng)的圓盤(pán)上按照順序畫(huà)了一些圖片●動(dòng)畫(huà)的歷史1906年美國(guó)人J·斯泰瓦德（J·Steward）制作了一部名叫“滑稽面孔的幽默形象”的短片，非常接近現(xiàn)代動(dòng)畫(huà)概念1908年法國(guó)人EmileCohl首創(chuàng)用負(fù)片制作動(dòng)畫(huà)影片，負(fù)片從概念上解決了影片載體的問(wèn)題，為今后動(dòng)畫(huà)片的發(fā)展奠定了基礎(chǔ)1909年美國(guó)人WinsorMcCay用一萬(wàn)張圖片表現(xiàn)一段動(dòng)畫(huà)故事，這是迄今為止世界上公認(rèn)的第一部真正的動(dòng)畫(huà)短片1915年美國(guó)人EerlHurd創(chuàng)造了在賽珞璐片上畫(huà)動(dòng)畫(huà)片，再拍成膠片電影的動(dòng)畫(huà)制作工藝，這種工藝一直沿用至今1928年美國(guó)人華特·迪斯尼(WaltDisney)完善了動(dòng)畫(huà)體系和制作工藝，被譽(yù)為商業(yè)動(dòng)畫(huà)影片之父，他把動(dòng)畫(huà)影片推向顛峰1995年WalterDisney影片公司和Pixar動(dòng)畫(huà)工作室聯(lián)合推出第一部三維動(dòng)

畫(huà)長(zhǎng)片“ToyStory”。6內(nèi)容摘要1.動(dòng)畫(huà)簡(jiǎn)史2.動(dòng)畫(huà)的相關(guān)概念3.動(dòng)畫(huà)的特點(diǎn)4.動(dòng)畫(huà)的類(lèi)型75.動(dòng)畫(huà)的制作過(guò)程6.動(dòng)畫(huà)的制作工具什么是動(dòng)畫(huà)？8●動(dòng)畫(huà)由多幅畫(huà)面組成，當(dāng)畫(huà)面快速、連續(xù)地播放時(shí)，由于人類(lèi)眼睛存在“視覺(jué)滯留效應(yīng)”而產(chǎn)生動(dòng)感。當(dāng)被觀察的物體消失后，影像仍在大腦中停留一段時(shí)間，約為1/24s?！窕靖拍顒?dòng)作的變化是動(dòng)畫(huà)的本質(zhì)

——英國(guó)動(dòng)畫(huà)大師JohnHalasFrame1Frame2Frame3Frame4Frame5Frame6Frame7●動(dòng)畫(huà)的本質(zhì)●動(dòng)畫(huà)的相關(guān)概念實(shí)現(xiàn)動(dòng)態(tài)效果的條件有多個(gè)畫(huà)面，而且畫(huà)面內(nèi)容是連續(xù)的；這些畫(huà)面之間內(nèi)容存在差異與變化；畫(huà)面表現(xiàn)的動(dòng)作必須是連續(xù)的，即后一幅畫(huà)面是前一幅畫(huà)面的繼續(xù)；這些畫(huà)面按照一定的速度播放。9●動(dòng)畫(huà)的相關(guān)概念相關(guān)名詞解釋幀：動(dòng)畫(huà)是由若干在內(nèi)容上連續(xù)的畫(huà)面所組成。這當(dāng)中每一幅靜止的畫(huà)面就稱(chēng)為“幀”。幀是動(dòng)畫(huà)的基本單位，相當(dāng)于電影膠片上的一格鏡頭。10●動(dòng)畫(huà)的相關(guān)概念過(guò)渡幀：在兩個(gè)關(guān)鍵幀之間，由計(jì)算機(jī)自動(dòng)完成的過(guò)渡畫(huà)面，這些畫(huà)面稱(chēng)為“過(guò)渡幀”。過(guò)渡幀的內(nèi)容則無(wú)法人為修改。關(guān)鍵幀：任何動(dòng)畫(huà)要表現(xiàn)運(yùn)動(dòng)或變化，至少要給出前后兩個(gè)不同的關(guān)鍵狀態(tài)，而中間狀態(tài)的變化和銜接可以由計(jì)算機(jī)計(jì)算填充。這些表示關(guān)鍵狀態(tài)的幀稱(chēng)為“關(guān)鍵幀”。關(guān)鍵幀的內(nèi)容可以被人修改。幀頻：在一秒鐘的時(shí)間里播放的幀數(shù)稱(chēng)為“幀頻”，通常用fps（FramesPerSecond）表示。內(nèi)容摘要1.動(dòng)畫(huà)簡(jiǎn)史2.動(dòng)畫(huà)的相關(guān)概念3.動(dòng)畫(huà)的特點(diǎn)4.動(dòng)畫(huà)的類(lèi)型115.動(dòng)畫(huà)的制作過(guò)程6.動(dòng)畫(huà)的制作工具12●動(dòng)畫(huà)的特點(diǎn)

動(dòng)畫(huà)的概念不同于一般意義的動(dòng)畫(huà)片，動(dòng)畫(huà)是一種集合了繪畫(huà)、漫畫(huà)、電影、數(shù)字媒體、攝影、音樂(lè)、文學(xué)等眾多藝術(shù)門(mén)類(lèi)于一身的藝術(shù)表現(xiàn)形式。動(dòng)畫(huà)的特點(diǎn)可以從功能、藝術(shù)、技術(shù)和語(yǔ)言特征等四個(gè)方面進(jìn)行概述：功能方面：在功能上，動(dòng)畫(huà)具有娛樂(lè)性、商業(yè)性和教育性。藝術(shù)方面：在藝術(shù)上，動(dòng)畫(huà)具有多元性、假定性和時(shí)代性。技術(shù)方面：在技術(shù)上，動(dòng)畫(huà)具有科技性和工藝性。語(yǔ)言特征方面：在語(yǔ)言特征方面，動(dòng)畫(huà)在眾多藝術(shù)形式中是最具有符號(hào)特征的藝術(shù)形式之一。內(nèi)容摘要1.動(dòng)畫(huà)簡(jiǎn)史2.動(dòng)畫(huà)的相關(guān)概念3.動(dòng)畫(huà)的特點(diǎn)4.動(dòng)畫(huà)的類(lèi)型135.動(dòng)畫(huà)的制作過(guò)程6.動(dòng)畫(huà)的制作工具14●動(dòng)畫(huà)的類(lèi)型制作技術(shù)和手段動(dòng)作的表現(xiàn)形式空間的視覺(jué)效果播放效果傳統(tǒng)動(dòng)畫(huà)計(jì)算機(jī)動(dòng)畫(huà)動(dòng)畫(huà)電視幻燈片動(dòng)畫(huà)二維動(dòng)畫(huà)三維動(dòng)畫(huà)時(shí)序播放型動(dòng)畫(huà)交互式動(dòng)畫(huà)每秒播放的幅數(shù)全動(dòng)畫(huà)半動(dòng)畫(huà)15●動(dòng)畫(huà)的制作過(guò)程階段1劇本創(chuàng)作階段2制作聲音對(duì)白和背景音樂(lè)階段3繪制動(dòng)畫(huà)畫(huà)面階段4把繪制的畫(huà)面復(fù)制到膠片上階段5著色階段6核實(shí)檢查動(dòng)畫(huà)畫(huà)稿階段7拍攝電影膠片階段8后期制作傳統(tǒng)動(dòng)畫(huà)的制作過(guò)程內(nèi)容摘要1.動(dòng)畫(huà)簡(jiǎn)史2.動(dòng)畫(huà)的相關(guān)概念3.動(dòng)畫(huà)的特點(diǎn)4.動(dòng)畫(huà)的類(lèi)型165.動(dòng)畫(huà)的制作過(guò)程6.動(dòng)畫(huà)的制作工具17●動(dòng)畫(huà)的制作過(guò)程階段1階段2階段3階段4階段5階段6階段7劇本創(chuàng)作制作聲音對(duì)白和背景音樂(lè)關(guān)鍵幀的生成過(guò)渡幀的生成著色預(yù)演后期制作計(jì)算機(jī)動(dòng)畫(huà)的制作過(guò)程內(nèi)容摘要1.動(dòng)畫(huà)簡(jiǎn)史2.動(dòng)畫(huà)的相關(guān)概念3.動(dòng)畫(huà)的特點(diǎn)4.動(dòng)畫(huà)的類(lèi)型185.動(dòng)畫(huà)的制作過(guò)程6.動(dòng)畫(huà)的制作工具19●動(dòng)畫(huà)的制作工具圖像處理軟件。功能強(qiáng)大，涉及圖像，圖形，文字，視頻和動(dòng)畫(huà)領(lǐng)域AdobePhotoshop網(wǎng)頁(yè)動(dòng)畫(huà)軟件。用于繪制幀、矢量動(dòng)畫(huà)，可添加聲音Flash/AnimateCCAutodeskMaya三維動(dòng)畫(huà)軟件。應(yīng)用對(duì)象是專(zhuān)業(yè)的影視廣告、角色動(dòng)畫(huà)、電影特技等。3DStudioMax三維動(dòng)畫(huà)渲染和制作軟件。廣泛應(yīng)用于廣告、影視、工業(yè)設(shè)計(jì)、建筑設(shè)計(jì)、三維動(dòng)畫(huà)、多媒體制作、游戲、輔助教學(xué)以及工程可視化等領(lǐng)域。AdobeAfterEffects圖形視頻處理軟件。適用于從事設(shè)計(jì)和視頻特技的機(jī)構(gòu)，包括電視臺(tái)、動(dòng)畫(huà)制作公司、個(gè)人后期制作工作室以及多媒體工作室，屬于層類(lèi)型后期軟件。20●動(dòng)畫(huà)的制作工具動(dòng)畫(huà)視頻編輯軟件。編輯畫(huà)面質(zhì)量比較好，有較好的兼容性。廣泛應(yīng)用于廣告制作和電視節(jié)目制作中。AdobePremiere二維動(dòng)畫(huà)制作系統(tǒng)。實(shí)現(xiàn)了傳統(tǒng)動(dòng)畫(huà)制作所有的強(qiáng)大功能和靈活性，具有簡(jiǎn)單易用的用戶界面和高性?xún)r(jià)比的特點(diǎn)。廣泛應(yīng)用于電影、電視、游戲、光盤(pán)等多個(gè)領(lǐng)域。RetasAnimeStudio適用于Mac操作系統(tǒng)的高質(zhì)量專(zhuān)業(yè)動(dòng)畫(huà)創(chuàng)作軟件。實(shí)現(xiàn)了用骨骼系統(tǒng)操作各種復(fù)雜動(dòng)作，使中間動(dòng)畫(huà)自動(dòng)生成和自動(dòng)著色。ToonBoomStudio矢量動(dòng)畫(huà)制作軟件。適合所有Windows系統(tǒng)和Mac系統(tǒng)。SynfigStudio二維矢量動(dòng)畫(huà)制作軟件。能夠用最少的人力和資源制作出電影品質(zhì)的動(dòng)畫(huà)，可用于Windows、Linux和Mac等操作系統(tǒng)。21●AdobeAnimateCC2017簡(jiǎn)介 Adobe公司在2015年12月2日宣布將FlashProfessionalCC更名為AnimateCC，并于2016年年底推出了AnimateCC2017版本。其在維持原有Flash開(kāi)發(fā)工具支持之外，還新增了HTML5創(chuàng)作工具，為網(wǎng)頁(yè)開(kāi)發(fā)者提供更適應(yīng)現(xiàn)有網(wǎng)頁(yè)應(yīng)用的音頻、圖片、視頻、動(dòng)畫(huà)等創(chuàng)作支持。22●AdobeAnimateCC2017簡(jiǎn)介虛擬攝像頭支持：Animate不需依賴(lài)第三方擴(kuò)展或者是更改自己的動(dòng)畫(huà)來(lái)模仿攝像頭的移動(dòng)。新增特性HTML5Canvas中的可重用組件：組件提供一種功能或是一組相關(guān)的可以提高效率的可重用元素。使用CC庫(kù)實(shí)現(xiàn)協(xié)作：

Animate支持通過(guò)CC庫(kù)共享元件或整個(gè)動(dòng)畫(huà)。創(chuàng)建和管理矢量畫(huà)筆：

Animate引入了使用在其中繪制的形狀來(lái)創(chuàng)建和共享矢量畫(huà)筆（藝術(shù)畫(huà)筆和圖案畫(huà)筆）的功能。23●AdobeAnimateCC2017簡(jiǎn)介導(dǎo)出圖像和動(dòng)畫(huà)GIF：Animate引入了新的圖像和動(dòng)畫(huà)GIF導(dǎo)出工作流。新增特性將圖層作為SWF歸檔文件發(fā)布：對(duì)于ActionScript和FLA文檔，Animate引入了一種新的發(fā)布格式——SWF歸檔文件，它可將不同的圖層作為獨(dú)立的SWF進(jìn)行打包。舞臺(tái)增強(qiáng)功能：

Animate可以裁切掉舞臺(tái)范圍以外的內(nèi)容，還支持創(chuàng)建一個(gè)舞臺(tái)輪廓以指明舞臺(tái)邊界。對(duì)矢量畫(huà)筆的壓力和斜度支持：Animate對(duì)使用畫(huà)筆工具繪制的筆觸提供壓力和斜度支持。。24●AdobeAnimateCC2017簡(jiǎn)介基本概念舞臺(tái)：舞臺(tái)即演員或角色表演的場(chǎng)所，是在創(chuàng)建Animate文檔時(shí)放置圖形內(nèi)容的矩形區(qū)域，默認(rèn)顯示為白色（如圖所示）舞臺(tái)

25●AdobeAnimateCC2017簡(jiǎn)介基本概念圖層：與Photoshop中的圖層類(lèi)似，Animate中的圖層就像一張透明的紙，動(dòng)畫(huà)制作人員可在上面繪制和編輯對(duì)象。各個(gè)圖層之間是相對(duì)獨(dú)立的，因此，編輯某圖層上的對(duì)象并不會(huì)對(duì)其他圖層造成影響。時(shí)間軸：時(shí)間軸用于告訴Animate應(yīng)何時(shí)將特定媒體對(duì)象顯示在舞臺(tái)上。圖層和時(shí)間軸的關(guān)系：圖層就像堆疊在一起的多張幻燈膠片一樣，每個(gè)圖層都可以包含一個(gè)不同的圖像顯示在舞臺(tái)中。當(dāng)圖層上的對(duì)象隨著時(shí)間的變化而發(fā)生改變時(shí)，就會(huì)產(chǎn)生動(dòng)畫(huà)效果。圖層和時(shí)間軸26●AdobeAnimateCC2017簡(jiǎn)介基本概念元件：元件是指在整個(gè)文檔或其他文檔中可重復(fù)使用的某些部件，是構(gòu)成Animate動(dòng)畫(huà)所有因素中最基本的因素。元件包含以下三種類(lèi)型：圖形元件：圖形元件是可以重復(fù)使用的靜態(tài)圖像，它可作為一個(gè)基本圖形來(lái)使用，一般是靜止的一副圖畫(huà)，每個(gè)圖形元件占一幀。按鈕元件：按鈕元件是一種特殊的四幀交互式影片剪輯，前三幀顯示按鈕的三種可能狀態(tài)：彈起、指針經(jīng)過(guò)和按下，第四幀定義按鈕的活動(dòng)區(qū)域。影片剪輯元件：影片剪輯元件是可重用的動(dòng)畫(huà)片段，是“動(dòng)畫(huà)中的動(dòng)畫(huà)”。27●AdobeAnimateCC2017簡(jiǎn)介基本概念實(shí)例：實(shí)例是指位于舞臺(tái)上或嵌套在另一個(gè)元件內(nèi)的元件副本。庫(kù)：在Animate中創(chuàng)建的任何元件都會(huì)自動(dòng)成為當(dāng)前文檔的庫(kù)的一部分。除了元件之外，庫(kù)還用于存儲(chǔ)和管理導(dǎo)入的文件，包括圖像、音頻、視頻等。28●AdobeAnimateCC2017簡(jiǎn)介可制作的動(dòng)畫(huà)類(lèi)型逐幀動(dòng)畫(huà)：在時(shí)間軸上逐幀繪制幀內(nèi)容來(lái)實(shí)現(xiàn)的動(dòng)畫(huà)。【例4-2】逐字出現(xiàn)動(dòng)畫(huà)Frame1Frame2Frame3Frame4Frame5Frame6Frame729●AdobeAnimateCC2017簡(jiǎn)介可制作的動(dòng)畫(huà)類(lèi)型補(bǔ)間動(dòng)畫(huà)：補(bǔ)間動(dòng)畫(huà)是整個(gè)Animate動(dòng)畫(huà)設(shè)計(jì)的核心，也是Animate動(dòng)畫(huà)的最大優(yōu)點(diǎn)。在使用Animate制作動(dòng)畫(huà)時(shí)，在兩個(gè)關(guān)鍵幀中間插入補(bǔ)間動(dòng)畫(huà)后，兩關(guān)鍵幀之間的插補(bǔ)幀可以由計(jì)算機(jī)自動(dòng)計(jì)算而生成的。補(bǔ)間動(dòng)畫(huà)有兩種形式：形狀補(bǔ)間：狀補(bǔ)間是指由一種對(duì)象變換成另一個(gè)對(duì)象，而該過(guò)程只需要用戶提供兩個(gè)分別包含變形前和變形后對(duì)象的關(guān)鍵幀，中間過(guò)程將由Animate自動(dòng)完成?！纠?-3】生日賀卡動(dòng)作補(bǔ)間：動(dòng)作補(bǔ)間是在一個(gè)關(guān)鍵幀上放置一個(gè)元件，然后在另一個(gè)關(guān)鍵幀上改變?cè)撛拇笮?、顏色、位置、透明度等，Animate根據(jù)兩者之間的值自動(dòng)創(chuàng)建的動(dòng)畫(huà)。傳統(tǒng)補(bǔ)間【例4-4】傳統(tǒng)補(bǔ)間動(dòng)畫(huà)補(bǔ)間【例4-5】補(bǔ)間動(dòng)畫(huà)30●AdobeAnimateCC2017簡(jiǎn)介可制作的動(dòng)畫(huà)類(lèi)型引導(dǎo)路徑動(dòng)畫(huà)：在Animate中，將一個(gè)或多個(gè)層鏈接到一個(gè)運(yùn)動(dòng)引導(dǎo)層，使一個(gè)或多個(gè)對(duì)象沿同一條路徑運(yùn)動(dòng)的動(dòng)畫(huà)形式被稱(chēng)為“引導(dǎo)路徑動(dòng)畫(huà)”?！纠?-6】繞著地球轉(zhuǎn)

引導(dǎo)路徑動(dòng)畫(huà)最基本的操作就是使一個(gè)運(yùn)動(dòng)動(dòng)畫(huà)附著在引導(dǎo)線上，所以操作時(shí)應(yīng)特別注意引導(dǎo)線的兩端，被引導(dǎo)的對(duì)象起始點(diǎn)，終止點(diǎn)的兩個(gè)中心點(diǎn)一定要對(duì)準(zhǔn)“引導(dǎo)線”的兩個(gè)端頭。31●AdobeAnimateCC2017簡(jiǎn)介可制作的動(dòng)畫(huà)類(lèi)型遮罩動(dòng)畫(huà)：在Animate中遮罩就是通過(guò)遮罩圖層中的圖形或者文字等對(duì)象，透出下面圖層中的內(nèi)容。在Animat