第5章動(dòng)畫素材的編輯與制作

1、第5章動(dòng)畫素材的編輯與制作第5章 動(dòng)畫素材的編輯與制作2內(nèi)容提要 動(dòng)畫的基本原理 動(dòng)畫發(fā)展史 計(jì)算機(jī)動(dòng)畫的制作 計(jì)算機(jī)動(dòng)畫系統(tǒng) 網(wǎng)頁(yè)動(dòng)畫第5章 動(dòng)畫素材的編輯與制作35.1 動(dòng)畫的基本原理第5章 動(dòng)畫素材的編輯與制作45.1.1 動(dòng)畫的基本概念 動(dòng)畫是基于人的視覺(jué)原理創(chuàng)建運(yùn)動(dòng)圖像，在一定時(shí)間內(nèi)連續(xù)快速觀看一系列相關(guān)連的靜止畫面時(shí)，會(huì)感覺(jué)成連續(xù)動(dòng)作，每個(gè)單幅畫面被稱為幀。 “運(yùn)動(dòng)” “連續(xù)” “由多個(gè)運(yùn)動(dòng)單位組成” 第5章 動(dòng)畫素材的編輯與制作55.1.2 動(dòng)畫的定義1. 動(dòng)畫是一門通過(guò)在連續(xù)多格的膠片上拍攝一系列單個(gè)畫面，從而產(chǎn)生運(yùn)動(dòng)視覺(jué)的技術(shù)，這種視覺(jué)是通過(guò)膠片以一定的速率放映的形式而體現(xiàn)出

2、來(lái)的2. 動(dòng)畫是一種動(dòng)態(tài)生成一些列相關(guān)畫面的處理方法，其中的每一幀與前一幀略有不同第5章 動(dòng)畫素材的編輯與制作6 補(bǔ)充：動(dòng)畫還記錄在磁帶、磁盤、光盤放映方式還使用電視屏幕、顯示器、投影機(jī)動(dòng)畫除實(shí)體運(yùn)動(dòng)，還包含顏色、紋理、燈光的變化第5章 動(dòng)畫素材的編輯與制作75.1.3 動(dòng)畫的原理 動(dòng)畫的基本原理與電影、電視一樣，都是視覺(jué)原理。 醫(yī)學(xué)證明人類具有視覺(jué)暫留的特性，就是說(shuō)人的眼睛看到一幅畫或一個(gè)物體后，在1/24秒內(nèi)不會(huì)消失。利用這一原理，在一幅畫還沒(méi)消失前播放下一幅畫，就會(huì)給人造成流暢的視覺(jué)變化效果。 動(dòng)畫制作就是將好多幅畫面連續(xù)播放就產(chǎn)生了動(dòng)畫效果。第5章 動(dòng)畫素材的編輯與制作8第5章 動(dòng)畫素

3、材的編輯與制作95.2 動(dòng)畫發(fā)展史 三個(gè)階段原始動(dòng)畫時(shí)代傳統(tǒng)動(dòng)畫時(shí)代計(jì)算機(jī)動(dòng)畫時(shí)代第5章 動(dòng)畫素材的編輯與制作105.2.1原始動(dòng)畫時(shí)代第5章 動(dòng)畫素材的編輯與制作115.2.2 傳統(tǒng)動(dòng)畫時(shí)代19世紀(jì)末，法國(guó)，盧米爾兄弟，電影攝像機(jī)1. 動(dòng)畫片的生產(chǎn)過(guò)程2. 格、幅、關(guān)鍵幀和中間畫3. 攝影特技：搖移、推拉、翻轉(zhuǎn)、漸顯、漸隱、淡入淡出、劃入劃出第5章 動(dòng)畫素材的編輯與制作125.2.3 計(jì)算機(jī)動(dòng)畫時(shí)代 60年代美國(guó)的bell實(shí)驗(yàn)室和一些研究機(jī)構(gòu)就開(kāi)始研究用計(jì)算機(jī)實(shí)現(xiàn)動(dòng)畫片中間畫面的制作和自動(dòng)上色。 這些早期的計(jì)算機(jī)動(dòng)畫系統(tǒng)基本上是二維輔助動(dòng)畫系統(tǒng)（computer assisted anima

4、tion），也稱為二維動(dòng)畫。 1963年美國(guó)貝爾實(shí)驗(yàn)室語(yǔ)言編寫了一個(gè)稱為beflix的二維動(dòng)畫制作系統(tǒng)，這個(gè)軟件系統(tǒng)在計(jì)算機(jī)輔助制作動(dòng)畫的發(fā)展歷程上具有里程碑的意義。第5章 動(dòng)畫素材的編輯與制作135.3 計(jì)算機(jī)動(dòng)畫的制作 二維動(dòng)畫：計(jì)算機(jī)輔助設(shè)計(jì) 三維動(dòng)畫：計(jì)算機(jī)生成動(dòng)畫第5章 動(dòng)畫素材的編輯與制作145.4 計(jì)算機(jī)動(dòng)畫系統(tǒng) 用于制作動(dòng)畫的由計(jì)算機(jī)硬件、軟件組成的系統(tǒng) 交互式計(jì)算機(jī)圖形系統(tǒng)上配備相應(yīng)的動(dòng)畫設(shè)備和動(dòng)畫軟件形成的 二維動(dòng)畫制作軟件：animator pro和flash 三維動(dòng)畫制作軟件：3d studio第5章 動(dòng)畫素材的編輯與制作155.5 網(wǎng)頁(yè)動(dòng)畫 網(wǎng)頁(yè)動(dòng)畫具有短小、精巧的特

5、點(diǎn) 受網(wǎng)絡(luò)傳輸速度的限制 專門的網(wǎng)頁(yè)動(dòng)畫制作軟件和文件格式第5章 動(dòng)畫素材的編輯與制作165.5.1 網(wǎng)頁(yè)動(dòng)畫的格式1. gif格式compuserve公司開(kāi)發(fā)的圖像文件存儲(chǔ)格式 gfi圖像文件以數(shù)據(jù)塊(block)為單位來(lái)存儲(chǔ)圖像的相關(guān)信息 采用了lzw(lempel-ziv walch)壓縮算法來(lái)存儲(chǔ)圖像數(shù)據(jù) 2. java格式第5章 動(dòng)畫素材的編輯與制作17 ulead cool 3d microsoft gif animator flash mx5.5.2 制作網(wǎng)頁(yè)動(dòng)畫的常用軟件第5章 動(dòng)畫素材的編輯與制作185.6 flash的工作環(huán)境以及基本操作第5章 動(dòng)畫素材的編輯與制作195.

6、6.1 矢量圖形及幀1.矢量圖形也稱為面向?qū)ο蟮膱D像或繪圖圖像，在數(shù)學(xué)上定義為一系列由線連接的點(diǎn)。矢量文件中的圖形元素稱為對(duì)象。每個(gè)對(duì)象都是一個(gè)自成一體的實(shí)體，它具有顏色、形狀、輪廓、大小和屏幕位置等屬性。 2.幀flash動(dòng)畫制作的最基本的單位，在時(shí)間軸上的每一幀都可以包含需要顯示的所有內(nèi)容，包括圖形、聲音、各種素材和其他多種對(duì)象。 關(guān)鍵幀，有關(guān)鍵內(nèi)容的幀。用來(lái)定義動(dòng)畫變化、更改狀態(tài)的幀，即編輯舞臺(tái)上存在實(shí)例對(duì)象并可對(duì)其進(jìn)行編輯的幀。 第5章 動(dòng)畫素材的編輯與制作205.6.2 庫(kù) 存放內(nèi)部創(chuàng)建的元件和素材第5章 動(dòng)畫素材的編輯與制作215.6.3 層 圖層是一個(gè)很抽象的概念，具體來(lái)說(shuō)，就是

7、對(duì)象（演員）在舞臺(tái)中不同時(shí)刻所處不同的動(dòng)作的描述。 引導(dǎo)層 遮罩層 第5章 動(dòng)畫素材的編輯與制作225.6.4 場(chǎng)景 場(chǎng)景是指在某一時(shí)間和地點(diǎn)，由一定的人物和人物活動(dòng)所組成的生活畫面。 將庫(kù)中的元件拖到工作區(qū)就變成場(chǎng)景第5章 動(dòng)畫素材的編輯與制作235.7 元件與實(shí)例 元件： flash動(dòng)畫的重要組成部分 元件是動(dòng)畫中可以反復(fù)取出使用的小部件，它可以是圖形、按鈕或一個(gè)小動(dòng)畫，它可以獨(dú)立于主動(dòng)畫進(jìn)行播放。元件可以反復(fù)使用，因而不必反復(fù)制作相同的動(dòng)畫或素材，大大提高了工作效率，第5章 動(dòng)畫素材的編輯與制作245.7.1 元件與創(chuàng)建 常見(jiàn)的元件類型有以下幾種： 按鈕元件 圖形元件 影片剪輯元件 要使

8、用元件必須打開(kāi)“庫(kù)”面板，將元件拖放到場(chǎng)景中，這個(gè)過(guò)程就稱為建立了該元件的一個(gè)實(shí)例，場(chǎng)景中的元件就稱為一個(gè)實(shí)例。由于一個(gè)元件可以調(diào)用多次，且調(diào)用一次就產(chǎn)生一個(gè)實(shí)例，因此一個(gè)元件可以產(chǎn)生多個(gè)實(shí)例。第5章 動(dòng)畫素材的編輯與制作25按鈕元件 按鈕元件用于創(chuàng)建動(dòng)畫的控制按鈕，以響應(yīng)鼠標(biāo)的按下、單擊等事件。按鈕元件包括“彈起”、“指針經(jīng)過(guò)”、“按下”和“點(diǎn)擊”4種狀態(tài)，在按鈕元件的不同狀態(tài)上創(chuàng)建不同的內(nèi)容，可以使按鈕對(duì)鼠標(biāo)操作進(jìn)行相應(yīng)的響應(yīng)。第5章 動(dòng)畫素材的編輯與制作26圖形元件 圖形元件用于創(chuàng)建可反復(fù)使用的圖形，它可以是靜止圖片，也可以是由多個(gè)幀組成的動(dòng)畫。它的特點(diǎn)是擁有相對(duì)獨(dú)立的編輯區(qū)域，如果將其

9、調(diào)用到場(chǎng)景中，會(huì)到受場(chǎng)景中幀的約束。第5章 動(dòng)畫素材的編輯與制作27影片剪輯元件 影片剪輯元件本身也是一段動(dòng)畫，可以獨(dú)立播放。當(dāng)播放主動(dòng)畫時(shí)，影片元件也在循環(huán)播放，它不會(huì)受到場(chǎng)景中幀的約束。第5章 動(dòng)畫素材的編輯與制作285.7.2 元件 創(chuàng)建元件的操作步驟： 選擇菜單插入 新建元件命令 在對(duì)話框中的名稱框內(nèi)，輸入元件名稱；選擇行為單選按鈕中的元件類型第5章 動(dòng)畫素材的編輯與制作295.7.3 將舞臺(tái)中的對(duì)象轉(zhuǎn)換為圖形元件 選擇“文件” “新建” “flash文檔” 選擇“窗口” ”庫(kù)” 選擇“文件” “導(dǎo)入” “導(dǎo)入到舞臺(tái)” 鼠標(biāo)右鍵單擊圖片，在快捷菜單中選擇“轉(zhuǎn)換為元件” 在對(duì)話框中的名稱欄內(nèi)輸入元件名稱第5章 動(dòng)畫素材的編輯與制作305.7.4 實(shí)例 實(shí)例：元件拖入到舞臺(tái) 節(jié)省空間第5章 動(dòng)畫素材的編輯與制作315.7.5 元件與實(shí)例的區(qū)別實(shí)例分析使用范圍不同使用目的不同元件幕后減少文件大小實(shí)例舞臺(tái)表現(xiàn)舞臺(tái)內(nèi)容第5章 動(dòng)畫素材的編輯與制作325.7.6 調(diào)用其它動(dòng)畫中的元件a. “文件” “導(dǎo)入”“打開(kāi)外部庫(kù)”第5章 動(dòng)畫素材的編輯與制作335.8 制作動(dòng)畫的時(shí)間軸 “查看” “時(shí)間軸”，顯示/隱藏時(shí)間軸 場(chǎng)景名稱、場(chǎng)景管理、時(shí)間軸幀編號(hào)播放速度所用時(shí)間幀顯示狀態(tài)控制菜單第5