第3章課件動(dòng)畫素材的設(shè)計(jì)與制作

Flash多媒體課件制作教程清華大學(xué)出版社21世紀(jì)高等學(xué)校數(shù)字媒體專業(yè)規(guī)劃教材第3章課件動(dòng)畫素材的設(shè)計(jì)與制作

知識重點(diǎn)學(xué)習(xí)任務(wù)內(nèi)容講解思考與練習(xí)知識重點(diǎn)了解多媒體課件Flash動(dòng)畫素材設(shè)計(jì)基本原理；掌握Flash基本動(dòng)畫與圖層動(dòng)畫制作過程；學(xué)會應(yīng)用Flash制作簡單教學(xué)動(dòng)畫。學(xué)習(xí)任務(wù)逐幀動(dòng)畫的制作運(yùn)動(dòng)動(dòng)畫的制作變形動(dòng)畫的制作引導(dǎo)層動(dòng)畫的制作遮罩層動(dòng)畫的制作多媒體課件動(dòng)畫素材動(dòng)畫制作案例練習(xí)內(nèi)容講解多媒體動(dòng)畫軟件為動(dòng)畫素材創(chuàng)作提供了有力的工具和藝術(shù)想像力的空間，使電腦動(dòng)畫技術(shù)與教學(xué)信息的完美結(jié)合，有效提高教學(xué)效果。Flash作為基于矢量的具有交互性的圖形編輯和二維動(dòng)畫制作軟件，以其強(qiáng)大的動(dòng)畫制作功能和超凡的視聽表現(xiàn)力成為就是應(yīng)用相當(dāng)廣泛的平臺之一，學(xué)習(xí)與掌握應(yīng)用Flash設(shè)計(jì)制作課件動(dòng)畫素材成為網(wǎng)絡(luò)動(dòng)畫與教學(xué)資源開發(fā)的基礎(chǔ)。3.1多媒體課件動(dòng)畫設(shè)計(jì)基本原理

一、動(dòng)畫基本原理二、Flash動(dòng)畫基本原理三、Flash動(dòng)畫制作中的相關(guān)概念四、Flash動(dòng)畫類型動(dòng)畫的形成依托于人類視覺中所具有的“視像暫留”特性：人的眼睛在觀察景物時(shí)，當(dāng)看到的影像消失后，人眼仍能繼續(xù)保留其影像0.1-0.4秒左右的圖像，形成殘留的視覺“后像”，如果前后兩個(gè)視象之間的時(shí)間間隔不超過0.1-0.4秒，那么前一個(gè)視象尚未消失，而后一個(gè)視象已經(jīng)產(chǎn)生，并與前一個(gè)視象融合在一起，就會形成視覺暫留現(xiàn)象。一、動(dòng)畫基本原理電影、電視、動(dòng)畫技術(shù)正是利用人眼的這一視覺惰性，在前一幅畫面還沒有消失前繼續(xù)播放出后一幅畫面，一系列靜態(tài)畫面就會因視覺暫留作用而給觀看者造成一種連續(xù)的視覺印象，產(chǎn)生逼真的動(dòng)感，造成一種流暢的視覺變化效果。畫格序列形成電影電視畫面

動(dòng)畫幀序列形成動(dòng)畫二、Flash動(dòng)畫基本原理把場景可視工作區(qū)當(dāng)作舞臺諸如文字、圖形、影片剪輯等表演對象以實(shí)體形式在場景展現(xiàn)使用圖層來確定舞臺上各個(gè)對象的前后次序、分解對象中不同動(dòng)畫效果構(gòu)件使用時(shí)間軸確定各個(gè)對象出場的順序，以動(dòng)畫幀記載動(dòng)畫變化規(guī)律動(dòng)畫創(chuàng)作空間三、Flash動(dòng)畫制作中的相關(guān)概念動(dòng)畫幀

Flash動(dòng)畫是一系列“幀”連續(xù)播放產(chǎn)生的一種視覺效果，產(chǎn)生動(dòng)畫最基本的元素正是那些畫格上靜止的圖片（幀F(xiàn)rame），其外在特征為在“時(shí)間軸”上一個(gè)個(gè)小方格，成為制作Flash動(dòng)畫的核心。三、Flash動(dòng)畫制作中的相關(guān)概念動(dòng)畫幀動(dòng)畫幀基本操作主要是：選擇幀選擇幀后右擊鼠標(biāo)在彈出菜單中選擇相應(yīng)的幀操作三、Flash動(dòng)畫制作中的相關(guān)概念動(dòng)畫幀時(shí)間軸上動(dòng)畫幀類型：空白幀關(guān)鍵幀、空白關(guān)鍵幀創(chuàng)建傳統(tǒng)補(bǔ)間幀、創(chuàng)建補(bǔ)間形狀幀補(bǔ)間錯(cuò)誤幀創(chuàng)建補(bǔ)間動(dòng)畫幀行為動(dòng)作幀、聲音幀三、Flash動(dòng)畫制作中的相關(guān)概念幀速率（幀頻）動(dòng)畫幀播放的速度，決定動(dòng)畫每秒播放多少幀，也就是說，時(shí)間軸上多少幀構(gòu)成一秒畫面。制作課件動(dòng)畫和網(wǎng)絡(luò)動(dòng)畫素材，一般選擇12—15fps

應(yīng)用到PAL制數(shù)碼視頻中動(dòng)畫，則需要選擇25fps

應(yīng)用到NTSC制數(shù)碼視頻中動(dòng)畫，則需要選擇30fps三、Flash動(dòng)畫制作中的相關(guān)概念圖層、時(shí)間軸及動(dòng)畫幀的關(guān)系

三、Flash動(dòng)畫制作中的相關(guān)概念動(dòng)畫預(yù)設(shè)把一些做好的補(bǔ)間動(dòng)畫保存為模板，并將它應(yīng)用到其它對象上。同時(shí)，F(xiàn)lashCS6的動(dòng)畫預(yù)設(shè)對話框提供了32項(xiàng)默認(rèn)預(yù)設(shè)動(dòng)畫效果，可以直接應(yīng)用到元件和文本對象中。

三、Flash動(dòng)畫制作中的相關(guān)概念動(dòng)畫編輯器對關(guān)鍵幀參數(shù)進(jìn)行細(xì)致控制,這些參數(shù)包括了基本動(dòng)畫（位置與旋轉(zhuǎn)）、轉(zhuǎn)換（傾斜和縮放）、色彩效果、濾鏡與緩動(dòng)效果等五類，都使用圖示顯示以全面控制和輕松實(shí)現(xiàn)調(diào)整三、Flash動(dòng)畫制作中的相關(guān)概念緩動(dòng)效果“緩動(dòng)”用于設(shè)定對象在補(bǔ)間動(dòng)畫過程中其運(yùn)動(dòng)的加速度狀態(tài)：默認(rèn)為0：補(bǔ)間動(dòng)畫過程為勻速運(yùn)動(dòng)變化正數(shù)值：減速運(yùn)動(dòng)，補(bǔ)間動(dòng)畫由快到慢負(fù)數(shù)值：加速運(yùn)動(dòng)，補(bǔ)間動(dòng)畫由慢到快三、Flash動(dòng)畫制作中的相關(guān)概念繪圖紙外觀為便于定位和編輯逐幀動(dòng)畫，或查看動(dòng)畫變化過程的細(xì)節(jié)而設(shè)置的功能，提供了四個(gè)效果按鈕：繪圖紙外觀、繪圖紙外觀輪廓、編輯多個(gè)幀以及修改繪圖紙標(biāo)記。繪圖紙外觀繪圖紙外觀輪廓編輯多個(gè)幀修改繪圖紙標(biāo)記

三、Flash動(dòng)畫制作中的相關(guān)概念套用濾鏡

Flash如同photoshop一樣提供了類似的濾鏡，在動(dòng)畫制作中可以為動(dòng)畫對象添加簡單而且是動(dòng)態(tài)的特效，使動(dòng)畫顯得更加豐富真實(shí)。Flash平臺限定只能針對文本、按鈕和影片剪輯對象應(yīng)用濾鏡。濾鏡使用主要在“屬性”對話框下面的“濾鏡”選項(xiàng)中通過附帶的操作按鈕進(jìn)行添加、預(yù)設(shè)、刪除、重置等操作。

三、Flash動(dòng)畫制作中的相關(guān)概念骨骼工具

Flash從CS4開始新增了制作動(dòng)畫的骨骼工具。應(yīng)用骨骼工具制作的骨骼動(dòng)畫又稱反向運(yùn)動(dòng)(IK)動(dòng)畫，是一種通過對對象添加骨骼并使用骨骼的關(guān)節(jié)結(jié)構(gòu)對一個(gè)對象或彼此相關(guān)的一組對象進(jìn)行動(dòng)畫處理的方法。使用骨骼工具，只需做進(jìn)行簡單的設(shè)計(jì)工作，元件實(shí)例和形狀對象就可以按復(fù)雜而自然的方式移動(dòng)。例如可以更加輕松地創(chuàng)建人物動(dòng)畫，如胳膊、腿和面部表情。四、Flash動(dòng)畫類型逐幀動(dòng)畫動(dòng)畫的幀序列由一系列不帶補(bǔ)間的關(guān)鍵幀組成補(bǔ)間動(dòng)畫直接應(yīng)用于對象的“創(chuàng)建補(bǔ)間動(dòng)畫”模式由兩個(gè)關(guān)鍵幀確定的“傳統(tǒng)補(bǔ)間動(dòng)畫”模式引導(dǎo)層動(dòng)畫由引導(dǎo)層和被引導(dǎo)層上下組合構(gòu)成遮罩層動(dòng)畫由遮罩層和被遮罩層上下組合構(gòu)成

3.2基本動(dòng)畫的制作一、逐幀動(dòng)畫的制作

二、運(yùn)動(dòng)動(dòng)畫的制作三、變形動(dòng)畫的制作

四、3D動(dòng)畫的制作五、骨骼動(dòng)畫的制作一、逐幀動(dòng)畫的制作在時(shí)間幀上逐幀繪制幀內(nèi)的動(dòng)畫對象形態(tài)或動(dòng)作變化及場景內(nèi)容逐幀動(dòng)畫在時(shí)間幀上表現(xiàn)為連續(xù)出現(xiàn)的關(guān)鍵幀（1）創(chuàng)建逐幀動(dòng)畫方法直接繪制矢量圖形應(yīng)用文字工具和分離組合選項(xiàng)創(chuàng)建文字通過逐幀導(dǎo)入靜態(tài)圖片方式建立通過導(dǎo)入序列圖像形成應(yīng)用Deco工具繪制（2）創(chuàng)建逐幀動(dòng)畫途徑通過創(chuàng)建“影片剪輯”元件，在元件編輯區(qū)中創(chuàng)建逐幀動(dòng)畫直接在場景中制作逐幀動(dòng)畫二、運(yùn)動(dòng)動(dòng)畫的制作運(yùn)動(dòng)動(dòng)畫采用Flash的“補(bǔ)間”技術(shù)，其關(guān)鍵在于確定補(bǔ)間幀序列的開始幀和結(jié)束幀，可以實(shí)現(xiàn)動(dòng)畫對象的移動(dòng)、縮放、顏色（亮度、色調(diào)、透明度）變化。方法兩種：基于關(guān)鍵幀的模式——?jiǎng)?chuàng)建傳統(tǒng)補(bǔ)間基于動(dòng)畫對象的“創(chuàng)建補(bǔ)間動(dòng)畫”模式（1）應(yīng)用“創(chuàng)建傳統(tǒng)補(bǔ)間”制作動(dòng)畫基本步驟：把動(dòng)畫幀序列開始幀和結(jié)束幀定為關(guān)鍵幀確定動(dòng)畫開始幀和結(jié)束幀屬性選擇“創(chuàng)建傳統(tǒng)補(bǔ)間”（2）應(yīng)用“創(chuàng)建補(bǔ)間動(dòng)畫”制作動(dòng)畫基本步驟：只選擇動(dòng)畫幀序列的開始幀為關(guān)鍵幀選擇“創(chuàng)建補(bǔ)間動(dòng)畫”選項(xiàng)在幀序列中任一需修改屬性的幀上修改屬性在屬性對話框上調(diào)整“緩動(dòng)”選項(xiàng)的緩動(dòng)值運(yùn)用選擇工具可以對路徑軌跡線進(jìn)行調(diào)整和移動(dòng)位置（3）制作縮放、透明與色調(diào)漸變動(dòng)畫制作思路：（1）導(dǎo)入或制作動(dòng)畫對象并轉(zhuǎn)換為元件。（2）通過“創(chuàng)建傳統(tǒng)補(bǔ)間”或“創(chuàng)建補(bǔ)間動(dòng)畫”把動(dòng)畫幀序列設(shè)置為運(yùn)動(dòng)補(bǔ)間動(dòng)畫。（3）選用工具箱中“任意變形工具”，分別在動(dòng)畫幀序列的開始幀和結(jié)束幀選中動(dòng)畫對象進(jìn)行縮放調(diào)整。（4）分別在動(dòng)畫幀序列的開始幀和結(jié)束幀選中動(dòng)畫對象，在屬性對話框上的“色彩效果”選項(xiàng)下的運(yùn)動(dòng)動(dòng)畫屬性“樣式”下拉列表框中根據(jù)需要選擇亮度、色調(diào)、Alpha（透明度）、高級選項(xiàng)并進(jìn)行相應(yīng)的參數(shù)調(diào)整三、變形動(dòng)畫的制作變形動(dòng)畫種類1．從一種圖形逐漸變換到另一種圖形。2．圖形對象本身形狀的逐漸變化。變形動(dòng)畫的制作思路1．在動(dòng)畫開始幀插入空白關(guān)鍵幀并制作圖形對象，如非圖形，需使用菜單欄的【修改】︱【分離】命令進(jìn)行打散轉(zhuǎn)換。2．如動(dòng)畫對象本身變形，在動(dòng)畫結(jié)束幀插入關(guān)鍵幀，修改對象最終形狀；如屬于從一圖形變?yōu)榱硪粓D形，則需在動(dòng)畫結(jié)束幀插入空白關(guān)鍵幀，導(dǎo)入或制作新的最終的圖形。3．在動(dòng)畫開始幀與結(jié)束幀之間任選幀，右擊鼠標(biāo)在其彈出菜單選擇“創(chuàng)建補(bǔ)間形狀”選項(xiàng)，即可為該幀序列創(chuàng)建變形動(dòng)畫。四、3D動(dòng)畫的制作依賴于工具箱中的3D平移工具和3D旋轉(zhuǎn)工具，實(shí)現(xiàn)沿X、Y、Z軸的空間變化。3D旋轉(zhuǎn)與平移功能只能對影片剪輯元件發(fā)生作用，其他類型對象需轉(zhuǎn)換為“影片剪輯”元件才能實(shí)現(xiàn)此功能。五、骨骼動(dòng)畫的制作骨骼動(dòng)畫依托骨骼工具為元件實(shí)例或圖形形狀進(jìn)行骨骼添加，形成關(guān)聯(lián)的骨架，相關(guān)參與骨骼鏈的對象會集中形成一個(gè)新的層：骨架層

，也稱姿勢圖層，因而骨骼動(dòng)畫也可歸類到圖層動(dòng)畫類。骨骼關(guān)節(jié)結(jié)構(gòu)的移動(dòng)變化會使骨架層的幀變成關(guān)鍵幀，關(guān)鍵幀之間的動(dòng)畫形成由軟件自動(dòng)生成。3.3圖層動(dòng)畫的制作一、引導(dǎo)層動(dòng)畫的制作二、遮罩層動(dòng)畫的制作一、引導(dǎo)層動(dòng)畫的制作引導(dǎo)層動(dòng)畫特點(diǎn)引導(dǎo)層作為被引導(dǎo)層運(yùn)動(dòng)對象路徑的規(guī)劃者，必須建立在被引導(dǎo)層的運(yùn)動(dòng)補(bǔ)間動(dòng)畫基礎(chǔ)上引導(dǎo)層中放置的是準(zhǔn)備為被引導(dǎo)層對象規(guī)劃的運(yùn)動(dòng)路徑軌跡線，是一條不閉合的曲線，被引導(dǎo)層則包含動(dòng)畫對象及其運(yùn)動(dòng)補(bǔ)間動(dòng)畫幀序列。引導(dǎo)層位于被引導(dǎo)層上方，一個(gè)引導(dǎo)層可為多個(gè)被引導(dǎo)層進(jìn)行運(yùn)動(dòng)路徑引導(dǎo)，使得多個(gè)對象沿著同一路徑運(yùn)動(dòng)；但一個(gè)被引導(dǎo)層只能搭配一個(gè)引導(dǎo)層，沿一條引導(dǎo)路徑移動(dòng)。引導(dǎo)層的引導(dǎo)線不會導(dǎo)出一、引導(dǎo)層動(dòng)畫的制作引導(dǎo)層動(dòng)畫制作思路思路一：（1）制作被引導(dǎo)層運(yùn)動(dòng)補(bǔ)間動(dòng)畫。（2）在被引導(dǎo)層上右擊鼠標(biāo)，在彈出菜單上選擇“添加傳統(tǒng)運(yùn)動(dòng)引導(dǎo)層”，在被引導(dǎo)層上方添加引導(dǎo)層，并在引導(dǎo)層中繪制引導(dǎo)線。（3）把被引導(dǎo)層中動(dòng)畫幀序列開始幀和結(jié)束幀動(dòng)的動(dòng)畫對象移動(dòng)吸附到引導(dǎo)線的兩端，引導(dǎo)層動(dòng)畫自動(dòng)生成。思路二：（1）制作被引導(dǎo)層運(yùn)動(dòng)補(bǔ)間動(dòng)畫。（2）在被引導(dǎo)層上方新建一圖層，在此層右擊鼠標(biāo)，在彈出菜單選“引導(dǎo)層”，建立一個(gè)以為標(biāo)識的層，在該層繪制引導(dǎo)線。（3）把被引導(dǎo)層拖放到標(biāo)識層下使其與標(biāo)識層鏈接，關(guān)系確立后標(biāo)識會轉(zhuǎn)變?yōu)?，這樣就為被引導(dǎo)層建立一引導(dǎo)層（4）把被引導(dǎo)層中動(dòng)畫幀序列開始幀和結(jié)束幀動(dòng)的動(dòng)畫對象移動(dòng)吸附到引導(dǎo)線的兩端，引導(dǎo)層動(dòng)畫自動(dòng)生成。一、引導(dǎo)層動(dòng)畫的制作引導(dǎo)層動(dòng)畫制作方法任意曲線型環(huán)形曲線型

【提示】：由于引導(dǎo)層動(dòng)畫的對象在引導(dǎo)線上移動(dòng)時(shí)，是按照最短路徑原則進(jìn)行的。引導(dǎo)線如果閉合，由于動(dòng)畫開始幀和結(jié)束幀的位置重合，對象將不會沿引導(dǎo)線移動(dòng)。只有打開缺口，動(dòng)畫開始幀和結(jié)束幀的位置產(chǎn)生小小錯(cuò)位，對象就會沿橢圓輪廓線運(yùn)動(dòng)。由于缺口較小，動(dòng)畫播放過程小小跳動(dòng)不影響動(dòng)畫效果。二、遮罩層動(dòng)畫的制作遮罩層動(dòng)畫特點(diǎn)（1）遮罩層作為被遮罩層顯示范圍及其移動(dòng)的規(guī)定者，必須建立在被遮罩層之上，與被遮罩層相鄰。（2）遮罩層如同一張不透明的紙，其上面的圖形等對象如同在此不透明紙上挖出一個(gè)與其輪廓相同的洞，透過遮罩層的圖形、文字甚至動(dòng)畫的輪廓所規(guī)定的范圍，可以顯示位于其下面的圖層內(nèi)容。（3）遮罩層上用作遮罩的對象可以是矢量圖形、文字及其補(bǔ)間形狀動(dòng)畫；也可以是元件實(shí)例及其運(yùn)動(dòng)補(bǔ)間動(dòng)畫。實(shí)際上，僅僅是將對象外形輪廓用作遮罩，框定被遮罩層的顯示區(qū)域，至于對象的填充屬性如何并不重要。（4）遮罩層與被遮罩層的鏈接關(guān)系一旦建立，兩個(gè)圖層將被同時(shí)鎖定，如果其中一個(gè)圖層解鎖，遮罩鏈接關(guān)系即告破壞。二、遮罩層動(dòng)畫的制作遮罩層動(dòng)畫制作思路（1）制作被遮罩層對象。（2）在被遮罩層上方新建一圖層，命名為“遮罩層”。以下方被遮罩層內(nèi)容為基準(zhǔn)，按照顯示范圍與動(dòng)畫特征，在該層繪制或?qū)胱鳛檎谡?/p>