上海教育科學(xué)出版社信息技術(shù)基礎(chǔ)《動(dòng)畫信息處理》何洪亮

1.7

動(dòng)畫信息的加工第三章信息加工與表達(dá)

1.7

動(dòng)畫信息的加工1.動(dòng)畫基本概念

1.1什么是動(dòng)畫

1.2制作動(dòng)畫的設(shè)備

1.3制作動(dòng)畫的軟件

1.4記錄動(dòng)畫的文件2.使用FLASH制作網(wǎng)頁動(dòng)畫

2.1FLASH的界面特點(diǎn)與繪制工具

2.2動(dòng)畫的畫法

2.3制作幀動(dòng)畫

2.4制作自動(dòng)動(dòng)畫

2.5為動(dòng)畫添加聲音

2.6保存動(dòng)畫1.1動(dòng)畫基本概念●動(dòng)畫由多幅畫面組成，當(dāng)畫面快速、連續(xù)地播放時(shí)，由于人類眼睛存在“視覺滯留效應(yīng)”而產(chǎn)生動(dòng)感。當(dāng)被觀察的物體消失后，影像仍在大腦中停留一段時(shí)間，約為1/24s。1.1.1什么是動(dòng)畫●基本概念動(dòng)作的變化是動(dòng)畫的本質(zhì)

——英國動(dòng)畫大師JohnHalasFrame1Frame2Frame3Frame4Frame5Frame6Frame7●動(dòng)畫的本質(zhì)教學(xué)進(jìn)程●最原始的動(dòng)畫觀看動(dòng)畫的機(jī)器●

視覺效果1831年，法國人約瑟夫·安東尼·普拉特奧(JosephAntoinePlateau)在一個(gè)可以轉(zhuǎn)動(dòng)的圓盤上按照順序畫了一些圖片教學(xué)進(jìn)程●動(dòng)畫的歷史1906年美國人J·斯泰瓦德（J·Steward）制作了一部名叫“滑稽面孔的幽默形象”的短片，非常接近現(xiàn)代動(dòng)畫概念1908年法國人EmileCohl首創(chuàng)用負(fù)片制作動(dòng)畫影片，負(fù)片從概念上解決了影片載體的問題，為今后動(dòng)畫片的發(fā)展奠定了基礎(chǔ)1909年美國人WinsorMcCay用一萬張圖片表現(xiàn)一段動(dòng)畫故事，這是迄今為止世界上公認(rèn)的第一部真正的動(dòng)畫短片1915年美國人EerlHurd創(chuàng)造了在賽珞璐片上畫動(dòng)畫片，再拍成膠片電影的動(dòng)畫制作工藝，這種工藝一直沿用至今1928年美國人華特·迪斯尼(WaltDisney)完善了動(dòng)畫體系和制作工藝，被譽(yù)為商業(yè)動(dòng)畫影片之父，他把動(dòng)畫影片推向顛峰今天動(dòng)畫本質(zhì)沒有多大變化，而動(dòng)畫制作手段卻發(fā)生了巨大變化，如：電腦動(dòng)畫、電腦特技動(dòng)畫教學(xué)進(jìn)程●動(dòng)畫的構(gòu)成規(guī)則1)動(dòng)畫由多畫面組成，并且畫面必須連續(xù)2)畫面之間的內(nèi)容必須存在差異3)畫面表現(xiàn)的動(dòng)作必須連續(xù)，即后一幅畫面是前一幅畫面的繼續(xù)Frame1Frame2Frame3Frame4Frame5Frame6Frame7Frame81)在嚴(yán)格遵循運(yùn)動(dòng)規(guī)律的前提下，可進(jìn)行適度地夸張和發(fā)展2)動(dòng)畫節(jié)奏應(yīng)符合自然規(guī)律，可適度夸張3)動(dòng)畫節(jié)奏由畫面之間物體的位置差決定位置差越大，移動(dòng)速度越快

●動(dòng)畫的表現(xiàn)規(guī)則教學(xué)進(jìn)程傳統(tǒng)動(dòng)畫1)制作聲音對白和背景音樂2)根據(jù)聲音計(jì)算動(dòng)畫格數(shù)3)設(shè)計(jì)人員繪制動(dòng)畫關(guān)鍵畫面4)繪制人員描畫關(guān)鍵畫面之間的插畫5)把紙上的動(dòng)畫輪廓復(fù)制到賽珞璐片上6)上色人員為賽珞璐片上色7)拍攝電影膠片之前檢查動(dòng)畫畫稿9)對電影膠片進(jìn)行剪輯和編輯8)電影攝制人員把賽珞璐片拍成電影●傳統(tǒng)動(dòng)畫是怎樣制成的●教學(xué)進(jìn)程●全動(dòng)畫與半動(dòng)畫●半動(dòng)畫——又名“有限動(dòng)畫”，為追求經(jīng)濟(jì)效益，6幀／s的動(dòng)畫●全動(dòng)畫——為追求畫面完美和動(dòng)作流暢，按照24幀／s制作動(dòng)畫1232324……123456教學(xué)進(jìn)程電腦動(dòng)畫第一階段在屏幕上依次畫出簡單的線條、幾何圖形和顏色塊，電腦一絲不茍地把繪畫過程記錄下來。在需要時(shí)，由電腦重復(fù)繪畫過程，使人們看到活動(dòng)的畫面在屏幕上依次繪制畫面，動(dòng)畫的主體從簡單的線條、幾何圖形過渡到復(fù)雜的圖形、豐富多彩的顏色。動(dòng)畫基本體現(xiàn)了傳統(tǒng)動(dòng)畫的風(fēng)格第二階段以先進(jìn)的軟件和硬件作為基礎(chǔ)，更加逼真地模擬傳統(tǒng)動(dòng)畫，并進(jìn)一步制作傳統(tǒng)動(dòng)畫難以表現(xiàn)的題材，如三維造型動(dòng)畫、變形動(dòng)畫、仿真動(dòng)畫、矢量動(dòng)畫等第三階段●

●電腦動(dòng)畫的發(fā)展教學(xué)進(jìn)程●

幀動(dòng)畫——模擬以幀為基本單位的傳統(tǒng)動(dòng)畫，占動(dòng)畫產(chǎn)品的98%電腦動(dòng)畫的分類●

矢量動(dòng)畫——經(jīng)過電腦運(yùn)算而確定的運(yùn)行軌跡和形狀的動(dòng)畫●

空間動(dòng)畫——形成三維造型并進(jìn)行空間運(yùn)動(dòng)的動(dòng)畫●

顏色動(dòng)畫●

平面動(dòng)畫●

變形動(dòng)畫●教學(xué)進(jìn)程制作動(dòng)畫的設(shè)備1.1.2多媒體電腦●高速CPU●足夠大的內(nèi)存●大量的硬盤空間1●盡量選用屏幕尺寸大、色彩還原好、點(diǎn)距小的彩色顯示器23●鼠標(biāo)反應(yīng)靈敏、移動(dòng)連續(xù)、無跳躍、手感舒適，可選配筆形鼠標(biāo)●特殊的設(shè)備，如攝像機(jī)、視頻卡等4教學(xué)進(jìn)程制作動(dòng)畫的軟件1.1.3AnimatorPro平面動(dòng)畫制作軟件。用于制作幀動(dòng)畫，繪制功能強(qiáng)AnimationStudio平面動(dòng)畫處理軟件。用于加工幀動(dòng)畫，處理能力強(qiáng)FlashMX網(wǎng)頁動(dòng)畫軟件。用于繪制幀、矢量動(dòng)畫，可添加聲音WinImage:morph變形動(dòng)畫軟件。根據(jù)首、尾畫面自動(dòng)生成變形動(dòng)畫GIFConstruction網(wǎng)頁動(dòng)畫軟件。把動(dòng)畫和圖片序列轉(zhuǎn)換成網(wǎng)頁動(dòng)畫3DStudioMax三維動(dòng)畫制作軟件。用于制作三維造型動(dòng)畫Cool3D三維文字動(dòng)畫軟件。用于制作幀動(dòng)畫、視頻Maya三維動(dòng)畫制作軟件。用于制作動(dòng)畫片、廣告、電影等Premiere動(dòng)畫視頻處理軟件。用于處理視頻、廣告、電影等教學(xué)進(jìn)程1.1.4●

動(dòng)畫文件的種類與格式記錄動(dòng)畫的文件●

FLC格式——AnimatorPro生成的文件格式每幀256色，畫面分辨率320×200~1600×1280

代碼效率高、通用性好，大量用在多媒體產(chǎn)品中●

AVI格式——視頻文件格式，動(dòng)態(tài)圖像和聲音同步播放受視頻標(biāo)準(zhǔn)制約，畫面分辨率不高●GIF格式——用于網(wǎng)頁的幀動(dòng)畫文件格式

(1)單畫面圖像，256色，分辨率96dpi(2)多畫面圖像(動(dòng)畫)，256色，96dpi●

SWF格式——Flash制作的動(dòng)畫文件格式主要在網(wǎng)絡(luò)上演播，特點(diǎn)：數(shù)據(jù)量小，動(dòng)畫流暢教學(xué)進(jìn)程2使用Flash制作網(wǎng)頁動(dòng)畫●動(dòng)畫文件格式●Fla(可編輯源動(dòng)畫)●

SWF(網(wǎng)頁成品動(dòng)畫)●

AVI(視頻)●

GIF(網(wǎng)頁成品動(dòng)畫)Flash的前身是FutureSplash，后被Macromedia公司收購，更名為Flash●

中文版FlashMXv8.0●

動(dòng)畫形式

幀動(dòng)畫、矢量動(dòng)畫可實(shí)現(xiàn)交互功能、可附加同步聲音、可編程教學(xué)進(jìn)程●硬件、軟件環(huán)境●IntelPentium200MHz●Windows98/ME/NT4.0/2000/XP●64MBofRAM(128MBrecommended)●85MBofavailablediskspace●16-bitcolorand1024x768resolution●CD-ROMdrive●互聯(lián)網(wǎng)上的Flash動(dòng)畫●.au

澳大利亞悉尼歌劇院網(wǎng)站●

平面設(shè)計(jì)公司網(wǎng)站●

有名的游戲網(wǎng)站，提供各種Flash游戲●

.au

動(dòng)畫片網(wǎng)站，可瀏覽Flash動(dòng)畫片教學(xué)進(jìn)程2.1FLASH的界面特點(diǎn)與繪制工具(1)選擇[開始]/程序/MacromediaFLASHMXv8.0或雙擊圖標(biāo)(2)選擇“文件/新建”菜單(此步不可省略，否則窗口尺寸有誤)菜單欄工具欄動(dòng)畫層控制幀控制動(dòng)畫編輯窗口輔助工具屬性工具欄(輔助工具)教學(xué)進(jìn)程設(shè)置動(dòng)畫尺寸及其他(1)單擊底部“屬性”工具條●●[操作步驟](2)單擊“尺寸”按鈕(3)輸入“尺寸”數(shù)值(5)輸入“幀頻”fps(取值12~25)(4)單擊“背景顏色”框確定動(dòng)畫窗口背景色(6)確定標(biāo)尺單位(像素、英寸、厘米、毫米等)(7)單擊“設(shè)為默認(rèn)值”按鈕，保存當(dāng)前設(shè)置(8)單擊“確定”按鈕(9)單擊“屬性”標(biāo)題欄，關(guān)閉教學(xué)進(jìn)程畫圖形(2)選擇圓內(nèi)單色或漸變色(3)畫圓(鼠標(biāo)—橢圓/〈Shift〉+鼠標(biāo)—正圓)(1)選擇畫圓工具(2)選擇單色或漸變色(3)單擊“圓角”按鈕，設(shè)置圓角●●畫空心圖形在調(diào)色板中選擇“沒有”●畫圓(1)選擇畫方框工具●

畫方框(4)畫方框(鼠標(biāo)—任意/〈Shift〉+鼠標(biāo)—正方)教學(xué)進(jìn)程處理圖形(1)選擇橡皮工具(3)選擇橡皮尺寸(2)選擇擦除模式(4)擦除圖形(2)移動(dòng)圖形●擦除圖形●●移動(dòng)圖形(1)選擇箭頭工具邊框和填充顏色是不同的圖形。想整體移動(dòng)，須用鼠標(biāo)左鍵劃定編輯區(qū)域，然后整體移動(dòng)●[說明]教學(xué)進(jìn)程動(dòng)畫的畫法(1)選擇鉛筆工具(2)選擇鉛筆顏色(3)選擇輪廓模式(4)描繪輪廓●

直線化

●

平滑

●

墨水瓶●繪制輪廓線2.2(1)選擇顏料桶工具(2)選擇填充模式(漸變、單色均可)(3)選擇封閉模式(4)單擊圖形內(nèi)部填充顏色●漸變●漸變●單色●填充顏色教學(xué)進(jìn)程北京BEIJING輸入文字(1)選擇文本工具(2)鼠標(biāo)左鍵劃出文本框(3)輸入文本內(nèi)容(4)光標(biāo)條覆蓋文本(6)鼠標(biāo)對準(zhǔn)文本輸入框，移動(dòng)文字(7)單擊非文本輸入?yún)^(qū)結(jié)束北京BEIJING●(5)單擊“屬性”工具欄，設(shè)置字體、字號、顏色、對齊方式等●單擊文本，可再次修改文字教學(xué)進(jìn)程制作幀動(dòng)畫●繪制圖形2.3選擇“插入/關(guān)鍵幀”選項(xiàng)，增加新的幀(新的幀自動(dòng)復(fù)制前一幀的內(nèi)容)●增加關(guān)鍵幀●在新的幀中繪制圖形●增加圖層(用于兩個(gè)以上的動(dòng)畫合成)(1)選擇“插入/圖層”選項(xiàng)，增加新圖層(2)在新圖層中繪制圖形，增加關(guān)鍵幀●

演播動(dòng)畫效果(1)選擇“窗口/工具欄/控制欄”，打開控制欄(2)選擇“控制/循環(huán)播放”，連續(xù)觀察動(dòng)畫效果停首倒播進(jìn)尾●顯示網(wǎng)格，方便編輯鼠標(biāo)右鍵單擊動(dòng)畫編輯窗口選擇“網(wǎng)格/顯示網(wǎng)格”●為方便編輯，打開所有工具

(1)選擇“窗口/工具欄”菜單

(2)分別選中：√主要欄√狀態(tài)欄√控制欄教學(xué)進(jìn)程制作自動(dòng)動(dòng)畫●

直線移動(dòng)動(dòng)畫(4)鼠標(biāo)右鍵單擊第1幀，選擇“創(chuàng)建動(dòng)畫動(dòng)作”(6)預(yù)覽動(dòng)畫效果，圖形從第1幀的位置移動(dòng)到第20幀的位置2.4(1)在第1幀中畫一個(gè)圖形(2)鼠標(biāo)右鍵單擊某一幀，如第20幀選擇“插入關(guān)鍵幀”(3)單擊“”工具，移動(dòng)圖形(5)鼠標(biāo)右鍵單擊第20幀，選擇“創(chuàng)建動(dòng)畫動(dòng)作”●自動(dòng)動(dòng)畫只用到兩個(gè)關(guān)鍵幀●用鼠標(biāo)單擊第1幀和第20幀，可調(diào)整圖形的初始位置和終了位置教學(xué)進(jìn)程自由路徑移動(dòng)動(dòng)畫●(3)單擊鉛筆工具(10)預(yù)覽動(dòng)畫效果(1)制作直線移動(dòng)動(dòng)畫