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

1.7

動畫信息的加工第三章信息加工與表達

1.7

動畫信息的加工1.動畫基本概念

1.1什么是動畫

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

1.3制作動畫的軟件

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

2.1FLASH的界面特點與繪制工具

2.2動畫的畫法

2.3制作幀動畫

2.4制作自動動畫

2.5為動畫添加聲音

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

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

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

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

●電腦動畫的發(fā)展教學(xué)進程●

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

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

空間動畫——形成三維造型并進行空間運動的動畫●

顏色動畫●

平面動畫●

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

動畫文件的種類與格式記錄動畫的文件●

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

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

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

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

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

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

AVI(視頻)●

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

中文版FlashMXv8.0●

動畫形式

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

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

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

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

.au

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

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

直線化

●

平滑

●

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

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

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

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

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