第3章課件動畫素材的設(shè)計與制作

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

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

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

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

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

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

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

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

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

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

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

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

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

3.2基本動畫的制作一、逐幀動畫的制作

二、運動動畫的制作三、變形動畫的制作

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

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

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