動畫制作手段

關(guān)于動畫制作手段第1頁，講稿共41頁，2023年5月2日，星期三8.1動畫基本概念●動畫由多幅畫面組成，當(dāng)畫面快速、連續(xù)地播放時，由于人類眼睛存在“視覺滯留效應(yīng)”而產(chǎn)生動感。當(dāng)被觀察的物體消失后，影像仍在大腦中停留一段時間，約為1/24s。8.1.1什么是動畫●基本概念動作的變化是動畫的本質(zhì)

——英國動畫大師約翰.海勒斯

Frame1Frame2Frame3Frame4Frame5Frame8Frame7●動畫的本質(zhì)教學(xué)進程第2頁，講稿共41頁，2023年5月2日，星期三●最原始的動畫觀看動畫的機器●視覺效果1831年，法國人約瑟夫·安東尼·普拉特奧(JosephAntoinePlateau)在一個可以轉(zhuǎn)動的圓盤上按照順序畫了一些圖片教學(xué)進程第3頁，講稿共41頁，2023年5月2日，星期三●動畫的歷史1908年美國人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é)進程第4頁，講稿共41頁，2023年5月2日，星期三●動畫的構(gòu)成規(guī)則1)動畫由多畫面組成，并且畫面必須連續(xù)2)畫面之間的內(nèi)容必須存在差異3)畫面表現(xiàn)的動作必須連續(xù)，即后一幅畫面是前一幅畫面的繼續(xù)Frame1Frame2Frame3Frame4Frame5Frame8Frame7Frame81)在嚴格遵循運動規(guī)律的前提下，可進行適度地夸張和發(fā)展2)動畫節(jié)奏應(yīng)符合自然規(guī)律，可適度夸張3)動畫節(jié)奏由畫面之間物體的位置差決定位置差越大，移動速度越快●

動畫的表現(xiàn)規(guī)則教學(xué)進程第5頁，講稿共41頁，2023年5月2日，星期三傳統(tǒng)動畫1)制作聲音對白和背景音樂2)根據(jù)聲音計算動畫格數(shù)3)設(shè)計人員繪制動畫關(guān)鍵畫面4)繪制人員描畫關(guān)鍵畫面之間的插畫5)把紙上的動畫輪廓復(fù)制到賽珞璐片上8)上色人員為賽珞璐片上色7)拍攝電影膠片之前檢查動畫畫稿9)對電影膠片進行剪輯和編輯8)電影攝制人員把賽珞璐片拍成電影●傳統(tǒng)動畫是怎樣制成的●教學(xué)進程第6頁，講稿共41頁，2023年5月2日，星期三●全動畫與半動畫●半動畫——又名“有限動畫”，為追求經(jīng)濟效益，6幀／s的動畫，不足的畫面，采用動作重復(fù)或延長畫面停頓時間補足●

全動畫——為追求畫面完美和動作流暢，按照24幀／s制作動畫1232324……教學(xué)進程123456第7頁，講稿共41頁，2023年5月2日，星期三電腦動畫第一階段在屏幕上依次畫出簡單的線條、幾何圖形和顏色塊，電腦一絲不茍地把繪畫過程記錄下來。在需要時，由電腦重復(fù)繪畫過程，使人們看到活動的畫面在屏幕上依次繪制畫面，動畫的主體從簡單的線條、幾何圖形過渡到復(fù)雜的圖形、豐富多彩的顏色。動畫基本體現(xiàn)了傳統(tǒng)動畫的風(fēng)格第二階段以先進的軟件和硬件作為基礎(chǔ)，更加逼真地模擬傳統(tǒng)動畫，并進一步制作傳統(tǒng)動畫難以表現(xiàn)的題材，如三維造型動畫、變形動畫、仿真動畫、矢量動畫等第三階段●●電腦動畫的發(fā)展教學(xué)進程第8頁，講稿共41頁，2023年5月2日，星期三●幀動畫——模擬以幀為基本單位的傳統(tǒng)動畫，占動畫產(chǎn)品的98%電腦動畫的分類●矢量動畫——經(jīng)過電腦運算而確定的運行軌跡和形狀的動畫●空間動畫——形成三維造型并進行空間運動的動畫●顏色動畫●平面動畫●變形動畫●教學(xué)進程第9頁，講稿共41頁，2023年5月2日，星期三制作動畫的設(shè)備8.1.2多媒體電腦●

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

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

FLC格式——AnimatorPro生成的文件格式每幀256色，畫面分辨率320×200~1800×1280代碼效率高、通用性好，大量用在多媒體產(chǎn)品中●

AVI格式——視頻文件格式，動態(tài)圖像和聲音同步播放受視頻標準制約，畫面分辨率不高●

GIF格式——用于網(wǎng)頁的幀動畫文件格式(1)單畫面圖像，256色，分辨率98dpi(2)多畫面圖像(動畫)，256色，98dpi●

SWF格式——Flash制作的動畫文件格式主要在網(wǎng)絡(luò)上演播，特點：數(shù)據(jù)量小，動畫流暢教學(xué)進程第12頁，講稿共41頁，2023年5月2日，星期三8.2變形動畫及其制作尾畫面首畫面……變形過程……(畫面數(shù)量、變形參考)變形效果8.2.1制作變形動畫的軟件●Morph全稱:WinImages:morph英文版經(jīng)典軟件●

內(nèi)存容量:32MB或更大(建議128MB)●

變形過程使用的最大畫面數(shù):9999幀●

首尾畫面的文件格式:BMP/TGA/GIF/FLC●

輸出文件格式:BMP/TGA/TIF/GIF/FLC●

顯示模式:RGB24bit真彩色/256彩色/灰度教學(xué)進程第13頁，講稿共41頁，2023年5月2日，星期三8.2.2首、尾畫面的加工與使用●

首、尾畫面處理規(guī)則●采用標準顯示尺寸(840×480、1024×788)840480●參與變形的兩個主體輪廓形狀應(yīng)接近●在畫面中的相對位置也應(yīng)盡可能一致●色調(diào)應(yīng)保持一致或接近●背景不適宜采用彩色圖案，應(yīng)一律采用單色●采用相同的文件格式BMPBMP●首、尾畫面的尺寸一致●目的：變形自然、和諧，便于后期加工●

變形效果教學(xué)進程第14頁，講稿共41頁，2023年5月2日，星期三●啟動Morph●

選擇[開始]/“程序/WinImages/WinImages_morph”●打開首、尾畫面(1)選擇“File／Loadstartframe…”指定路徑文件名，調(diào)入首畫面(2)選擇“File／Loadendframe…”指定路徑文件名，調(diào)入尾畫面變形過程圖片(電影窗口)菜單功能按鈕首畫面尾畫面中間畫面教學(xué)進程第15頁，講稿共41頁，2023年5月2日，星期三8.2.3確定動畫文件的格式和參數(shù)●選擇輸出文件格式●

選擇“File／OutputFileType”菜單●FullcolorWinbmp...

(全彩色bmp圖片序列)

●GIF(258color)

(網(wǎng)頁動畫圖片序列)●AnimationFLIC...

(標準動畫片)●Targa24/32bit…

(影視播放序列圖片)教學(xué)進程第16頁，講稿共41頁，2023年5月2日，星期三●設(shè)置文件輸出參數(shù)●

[操作步驟](9)單擊“OK”按鈕(2)設(shè)置總畫面數(shù)(3)設(shè)置開始畫面(4)設(shè)置結(jié)束畫面(5)設(shè)置當(dāng)前畫面(8)輸入路徑和文件名(與文件格式對應(yīng))(7)確定畫面尺寸(取首畫面尺寸)“SettoStartFrameSize”(8)使Use/Save兩項有效(1)選擇“Settings/sequencecontrols...”菜單教學(xué)進程第17頁，講稿共41頁，2023年5月2日，星期三8.2.4確定變形的參考點(1)鼠標左鍵單擊首畫面產(chǎn)生變形參考點尾畫面自動產(chǎn)生對應(yīng)的(2)光標對準尾畫面用鼠標右鍵拖曳該點移動，調(diào)整位置●

[操作步驟]●先沿圖形邊緣設(shè)定，再設(shè)定圖形內(nèi)部●設(shè)置的變形參考點越多，變形越細膩●變形路徑不能交叉●欲刪除變形參考點，鼠標右鍵單擊該點，按〈Del〉鍵●設(shè)置規(guī)律教學(xué)進程第18頁，講稿共41頁，2023年5月2日，星期三8.2.5生成與保存變形動畫●

生成在生成過程中，依次顯示中間畫面和圖片序列，并自動保存●

選擇“Generate/Sequencegenerate...”菜單，生成過程開始●

選擇“File/Exit”菜單，退出Morph●退出●

注意1)影響生成速度的因素：畫面尺寸大、真彩色、變形參考點多2)若生成中途停止，則內(nèi)存容量不足3)生成過程中不要進行任何操作，以免變形中斷、數(shù)據(jù)丟失●根據(jù)需要進行后期加工，如合成背景畫面、音樂以及新的動畫等教學(xué)進程第19頁，講稿共41頁，2023年5月2日，星期三●變形動畫制作舉例變形素材1a.bmp變形素材1b.bmp●

首、尾畫面●幀數(shù)：12●輸出格式：GIF圖片序列[操作步驟]●啟動Morph●

打開首、尾畫面●

選擇輸出文件格式●設(shè)置文件輸出參數(shù)●規(guī)定變形的參考點●生成●退出Morph●輸出尺寸：與首畫面相同教學(xué)進程第20頁，講稿共41頁，2023年5月2日，星期三8.3網(wǎng)頁動畫及其制作8.3.1什么是網(wǎng)頁動畫●

用在國際互聯(lián)網(wǎng)絡(luò)網(wǎng)頁上的動畫是網(wǎng)頁動畫●網(wǎng)頁動畫的特點●

數(shù)據(jù)量小●

表現(xiàn)力強(活動畫面更易引起人們的注意)●

視覺效果好(如果設(shè)計得當(dāng)，視覺效果好)●

模式多樣化(矢量動畫，幀動畫)●如何制作網(wǎng)頁動畫●途徑1——利用轉(zhuǎn)換工具將多種動畫轉(zhuǎn)換成網(wǎng)頁動畫●途徑2——使用專門的網(wǎng)頁動畫制作軟件直接生成網(wǎng)頁動畫教學(xué)進程第21頁，講稿共41頁，2023年5月2日，星期三8.3.2網(wǎng)頁動畫的制作工具(2)選擇“File／New”

菜單，清除命令窗口●

GIFCON是一種網(wǎng)頁動畫轉(zhuǎn)換軟件,全稱GIFConstructionSetGifcon動畫工具圖片序列網(wǎng)頁動畫GIF89a●Gifcon的作用(3)選擇“File／Exit”

菜單，退出系統(tǒng)●

啟動與退出(1)雙擊Gifcon快捷圖標(命令窗口)動畫預(yù)覽教學(xué)進程第22頁，講稿共41頁，2023年5月2日，星期三(1)選擇“File/New”菜單清除命令窗口●

操作步驟8.3.3使用GIFCON制作網(wǎng)頁動畫●插入圖像文件與控制命令(2)單擊“Insert”按鈕(3)單擊“Loop”按鈕(4)雙擊“Loop”命令行循環(huán)次數(shù)設(shè)為“0”(5)單擊“Insert”按鈕(8)單擊“Control”按鈕(7)雙擊“Control”命令行設(shè)置時間間隔，單擊“OK”按鈕LoopControl教學(xué)進程第23頁，講稿共41頁，2023年5月2日，星期三●插入圖像文件與控制命令●

操作步驟(續(xù))(8)單擊“Insert”按鈕(9)單擊“Image”按鈕(10)選擇路徑、文件序列單擊“OK”按鈕(11)選擇調(diào)色板及其他單擊“OK”按鈕(2)按〈Ctrl〉+〈C〉鍵復(fù)制(3)按〈Ctrl〉+〈V〉鍵，把“Control”命令行分別粘貼到各圖片之間LoopControl(1)單擊“Control”命令行●最后加工圖片序列“Control”命令行分別粘貼到各圖片之間(4)雙擊“Control”命令行，并修改時間間隔，可控制動畫的節(jié)奏教學(xué)進程下一張圖片顯示前，會先以背景顏色塗掉目前的圖片

第24頁，講稿共41頁，2023年5月2日，星期三●動畫預(yù)覽(2)輸入文件名單擊“View”按鈕預(yù)覽單擊鼠標右鍵結(jié)束預(yù)覽●

保存動畫(1)選擇“File/saveas…”(3)單擊“OK”按鈕●退出(1)選擇“File/Exit”菜單，顯示提示信息(2)單擊“OK”按鈕●

可使用ACDSee和InternetExplorer觀看動畫效果●

制作網(wǎng)頁動畫過程中，GIFCON產(chǎn)生一個THN格式的文件，可予以刪除教學(xué)進程第25頁，講稿共41頁，2023年5月2日，星期三●使用GIFCON制作動畫舉例●素材：使用變形動畫例題中生成的GIF圖片序列t01.gif……t12.gif●時間間隔：8/100s●輸出格式：gif[操作步驟]●啟動GIFCON●清除命令窗口●

插入Loop命令●插入Control命令●插入Image圖片●復(fù)制Control命令●保存●退出GIFCON●無限循環(huán)教學(xué)進程Sun00.gifSun01.gifSun02.gif第26頁，講稿共41頁，2023年5月2日，星期三8.3.4使用Flash制作網(wǎng)頁動畫●動畫文件格式●

FLS(可編輯源動畫)●

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

AVI(視頻)●

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

中文版FlashMXv8.0●

動畫形式幀動畫、矢量動畫可實現(xiàn)交互功能、附加同步聲音教學(xué)進程第27頁，講稿共41頁，2023年5月2日，星期三●硬件、軟件環(huán)境●

IntelPentium200MHz●Windows98/ME/NT4.0/2000/XP●

84MBofRAM(128MBrecommended)●

85MBofavailablediskspace●

18-bitcolorand1024x788resolution●

CD-ROMdrive●互聯(lián)網(wǎng)上的Flash動畫●

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

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

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

.au動畫片網(wǎng)站，可瀏覽Flash動畫片教學(xué)進程第28頁，講稿共41頁，2023年5月2日，星期三8.3.5FLASH的界面特點與繪制工具(1)選擇[開始]/程序/MacromediaFLASHMXv8.0或雙擊圖標(2)選擇“文件/新建”菜單(此步不可省略，否則窗口尺寸有誤)菜單欄工具欄動畫層控制幀控制動畫編輯窗口輔助工具屬性工具欄(輔助工具)教學(xué)進程第29頁，講稿共41頁，2023年5月2日，星期三設(shè)置動畫尺寸及其他(1)單擊底部“屬性”工具條●●

[操作步驟](2)單擊“尺寸”按鈕(3)輸入“尺寸”數(shù)值(5)輸入“幀頻”fps(取值12~25)(4)單擊“背景顏色”框確定動畫窗口背景色(8)確定標尺單位(像素、英寸、厘米、毫米等)(7)單擊“設(shè)為默認值”按鈕，保存當(dāng)前設(shè)置(8)單擊“確定”按鈕(9)單擊“屬性”標題欄，關(guān)閉教學(xué)進程第30頁，講稿共41頁，2023年5月2日，星期三畫圖形(2)選擇圓內(nèi)單色或漸變色(3)畫圓(鼠標—橢圓/〈Shift〉+鼠標—正圓)(1)選擇畫圓工具(2)選擇單色或漸變色(3)單擊“圓角”按鈕，設(shè)置圓角●●畫空心圖形在調(diào)色板中選擇“沒有”●畫圓(1)選擇畫方框工具●

畫方框(4)畫方框(鼠標—任意/〈Shift〉+鼠標—正方)教學(xué)進程第31頁，講稿共41頁，2023年5月2日，星期三處理圖形(1)選擇橡皮工具(3)選擇橡皮尺寸(2)選擇擦除模式(4)擦除圖形(2)移動圖形●

擦除圖形●●

移動圖形(1)選擇箭頭工具邊框和填充顏色是不同的圖形。想整體移動，須用鼠標左鍵劃定編輯區(qū)域，然后整體移動●

[說明]教學(xué)進程第32頁，講稿共41頁，2023年5月2日，星期三動畫的畫法(1)選擇鉛筆工具(2)選擇鉛筆顏色(3)選擇輪廓模式(4)描繪輪廓●

直線化

●

平滑

●

墨水瓶●繪制輪廓線8.3.6(1)選擇顏料桶工具(2)選擇填充模式(漸變、單色均可)(3)選擇封閉模式(4)單擊圖形內(nèi)部填充顏色●漸變●漸變●單色●

填充顏色教學(xué)進程第33頁，講稿共41頁，2023年5月2日，星期三北京BEIJING輸入文字(1)選擇文本工具(2)鼠標左鍵劃出文本框(3)輸入文本內(nèi)容(4)光標條覆蓋文本(8)鼠標對準文本輸入框，移動文字(7)單擊非文本輸入?yún)^(qū)結(jié)束北京BEIJING●(5)單擊“屬性”工具欄，設(shè)置字體、字號、顏色、對齊方式等●

單擊文本，可再次修改文字教學(xué)進程第34頁，講稿共41頁，2023年5月2日，星期三制作幀動畫●

繪制圖形8.3.7選擇“插入/關(guān)鍵幀”選項，增加新的幀(新的幀自動復(fù)制前一幀的內(nèi)容)●

增加關(guān)鍵幀●

在新的幀中繪制圖形●

增加圖層(用于兩個以上的動畫合成)(1)選擇“插入/圖層”選項，增加新圖層(2)在新圖層中繪制圖形，增加關(guān)鍵幀●演播動畫效果(1)選擇“窗口/工具欄/控制欄”，打開控制欄(2)選擇“控制/循環(huán)播放”，連續(xù)觀察動畫效果停首倒播進尾●顯示網(wǎng)格，方便編輯鼠標右鍵單擊動畫編輯窗口選擇“網(wǎng)格/顯示網(wǎng)格”●為方便編輯，打開所有工具(1)選擇“窗口/工具欄”菜單(2)分別選中：√主要欄√狀態(tài)欄√控制欄教學(xué)進程第35頁，講稿共41頁，2023年5月2日，星期三制作自動動畫●

直線移動動畫(4)鼠標