動(dòng)畫技術(shù)與應(yīng)用

第四章動(dòng)畫技術(shù)與應(yīng)用

〔二〕Flash根本動(dòng)畫制作一、Flash8中的根本動(dòng)畫分類逐幀動(dòng)畫：自己創(chuàng)立每一幀的內(nèi)容。時(shí)間軸上的每一幀都是關(guān)鍵幀。補(bǔ)間動(dòng)畫：自己制作好假設(shè)干關(guān)鍵幀，由Flash自動(dòng)生成各中間幀，使得畫面從一個(gè)關(guān)鍵幀過渡到另一個(gè)關(guān)鍵幀。兩個(gè)關(guān)鍵幀分別定義了該動(dòng)畫序列的起始和終止?fàn)顟B(tài)，中間幀自動(dòng)產(chǎn)生動(dòng)畫效果。在Flash中，補(bǔ)間動(dòng)畫又可分為補(bǔ)間動(dòng)作和補(bǔ)間外形動(dòng)畫兩種。補(bǔ)間動(dòng)作：在一個(gè)時(shí)間點(diǎn)定義一個(gè)實(shí)例的位置、大小和旋轉(zhuǎn)角度等屬性，然后在另一個(gè)時(shí)間點(diǎn)轉(zhuǎn)變這些屬性。也可以沿著路徑應(yīng)用補(bǔ)間動(dòng)作，形成曲線運(yùn)動(dòng)的效果。補(bǔ)間外形：在一個(gè)時(shí)間點(diǎn)繪制一個(gè)外形，然后在另一個(gè)時(shí)間點(diǎn)更改該外形或繪制另一個(gè)外形，F(xiàn)lash會(huì)自動(dòng)生成二者之間外形變化的幀來創(chuàng)立動(dòng)畫。時(shí)間軸特效動(dòng)畫：是從FlashMX2023開頭新供給的一種制作動(dòng)畫的方法，可以很簡潔地將對象制作為動(dòng)畫。只需選擇對象，然后選擇一種特效并制定參數(shù)即可。二、元件與實(shí)例元件在Flash中，元件是可以重復(fù)使用的對象，只創(chuàng)立一次，然后可以在整部影片中反復(fù)使用。元件可以是一個(gè)外形，也可以是動(dòng)畫，并且所創(chuàng)立的元件都自動(dòng)成為庫中的一局部。不管被引用多少次，元件引用對文件大小都只有很小的影響。因而使用元件可以大大縮小文件的大小，加快影片的播放速度?！坝捌糨嫛痹ⅰ鞍粹o”元件、“圖形”元件每個(gè)元件都有唯一的時(shí)間軸、舞臺(tái)和圖層二、元件與實(shí)例創(chuàng)立元件：“插入->新建元件”菜單，設(shè)置元件名稱和類型后，點(diǎn)擊“確定”進(jìn)入元件編輯舞臺(tái)編輯元件〔Ctrl+F8〕由舞臺(tái)中的對象進(jìn)展轉(zhuǎn)換：選中舞臺(tái)中的一個(gè)或多個(gè)元素，選擇“修改->轉(zhuǎn)換為元件”，設(shè)置名稱、類型、注冊點(diǎn)〔F8〕轉(zhuǎn)換元件類型：庫面板中選中元件，右鍵菜單中“類型”中選擇新類型復(fù)制元件：庫面板中庫面板菜單和元件右鍵菜單中的“直接復(fù)制”菜單；或者選定一個(gè)元件的實(shí)例，選用“修改->元件->直接復(fù)制元件”菜單編輯元件：舞臺(tái)中直接雙擊元件實(shí)例或選中實(shí)例，右鍵菜單中選“在當(dāng)前位置編輯”舞臺(tái)選中實(shí)例，右鍵菜單中選“在新窗口中編輯”庫面板中，選中元件后右鍵菜單中選擇“編輯”，或直接雙擊元件圖例二、元件與實(shí)例實(shí)例創(chuàng)立完一個(gè)元件之后，就可以在影片中的任何需要的地方，包括其他元件內(nèi)，創(chuàng)立該元件的實(shí)例了。創(chuàng)立實(shí)例就是將元件從“庫”面板拖到舞臺(tái)中，實(shí)例是元件在舞臺(tái)中的具體表達(dá)實(shí)例是對元件的引用，編輯元件會(huì)更新它的全部實(shí)例，這樣可以削減用戶的工作量。但每個(gè)實(shí)例都具有獨(dú)立屬性，對元件的一個(gè)實(shí)例的更新只能應(yīng)用于該實(shí)例，不影響元件及元件的其他實(shí)例。三、導(dǎo)入外部素材“文件->導(dǎo)入->導(dǎo)入到庫”位圖修改位圖屬性視頻聲音聲音效果同步方式四、逐幀動(dòng)畫逐幀動(dòng)畫在時(shí)間軸上表現(xiàn)為連續(xù)的關(guān)鍵幀，其原理是在“連續(xù)的關(guān)鍵幀”中分解動(dòng)畫動(dòng)作，連續(xù)播放而形成動(dòng)畫。由于需要繪制每一幀的內(nèi)容，利用這種方法制作動(dòng)畫工作量特別大，而且最終輸出文件量也很大。但是這種方法制作出來的動(dòng)畫效果特別好，適合于表現(xiàn)很細(xì)膩的動(dòng)畫。實(shí)例——轉(zhuǎn)動(dòng)的時(shí)鐘步驟：新建flash文檔圖層1第一幀處繪制時(shí)鐘外形，第360幀處插入一般幀〔F5〕，將時(shí)間連續(xù)到此位置在新建圖層2上繪制分針，F(xiàn)8將其轉(zhuǎn)換為元件。將分針放置在時(shí)鐘中心，調(diào)整其旋轉(zhuǎn)中心點(diǎn)到時(shí)鐘中心，從其次幀至第30幀依次添加關(guān)鍵幀〔F6〕，每一幀處將分針旋轉(zhuǎn)12度。復(fù)制1~30幀，在第31,61,91,121,151,181,211,241,271,301,331幀處粘貼在新建圖層3上繪制時(shí)針，F(xiàn)8將其轉(zhuǎn)換為元件。將時(shí)針針放置在時(shí)鐘中心，調(diào)整其旋轉(zhuǎn)中心點(diǎn)到時(shí)鐘中心，在第31,61,91,121,151,181,211,241,271,301,331幀處依次添加關(guān)鍵幀〔F6〕，每一幀處將時(shí)針旋轉(zhuǎn)30度。Ctrl+Enter演示動(dòng)畫效果五、動(dòng)作補(bǔ)間動(dòng)畫在一個(gè)時(shí)間點(diǎn)〔幀〕定義一個(gè)實(shí)例位置、大小、旋轉(zhuǎn)、顏色、透亮度等屬性，然后在另一個(gè)時(shí)間點(diǎn)〔幀〕轉(zhuǎn)變這些屬性，制作補(bǔ)間可以自動(dòng)生成中間過渡變化的補(bǔ)間幀。應(yīng)用動(dòng)作補(bǔ)間動(dòng)畫的對象必需是元件的實(shí)例，離散的圖形對象不能應(yīng)用動(dòng)作補(bǔ)間。實(shí)例——漸隱漸現(xiàn)的動(dòng)畫效果步驟：新建flash文檔新建圖形元件flash，輸入字符“FLASH”，字體ArialBlack，字號30；將字符完全打散〔Ctrl+B)回到場景中，將元件拖入舞臺(tái)創(chuàng)立實(shí)例。在第30幀插入關(guān)鍵幀，將實(shí)例對象旋轉(zhuǎn)180度將第1~30幀都選中〔shift+鼠標(biāo)拖動(dòng)〕，創(chuàng)立補(bǔ)間動(dòng)畫〔右鍵菜單〕，觀看效果〔Ctrl+Enter〕選中第30幀，屬性面板中顏色選項(xiàng)中選擇Alpha調(diào)整到0%，重新觀看動(dòng)畫效果實(shí)例——?dú)堄靶Ч襟E：新建flash文檔，依據(jù)上一實(shí)例制作漸漸消逝文字效果添加三個(gè)圖層，刪除圖層2，3，4的全部幀，復(fù)制圖層1中的全部幀到這三個(gè)圖層中將層在時(shí)間軸上依次錯(cuò)開三幀添加圖層5，刪除圖層5的全部幀，復(fù)制圖層1中的第一幀到圖層5的第一幀Ctr+Enter觀看效果六、引導(dǎo)路徑動(dòng)畫通過添加引導(dǎo)層創(chuàng)立簡單曲線運(yùn)動(dòng)效果根本步驟：創(chuàng)立元件將元件實(shí)例化，制作直線運(yùn)動(dòng)補(bǔ)間動(dòng)畫為圖層添加引導(dǎo)層，在引導(dǎo)層中繪制曲線路徑在第一幀和最終一幀調(diào)整元件實(shí)例位置，將其中心點(diǎn)與引導(dǎo)路徑起點(diǎn)和終點(diǎn)對齊實(shí)例——蝴蝶飄舞步驟新建flash文檔導(dǎo)入素材圖片到庫中，并將其在舞臺(tái)實(shí)例化第30幀插入關(guān)鍵幀，調(diào)整蝴蝶位置，中間幀插入補(bǔ)間動(dòng)畫，勾選“調(diào)整到路徑”選中圖層1，右鍵菜單中點(diǎn)選“添加引導(dǎo)層”在引導(dǎo)層的第一幀中用鉛筆繪制曲線路徑在第一幀和最終一幀，將蝴蝶實(shí)例的中心點(diǎn)與引導(dǎo)路徑的起點(diǎn)和終點(diǎn)對齊Ctrl+Enter觀看效果實(shí)例——兩只蝴蝶步驟新建flash文檔導(dǎo)入素材圖片草坪到庫中在圖層1中拖入圖片草坪，調(diào)整圖片到與舞臺(tái)大小全都，并在第30幀插入一般幀依據(jù)前面的方法添加圖層2及其引導(dǎo)層，制作一只蝴蝶飄舞的效果類似地添加圖層3及其引導(dǎo)層，調(diào)整蝴蝶大小以及引導(dǎo)路徑，制作另外一只蝴蝶飄舞的效果Ctrl+Enter查看動(dòng)畫效果七、外形補(bǔ)間動(dòng)畫通過外形補(bǔ)間可以創(chuàng)立外形變化的效果，使一個(gè)外形隨著時(shí)間變化成另外一個(gè)外形。補(bǔ)間外形也可以依據(jù)外形、位置、大小、顏色的不同制作出補(bǔ)間動(dòng)畫的效果。留意，應(yīng)用{動(dòng)作補(bǔ)間}的對象肯定是{元件的實(shí)例}，而應(yīng)用{外形補(bǔ)間}的對象肯定是{離散狀態(tài)的圖形}。要對組、實(shí)例或位圖圖像應(yīng)用外形補(bǔ)間，必需首先將這些對象分別；要對文本應(yīng)用外形補(bǔ)間，則必需先將文本分別。實(shí)例——顯示軟件裝載進(jìn)程條步驟：新建flash文檔，更改舞臺(tái)尺寸為500x200，背景為灰色繪制安裝畫面，用矩形工具繪制方框，并在方框上方書寫“正在安裝，請稍候……”。選中第40幀，添加一般幀新建圖層2，在第1幀用矩形工具繪制藍(lán)色小方框，留意刪除筆觸，僅留下藍(lán)色填充區(qū)域在圖層2的第40幀添加關(guān)鍵幀，利用任意變形工具將藍(lán)色小方框拖拉到與圖層1的方框一樣長，并用藍(lán)色到淺藍(lán)的漸變色填充，留意用填充變形工具調(diào)整漸變色選擇圖層2的第一幀，屬性面板中創(chuàng)立補(bǔ)間外形動(dòng)畫Ctrl+Enter觀看效果實(shí)例——使用外形提示步驟：新建flash文檔在第1幀輸入字符I，字體為ArialBlack，字號為140在第40幀插入關(guān)鍵幀，輸入字符Z將第1幀和第40幀中的字符分別，并插入補(bǔ)間外形，查看動(dòng)畫效果選中第1幀，選擇“修改->外形->添加外形提示”，此時(shí)flash自動(dòng)生成一個(gè)掌握點(diǎn)a，同樣方法生成掌握點(diǎn)b。分別將第1幀和第40幀的兩個(gè)掌握點(diǎn)拖到字符的左上和右下角預(yù)覽動(dòng)畫效果八、遮罩動(dòng)畫遮罩動(dòng)畫是使用遮罩層產(chǎn)生的遮罩效果而實(shí)現(xiàn)的動(dòng)畫。遮罩層是一種特殊的圖層，透過遮罩層上的遮罩對象可以看到它下面的各層對象。在遮罩層中，任何填充區(qū)域都是完全透亮的，而任何非填充區(qū)域都是不透亮的。遮罩層上的遮罩對象可以是填充的外形、文字對象、圖形元件的實(shí)例或影片剪輯；可以是靜態(tài)對象也可以是動(dòng)態(tài)對象，這將對遮罩效果產(chǎn)生直接影響。實(shí)例——簡潔遮罩效果步驟：新建flash文檔創(chuàng)立圖形元件word，輸入字符“遮罩動(dòng)畫效果演示”，黑體，黑色，70號創(chuàng)立圖形元件ball，繪制直徑160個(gè)像素的正圓，并用彩虹漸變色填充圖層1中，將元件word實(shí)例化，添加圖層2，將元件ball實(shí)例化就翻開對齊面板〔Ctr+K〕，將兩個(gè)實(shí)例都全選上，并相對于舞臺(tái)居中對齊〔選擇“水平中齊”〕選中圖層2，右鍵菜單中選擇遮罩層，將其變成遮罩層，觀看效果取消圖層2的遮罩層屬性，將其拖移到圖層1下方，將圖層1設(shè)為遮罩層，觀看效果在圖層2的第30幀插入關(guān)鍵幀，將圖層1也連續(xù)到第30幀解鎖圖層2并調(diào)整圖層2中第1幀和30幀中ball實(shí)例的位置，創(chuàng)立補(bǔ)間動(dòng)畫，重新鎖定圖層2后預(yù)覽動(dòng)畫效果實(shí)例——卷軸畫步驟：新建flash文檔導(dǎo)入圖片“背景”和“張大千”到庫中圖層1中，將背景圖片拖入舞臺(tái)，調(diào)整大小與舞臺(tái)一樣并打散，輸入文字“張大千作品賞析”；矩形工具拖出一個(gè)黑色矩形，作為畫的展現(xiàn)背景創(chuàng)立圖形元件“卷軸”，編輯窗口中利用漸變填充制作立體卷軸元件圖層1中的第一幀，創(chuàng)立卷軸的一個(gè)實(shí)例放在黑色矩形上方，將圖層1的第80幀插入幀添加圖層2，將圖片“張大千”拖入舞臺(tái)，調(diào)整大小放在黑色矩形框中間添加圖層3，在第一幀用矩形工具繪制藍(lán)色小長方形，寬度比畫作寬度略寬，放在卷軸緊下方，第80幀插入關(guān)鍵幀，用任意變形工具調(diào)整藍(lán)色長方形高度與畫作高度等同。插入補(bǔ)間外形動(dòng)畫。將圖層3設(shè)為遮罩層添加圖層4，創(chuàng)立另一個(gè)卷軸實(shí)例，放在第一個(gè)卷軸下方。第80幀創(chuàng)立關(guān)鍵幀，調(diào)整卷軸位置到畫作下方，插入補(bǔ)間動(dòng)作動(dòng)畫。預(yù)覽動(dòng)畫效果九、根本動(dòng)畫試驗(yàn)——水波漣漪一、試驗(yàn)?zāi)康陌盐赵膭?chuàng)立，圖層與幀的復(fù)制、粘貼等操作。綜合使用運(yùn)動(dòng)補(bǔ)間和外形補(bǔ)間動(dòng)畫。二、試驗(yàn)內(nèi)容制作水滴下落、水波波浪擴(kuò)大和濺出水珠的動(dòng)畫效果。在根本圖形繪制的根底上，通過轉(zhuǎn)變填充色和設(shè)置Alpha值，制作水滴、波浪和水珠的顏色效果；通過使用運(yùn)動(dòng)補(bǔ)間和外形補(bǔ)間動(dòng)畫來完成水滴下落和波浪蕩漾的效果。三、試驗(yàn)素材〔無〕四、試驗(yàn)步驟步驟：利用補(bǔ)間外形動(dòng)畫創(chuàng)立波浪擴(kuò)展的元件創(chuàng)立水滴元件場景中圖層1第1幀拖入水滴元件，放在舞臺(tái)上方中間，第7幀插入關(guān)鍵幀，將水滴實(shí)例垂直拖到舞臺(tái)中下方，插補(bǔ)動(dòng)作補(bǔ)間新建圖層2，圖