多媒體技術(shù)-flash動(dòng)畫制作

1、第 3 章 動(dòng)畫制造1主要內(nèi)容動(dòng)畫概述3.1平面矢量動(dòng)畫巨匠Flash3.2Flash動(dòng)畫制造3.32第6周義務(wù)33.1動(dòng)畫概述3.1.1 動(dòng)畫原理3.1.2 動(dòng)畫分類3.1.3 常用的動(dòng)畫制造軟件43.1.1 動(dòng)畫原理動(dòng)畫是由一系列靜態(tài)畫面按照一定的順序組成的，這些靜態(tài)的畫面稱為動(dòng)畫的幀。通常情況下，相鄰的幀差別不大，其內(nèi)容的變化存在一定的規(guī)律。當(dāng)這些幀按順序以一定的速度播放時(shí)，由于眼睛的視覺滯留作用滯留時(shí)間的長(zhǎng)度普通在0.10.4s的存在，構(gòu)成了銜接的動(dòng)畫效果。5圖1-3-1美術(shù)片中的部分畫面6動(dòng)畫與視頻的區(qū)別動(dòng)畫畫面比較簡(jiǎn)約，具有浪漫主義顏色；視頻畫面直接反映現(xiàn)實(shí)世界，具有寫實(shí)主義風(fēng)格；

2、動(dòng)畫作品可夾雜視頻片段，影視作品也可夾雜動(dòng)畫片段。73.1.2 動(dòng)畫分類傳統(tǒng)動(dòng)畫就是一幅幅預(yù)先繪制好的靜態(tài)畫面的延續(xù)播放；計(jì)算機(jī)動(dòng)畫：逐幀動(dòng)畫：與傳統(tǒng)動(dòng)畫原理類似；補(bǔ)間動(dòng)畫：那么經(jīng)過插值方法在兩個(gè)靜態(tài)畫面之間生成一系列過渡畫面；Flash動(dòng)畫甚至允許與用戶互動(dòng)。83.1.3常用的動(dòng)畫制造軟件1Gif Animator2Adobe ImageReady3Flash4Director53ds Max6Maya7Morpher該軟件用戶只需提供首尾兩張圖像，中間的變形過程全由軟件完成93.2平面矢量動(dòng)畫巨匠FlashFlash動(dòng)畫巨匠特點(diǎn)：1軟件簡(jiǎn)單易用2動(dòng)畫基于矢量圖形3動(dòng)畫流式傳輸4多媒體制造環(huán)

3、境和強(qiáng)大的交互功能103.2.1Flash動(dòng)畫相關(guān)概念1圖層2時(shí)間軸3舞臺(tái)4任務(wù)區(qū)5幀6關(guān)鍵幀7場(chǎng)景11圖1-3-5Flash CS4的文檔窗口123.2.2根本工具的運(yùn)用1筆觸顏色用于設(shè)置圖形中線條的顏色2填充色用于設(shè)置圖形內(nèi)部填充的顏色3選擇工具用于選擇和挪動(dòng)對(duì)象，同時(shí)還可調(diào)整線條的外形4線條工具用于繪制恣意長(zhǎng)短和方向的直線段13根本工具的運(yùn)用5橢圓工具用于繪制橢圓形和圓形6矩形工具用于繪制矩形、正方形和圓角矩形7多角星形工具用于繪制正多邊形和正多角星形8鉛筆工具用于繪制手繪線條14根本工具的運(yùn)用9橡皮擦工具擦除繪圖工具繪制的圖形擦除完全分別的組合、位圖、文本對(duì)象、元件實(shí)例擦除舞臺(tái)上一切未

4、鎖定的對(duì)象10墨水瓶工具用于修正線條的顏色、透明度、線寬和線型11顏料桶工具用于在圖形的填充區(qū)域填充單色、漸變色和位圖15根本工具的運(yùn)用12手形工具用于拖開任務(wù)區(qū)，使任務(wù)區(qū)中未現(xiàn)內(nèi)容顯示出來13縮放工具用于將任務(wù)區(qū)畫面放大或減少顯示14文本工具用于向舞臺(tái)插入靜態(tài)文本、動(dòng)態(tài)文本或輸入文本15恣意變形工具用于在對(duì)象上實(shí)施縮放、旋轉(zhuǎn)和斜切等變形163.2.3Flash根本操作1設(shè)置文檔屬性2調(diào)整舞臺(tái)的顯示比例3面板管理4導(dǎo)入外部對(duì)象5圖層管理6調(diào)整對(duì)象的陳列順序7鎖定對(duì)象8組合對(duì)象17Flash根本操作9分別對(duì)象10對(duì)齊對(duì)象11分布對(duì)象12準(zhǔn)確變形對(duì)象13庫(kù)資源的利用14動(dòng)畫的測(cè)試與發(fā)布18第7周義

5、務(wù)193.3Flash動(dòng)畫制造Flash可以制造如下類型的動(dòng)畫：逐幀動(dòng)畫補(bǔ)間動(dòng)畫補(bǔ)間外形動(dòng)畫、傳統(tǒng)補(bǔ)間動(dòng)畫、引導(dǎo)途徑動(dòng)畫、對(duì)象補(bǔ)間動(dòng)畫、遮罩動(dòng)畫、3D補(bǔ)間動(dòng)畫元件動(dòng)畫骨骼動(dòng)畫交互式動(dòng)畫等。203.3.1逐幀動(dòng)畫的制造所謂逐幀動(dòng)畫，是指動(dòng)畫的每個(gè)幀都要由制造者手動(dòng)完成，這些幀稱為關(guān)鍵幀。在逐幀動(dòng)畫中，關(guān)鍵幀中的對(duì)象可以運(yùn)用Flash的繪圖工具繪制，也可以是外部導(dǎo)入的圖形圖像資源。制造實(shí)例：1制造眨眼睛動(dòng)畫2制造Loading動(dòng)畫21實(shí)驗(yàn)實(shí)驗(yàn)3-1 制造小苗生長(zhǎng)動(dòng)畫223.3.2補(bǔ)間動(dòng)畫的制造所謂補(bǔ)間動(dòng)畫，指制造者只進(jìn)展過渡動(dòng)畫中首尾兩個(gè)關(guān)鍵幀的制造，關(guān)鍵幀之間的過渡幀由計(jì)算機(jī)自動(dòng)計(jì)算完成，從而實(shí)

6、現(xiàn)兩個(gè)關(guān)鍵幀之間的顏色、外形、大小、方向以及位置的延續(xù)變化。23補(bǔ)間動(dòng)畫的分類按照補(bǔ)間中計(jì)算的對(duì)象不同，F(xiàn)lash的根底補(bǔ)間動(dòng)畫可分為2類：1外形補(bǔ)間動(dòng)畫2傳統(tǒng)補(bǔ)間動(dòng)畫其他比較復(fù)雜的補(bǔ)間動(dòng)畫還有：引導(dǎo)途徑動(dòng)畫遮罩動(dòng)畫對(duì)象補(bǔ)間動(dòng)畫3D補(bǔ)間動(dòng)畫241制造外形補(bǔ)間動(dòng)畫在Flash中，運(yùn)用Flash繪圖工具直接繪制的以下對(duì)象可以用于補(bǔ)間外形動(dòng)畫：完全分別的矢量圖形、完全分別的組合、完全分別的元件實(shí)例、完全分別的文本、完全分別的位圖在外形補(bǔ)間動(dòng)畫中，可以產(chǎn)生過渡效果的對(duì)象屬性有：外形、位置、大小、顏色、透明度等制造實(shí)例：制造水果變形動(dòng)畫252制造傳統(tǒng)補(bǔ)間動(dòng)畫在Flash中，可以用于傳統(tǒng)補(bǔ)間動(dòng)畫的對(duì)象有：

7、組合、元件實(shí)例、文本、位圖等在傳統(tǒng)補(bǔ)間動(dòng)畫中，可以產(chǎn)生過渡效果的對(duì)象屬性有：位置、大小、旋轉(zhuǎn)角度、顏色只對(duì)元件實(shí)例、透明度只對(duì)元件實(shí)例等制造實(shí)例：制造球體從空中下落又彈起的動(dòng)畫制造鐘擺動(dòng)畫26實(shí)驗(yàn)實(shí)驗(yàn)3-2 制造翻頁動(dòng)畫 3.其他比較復(fù)雜的補(bǔ)間動(dòng)畫1遮罩動(dòng)畫2引導(dǎo)途徑動(dòng)畫3對(duì)象補(bǔ)間動(dòng)畫43D補(bǔ)間動(dòng)畫27281遮罩動(dòng)畫的制造遮罩層是Flash動(dòng)畫中的特殊圖層之一。遮罩層用于控制緊挨在其下面的被遮罩層的顯示范圍。確切地說，遮罩層上的填充區(qū)域像一個(gè)窗口，透過它可以看到被遮罩層上對(duì)應(yīng)區(qū)域的畫面在遮罩層上創(chuàng)建各類動(dòng)畫，就可構(gòu)成一個(gè)隨意變化的動(dòng)態(tài)窗口，從而構(gòu)成許多有趣的動(dòng)畫效果制造實(shí)例：制造簡(jiǎn)單畫面切換效

8、果29實(shí)驗(yàn)實(shí)驗(yàn)3-3 制造探照燈動(dòng)畫效果 2引導(dǎo)途徑動(dòng)畫引導(dǎo)途徑動(dòng)畫主要是制造讓對(duì)象沿指定的途徑進(jìn)展運(yùn)動(dòng)的軌跡動(dòng)畫。比較：傳統(tǒng)補(bǔ)間位置挪動(dòng)動(dòng)畫是沿著直線運(yùn)轉(zhuǎn)引導(dǎo)途徑動(dòng)畫的制造至少需求兩個(gè)圖層：引導(dǎo)層：繪制運(yùn)動(dòng)軌跡被引導(dǎo)層：放置要運(yùn)動(dòng)的元件實(shí)例，并創(chuàng)建元件傳統(tǒng)補(bǔ)間右鍵單擊被引導(dǎo)層，選擇“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層命令即可添加其引導(dǎo)層。制造實(shí)例：P134制造蝴蝶飛舞動(dòng)畫303對(duì)象補(bǔ)間動(dòng)畫補(bǔ)間也可直接運(yùn)用于對(duì)象上，而不是運(yùn)用于關(guān)鍵幀之間，此時(shí)挪動(dòng)對(duì)象位置將在舞臺(tái)上出現(xiàn)一條途徑線條，線條上有很多節(jié)點(diǎn)，分別對(duì)應(yīng)一個(gè)幀。然后可利用“選擇工具或“部分選擇工具對(duì)途徑線條進(jìn)展調(diào)整，從而使對(duì)象沿著途徑線條運(yùn)動(dòng)。創(chuàng)建對(duì)象補(bǔ)

9、間的方法：在對(duì)象上單擊鼠標(biāo)右鍵選擇“創(chuàng)建補(bǔ)間動(dòng)畫命令。對(duì)于對(duì)象補(bǔ)間可以利用“動(dòng)畫編輯器對(duì)補(bǔ)間進(jìn)展準(zhǔn)確控制；還可選用Flash內(nèi)置的“動(dòng)畫預(yù)設(shè)效果為對(duì)象添加預(yù)設(shè)動(dòng)畫補(bǔ)間。單擊【窗口】|【動(dòng)畫編輯器】、【動(dòng)畫預(yù)設(shè)】命令，翻開相應(yīng)窗口。31324 3D補(bǔ)間動(dòng)畫Flash為對(duì)象元件在3D空間內(nèi)的挪動(dòng)和旋轉(zhuǎn)提供了專門的工具，它們是“3D平移工具和“3D旋轉(zhuǎn)工具，運(yùn)用這兩種工具可以獲得逼真的3D透視效果。在創(chuàng)建3D補(bǔ)間動(dòng)畫時(shí)，首先在第一關(guān)鍵幀右鍵單擊選擇“創(chuàng)建補(bǔ)間動(dòng)畫命令為對(duì)象元件實(shí)例創(chuàng)建補(bǔ)間動(dòng)畫，然后將播放頭放置到補(bǔ)間最后幀的位置，運(yùn)用“3D平移工具和“3D旋轉(zhuǎn)工具對(duì)舞臺(tái)上的實(shí)例進(jìn)展3D變換。此時(shí)，F(xiàn)l

10、ash將自動(dòng)創(chuàng)建兩個(gè)關(guān)鍵幀間的3D補(bǔ)間動(dòng)畫。33“3D平移工具和“3D旋轉(zhuǎn)工具3D平移工具：運(yùn)用鼠標(biāo)左右拖動(dòng)X軸或上下拖動(dòng)Y軸的箭頭，即可將實(shí)例在程度或垂直方向挪動(dòng)；上下拖動(dòng)黑色圓點(diǎn)Z軸，即可將實(shí)例在里外方向縮放。3D旋轉(zhuǎn)工具：運(yùn)用鼠標(biāo)沿順時(shí)針方向旋轉(zhuǎn)X軸或Y軸，即可將實(shí)例沿著Y軸或X軸旋轉(zhuǎn)；順時(shí)針方向旋轉(zhuǎn)圓邊線Z軸，即可將實(shí)例沿著圓心旋轉(zhuǎn)。343.3.3 骨骼動(dòng)畫補(bǔ)間動(dòng)畫只能控制單一元件的運(yùn)動(dòng)，而骨骼動(dòng)畫可將多個(gè)元件經(jīng)過骨骼綁定起來以實(shí)現(xiàn)多元件的復(fù)雜運(yùn)動(dòng)。在工具箱中選擇“骨骼工具，在一個(gè)對(duì)象中單擊，向另一個(gè)對(duì)象拖動(dòng)鼠標(biāo)，釋放鼠標(biāo)后即可創(chuàng)建這兩個(gè)對(duì)象間的鏈接，如此反復(fù)構(gòu)成一條骨骼鏈。在另一關(guān)鍵

11、幀上，用鼠標(biāo)拖動(dòng)骨骼鏈末端的元件，整個(gè)鏈上的元件都會(huì)相應(yīng)挪動(dòng)，從而兩關(guān)鍵幀間構(gòu)成骨骼動(dòng)畫補(bǔ)間。視頻欣賞35第8周義務(wù)363.3.4元件動(dòng)畫的制造在Flash中，元件Symbol是存放于庫(kù)中的、可以反復(fù)運(yùn)用的圖形、動(dòng)畫片段影片剪輯或按鈕等資源。元件類型：圖形元件影片剪輯元件按鈕元件371.元件根本操作1創(chuàng)建元件2修正元件3添加顏色效果4添加濾鏡效果382.元件運(yùn)用案例1制造動(dòng)態(tài)按鈕2運(yùn)用Flash元件和引導(dǎo)層技術(shù)制造蝴蝶飛舞動(dòng)畫3運(yùn)用Flash元件和遮罩層技術(shù)制造水波效果動(dòng)畫39實(shí)驗(yàn)實(shí)驗(yàn)3-4 制造小汽車行駛動(dòng)畫實(shí)驗(yàn)3-5 制造畫面淡變切換動(dòng)畫實(shí)驗(yàn)3-6 制造梅花飄落動(dòng)畫實(shí)驗(yàn)3-7 制造日出動(dòng)畫40第9周義務(wù)413.3.5交互式動(dòng)畫的制造所謂交互式動(dòng)畫就是借助ActionScript代碼實(shí)現(xiàn)的動(dòng)畫?？梢詾閹?、按鈕實(shí)例、影片剪輯實(shí)例等元素添加ActionScript代碼為幀添加的動(dòng)作腳本