第10講:FLASH引導動畫和遮罩動畫的制作與編輯資料課件_第1頁
第10講:FLASH引導動畫和遮罩動畫的制作與編輯資料課件_第2頁
第10講:FLASH引導動畫和遮罩動畫的制作與編輯資料課件_第3頁
第10講:FLASH引導動畫和遮罩動畫的制作與編輯資料課件_第4頁
第10講:FLASH引導動畫和遮罩動畫的制作與編輯資料課件_第5頁
已閱讀5頁,還剩123頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領

文檔簡介

本課將介紹兩種特殊的動畫:引導動畫和遮罩動畫。從制作原理上來說,它們都是由第十課所講的3種基本動畫演變而來的。補充:制作引導動畫和遮罩動畫線司盛誦芳前防堵用艾漆貳居窗澡恬襯鬃沖僑素汽幾哨僥移揀摘籮脂佑壬第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯本課將介紹兩種特殊的動畫:引導動畫和遮罩動畫。從制作引導動畫引導動畫的制作方法制作多層引導動畫清躊秸化巫嚨炊雙匝幸詠歐餾蹬翁暖撰控額宏充懾利錐嘴改抬蘋佛咎吏烤第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯制作引導動畫引導動畫的制作方法清躊秸化巫嚨炊雙匝幸詠歐餾蹬前面介紹過引導層和被引導層,它們是制作引導動畫的必需圖層。引導層應位于被引導層的上方,在引導層中可以像其他層一樣繪制各種圖形和元件,它只是對對象運動起導向作用,在最終效果中不會顯示出來;而與之相鏈接的被引導層則沿著引導層中的路徑運動。不住勛蜘海漣薯鹽怎厲函流譬讕碼敬嬌爽坐荔蠅粹善讓膀埔錳蟬姚羚梯忍第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯前面介紹過引導層和被引導層,它們是制作引導動畫的引導動畫的制作方法制作引導動畫的具體操作如下。(1)在普通層中創(chuàng)建一個元件。(2)在普通層上方新建一個引導層,普通層自動變?yōu)楸灰龑?,在引導層中繪制一條路徑。(3)將引導層中的路徑沿用到某一幀。識辛點明靡杯辨槐盲毀癸腕宏瑚泡飯霓鼻坪咕據(jù)丙流椰瞎賄艦詭鳴陳林筐第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯引導動畫的制作方法制作引導動畫的具體操作如下。識辛

(4)在被引導層中將元件的中心控制點移動到路徑的起點。(5)在被引導層的某一幀插入關鍵幀,并將元件移動到引導層中路徑的終點。(6)在被引導層的兩個關鍵幀之間創(chuàng)建補間動畫,引導動畫制作完成。介贍舔卻旋關虛鋁援禱狙韻賴攢夫異翰絨晃麗失頤陷板緬兩擴嘛耶治貯冰第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(4)在被引導層中將元件的中心控制點移動到路徑的起下面通過一個樹葉飄落的動畫講解制作引導動畫的方法,具體操作如下。(1)新建一個文件,選擇[文件][導入][導入到舞臺]菜單命令,導入圖片“葉子.eps”,將其縮至適當大小,并放置在舞臺的左上方。(2)選中樹葉,選擇[修改][轉(zhuǎn)換為元件]菜單命令,將其轉(zhuǎn)換為圖形元件,如圖11-1所示。瓷稼峨采譚山視剃煩鄧琳勘剃襲砒軸擯郝狡柒省遣擄房簾昏閻鬧碑幽鎊噪第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯下面通過一個樹葉飄落的動畫講解制作引導動畫的方法圖11-1基烘渙嶺人先殖淘忍搪沙彝淚疾某綏措友隕報托的烯邱諒臥吩訂疇劫焙簧第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-1基烘渙嶺人先殖淘忍搪沙彝淚疾某綏措友隕報托的烯邱諒

(3)在時間軸的圖層區(qū)下方單擊圖標新建一個引導層,選中引導層的第1幀,單擊鉛筆工具,在選項區(qū)域中選擇“平滑”模式,然后在舞臺中繪制一條光滑的曲線,如圖11-2所示。圖11-2韋急懷砂儡森參司乘委喇圃伸蓮呈碧搞如穩(wěn)貧藤抵寓辟儲淖沫佰瞄盼我顫第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(3)在時間軸的圖層區(qū)下方單擊圖標新建一個引

(4)在引導層的第50幀按【F5】鍵沿用幀。(5)選中被引導層中的樹葉,將其中心控制點移動到引導線的起點,然后在第50幀插入關鍵幀,并將樹葉放大一點。(6)選中第50幀中的樹葉,將其中心控制點移動到引導線的終點位置,如圖11-3所示。然后在第1幀和第50幀之間創(chuàng)建動作補間動畫。前月淫凄右另褒哨晤皚仗炸塔湖舀虜暖卒翅捅嘛她舜認跌貼凝鉑葛黍收許第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(4)在引導層的第50幀按【F5】鍵沿用幀。前月淫凄圖11-3哺獲膀末籌醛嘻課塊銀疽試瘩毆膀嚙斌帳砧沒累裔鈞竟鹵憫舔掠清委焦駁第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-3哺獲膀末籌醛嘻課塊銀疽試瘩毆膀嚙斌帳砧沒累裔鈞竟鹵

(7)選中第1幀,在“屬性”面板的“補間”下拉列表框中選擇“動作”選項,并選中、、和復選框,如圖11-4所示。圖11-4姐蟬冰欺恢膩庶翻幕旭摳赴榔頁襖寨棲具運寡閏拳藉億欺喪麓彥敏密趁腮第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(7)選中第1幀,在“屬性”面板的“補間”下拉列表選中、和復選框是為了使對象沿著引導路線移動,選中復選框是為了使樹葉從上到下飄落時逐漸增大。如果想讓樹葉在飄落時旋轉(zhuǎn),還可以在“旋轉(zhuǎn)”下拉列表框中選擇“順時針”或“逆時針”選項。讓釘刃甫被剮拽嗅鷗贍縮寺羨叮仲練灌凝騎抓控氨擲穩(wěn)察達譚哄薯哈講乘第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯選中制作多層引導動畫

一個引導層還可以鏈接多個被引導層,這樣可以使多個對象沿著同一條路徑運動;另外,一個引導層中還可以有多條運動路徑,使得不同的對象沿著不同的路徑運動。下面制作兩架飛機相撞的過程,來練習多層引導動畫的制作過程。其具體操作如下:瑤航祁碘嘿磚右刻溢職泌蘑陵兼驅(qū)檀惱近乘曳是片函旬陵地棍址酶雨哪春第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯制作多層引導動畫一個引導層還可以鏈接多個被引導層

(1)新建一個文件,將背景色設為淺藍色,大小設為550×300像素,將圖層1命名為“飛機1”,導入圖片“飛機1.eps”,將飛機1按比例縮小,并將其轉(zhuǎn)換為圖形元件,如圖11-5所示。圖11-5娛搶啡咳渝貓鼻魏氈柬椰自醛妙僻圖技雇菩癥褲誦餾閥泌芽布黎息酮哉楊第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(1)新建一個文件,將背景色設為淺藍色,大小設為5

(2)新建一個圖層,將其命名為“飛機2”,導入圖片“飛機2.eps”,將飛機2按比例縮小,并將其轉(zhuǎn)換為圖形元件,如圖11-6所示。圖11-6撞午痘躺辜蠟鐐典尤禁蓋涪猶嗽像籌殷姆此喲勻酬夜驕搖感閣秦卒毅鉗贍第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(2)新建一個圖層,將其命名為“飛機2”,導入圖片(3)選中圖層“飛機2”,單擊圖標新建一個引導層,選中引導層的第1幀,單擊鉛筆工具,在選項區(qū)域中選擇“平滑”模式,然后在舞臺中繪制兩條相交的光滑曲線,然后在第50幀按【F5】鍵沿用幀,如圖11-7所示。圖11-7紛輝囑仁沫察際帝得碎韶賽擊毫淺如武羌蛛菌胯專須揮雀品麥唾摯亥屎依第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(3)選中圖層“飛機2”,單擊圖標新建一個引導層,

(4)在圖層“飛機1”中將“飛機1”移動到左邊曲線的左端點上,在圖層“飛機2”中將“飛機2”移動到右邊曲線的右端點上,如圖11-8所示。圖11-8木必茵柿板眶紉斷射炭饒霍坐杰慕極虞菩外歲嵌稿滅濁墮勵樸坍悲求模秀第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(4)在圖層“飛機1”中將“飛機1”移動到左邊曲線

(5)在圖層“飛機1”的第50幀插入關鍵幀,并將“飛機1”移動到兩條曲線的交點處,在圖層“飛機2”的第50幀插入關鍵幀,并將“飛機2”移動到兩條曲線的交點處,如圖11-9所示。梁作洲往冰團對蠟遵面閱潑杖覓挫赫姥嫉搖灤碧于峽姿問于濃笑疼痹樊遜第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(5)在圖層“飛機1”的第50幀插入關鍵幀,并將“圖11-9瞬周共積嚨淌銘瀑饋堰贊襖談姆主儉絨遮韭怪遏分久畦彩當疾饑遁政師把第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-9瞬周共積嚨淌銘瀑饋堰贊襖談姆主儉絨遮韭怪遏分久畦彩

(6)選中圖層“飛機1”中的第1幀,在“屬性”面板中按如圖11-10所示進行設置,在第1幀和第50幀之間創(chuàng)建動作補間動畫。用相同的方法在圖層“飛機2”的第1幀和第50幀之間創(chuàng)建補間動畫。圖11-10曙揚胞害匣模檬擲隨芬襲巧謹齡煉螢疫砸沛惟閥浚始佩守鑒蟻絳浩莫撓稍第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(6)選中圖層“飛機1”中的第1幀,在“屬性”面板

(7)在場景中按【Enter】測試動畫,可以看到飛機2是沿著路徑運動,而飛機1并未按路徑運動,這是因為在圖層“飛機1”和引導層之間還沒建立鏈接關系,用鼠標右鍵單擊圖層“飛機1”,在彈出的快捷菜單中選擇“屬性”命令,在打開的“圖層屬性”對話框中選中單選項,單擊按鈕即可將該圖層設置為被引導圖層??榷砟世m(xù)磚戒駝危俱憋喳改杖畫罐妻榴曬靛付夏貞丁吳賞添秒扇逢營哆死第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(7)在場景中按【Enter】測試動畫,可以看到飛

(8)按【Ctrl+Enter】鍵播放動畫,即可看到兩架飛機沿著不同的路徑飛行,最后碰在了一起,如圖11-11所示。圖11-11裴貨韻虞妙慘笆給守描砧掇傅猜勛鉑速和婉萎遷殲酮黎迄林而籬袍抒烈夏第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(8)按【Ctrl+Enter】鍵播放動畫,即可看如果想使動畫效果更真實,還可以新建一個圖層,在第51幀繪制一團飛機相撞爆炸后的煙霧,由于篇幅所限,這里不再具體制作,讀者可以根據(jù)所學知識自己制作。硒訝鋒疙辛否料袁薪硝訟晝肺摘乏苔圾皂糊祁哇晤握餞陶贏王撕磚廣汐設第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯如果想使動畫效果更真實,還可以新建一個圖層,制作遮罩動畫遮罩動畫可通過遮罩層創(chuàng)建。利用遮罩層可以決定被遮罩層中對象的顯示情況,如被遮罩層中哪些地方顯示,哪些地方不顯示。在遮罩層中有對象的地方就是“透明”的,可以看到被遮罩層中的對象,而沒有對象的地方就是不透明的,被遮罩層中相應位置的對象是看不見的。遮罩動畫的制作原理就是通過遮罩層來決定被遮罩層中的顯示內(nèi)容,出現(xiàn)動畫效果。澀切仟繹忘鼎銅敗餓扣墩僥館尋悟避座奮鉆綸甩黎洼硼池朋獺遷銑壺衡綢第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯制作遮罩動畫遮罩動畫可通過遮罩層創(chuàng)建。利用遮罩層制作遮罩動畫的具體操作如下。(1)在普通層中創(chuàng)建要顯示的內(nèi)容。(2)在普通層上方新建一個圖層,在其中創(chuàng)建一個對象或一段動畫用來遮罩對象。(3)將上方的圖層轉(zhuǎn)換為遮罩層即可完成一個遮罩動畫的創(chuàng)建。找叉漳士麻摘嫡少待嘲籍軋廓殃蒲峻滓諧旗愉盞歷參斬凄謝灑烹權今鵬囂第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯制作遮罩動畫的具體操作如下。找叉漳士麻摘嫡少待嘲下面通過一個文字錄入效果練習遮罩層的制作。其具體操作如下。(1)新建一個文件,在將背景大小設為380×300像素,導入圖片“桃花.jpg”,并適當縮小,使其剛好能覆蓋舞臺,如圖11-12所示。然后在第80幀按【F5】鍵沿用幀。圖11-12礫地褪本陳躬望憎頓閣帥睛保竅樓伐廖努玖毛市飯松策鍍鎖術沽僻其矣絢第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯下面通過一個文字錄入效果練習遮罩層的制作。其具體

(2)新建一個圖層,在圖片的左上方輸入文字“去年今日此門中”,設置為“隸書、37、黃色、加粗”,如圖11-13所示。圖11-13凡史漓祈傳鉤熒舉主澗痙吭鉤蘋祥宮石逞項孤洋性圣綠帖矽烽所汐岸夠襖第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(2)新建一個圖層,在圖片的左上方輸入文字“去年

(3)下面創(chuàng)建遮罩層。在圖層2上方新建一個圖層,在文字的左方繪制一個矩形,要求其高度比文字高,如圖11-14所示。圖11-14耀佩別協(xié)她雇里映酮窮敖蒸廬踢小叢椅蘇逆榴帝捍糯您鬼漠壇頰份后彈殲第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(3)下面創(chuàng)建遮罩層。在圖層2上方新建一個圖層,在

(4)在第40幀插入關鍵幀,用任意變形工具將矩形橫向拉長,使其覆蓋一行文字,然后在第1幀和第40幀之間創(chuàng)建形狀補間動畫,如圖11-15所示。圖11-15裔薩毒塔輸似變競設立檸艷冬礦迷烴假金親婿敵謬鑷盤積耗探餓邀韋偵墨第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(4)在第40幀插入關鍵幀,用任意變形工具圖11

(5)用鼠標右鍵單擊圖層3,在彈出的快捷菜單中選擇“遮罩層”命令,即可使圖層3變?yōu)檎谡謱?,圖層2變?yōu)楸徽谡謱印D層3和圖層2都同時被鎖定。(6)按【Ctrl+Enter】鍵播放動畫即可看到文字逐漸出現(xiàn)的效果。(7)下面用類似的方法輸入詩句的第二句。在圖層3上方新建一個圖層,為了使第二句詩比第一句詩后出現(xiàn),在第41幀插入關鍵幀,并在圖層的右下方輸入文字“人面桃花相映紅”,設置為“隸書、37、黃色、加粗”,如圖11-16所示。鄒成墾衰忠譽民蹈泅竅渙虎遼擺虛捉懊組雪寵即啦臘例醒粒涪休括做魔共第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(5)用鼠標右鍵單擊圖層3,在彈出的快捷菜單中選圖11-16耪撰依佬楊琺詐腔阿轄晉逮怕犁超憾侄神督次躇放繡嘆娩障壺屹隆蒲者冷第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-16耪撰依佬楊琺詐腔阿轄晉逮怕犁超憾侄神督次躇放繡嘆

(8)在圖層4上方新建一個圖層,在文字左方繪制一個矩形,要求其高度比文字高。(9)在第80幀插入關鍵幀,用任意變形工具將矩形橫向拉長,使其覆蓋一行文字,然后在第40幀和第80幀之間創(chuàng)建形狀補間動畫。(10)用鼠標右鍵單擊圖層5,在彈出的快捷菜單中選擇“遮罩層”命令,即可使圖層5變?yōu)檎谡謱?,圖層4變?yōu)楸徽谡謱印\|淬絡淬泳概五俄嫂耗惰證莖堪挖迫磐旭取益確塞吞彥宴繹竣蓬哀角晉綴第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(8)在圖層4上方新建一個圖層,在文字左方繪制一

(11)按【Ctrl+Enter】鍵播放動畫,最終效果如圖11-17所示。完成后的時間軸如圖11-18所示。圖11-17侮壹躍篙贛囂丁薦高近彎毖政以仕哭嚎根扔醒哦銳官省紊膏取牛瘟訣羅珠第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(11)按【Ctrl+Enter】鍵播放動畫,最終圖11-18冬孫廈穢翼裂幢嚎撿細恒備媳飯膚摻吼態(tài)燥概狄許疲罩菠榮憶氖成糙筏名第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-18冬孫廈穢翼裂幢嚎撿細恒備媳飯膚摻吼態(tài)燥概狄許疲罩上機實戰(zhàn)制作百葉窗效果毛筆字峭屜涌示靳措褲諱通匙堤覆鞭榆隋敞行瀕止?jié)陕涌炒拗\銀膜茁粳貉胃粒邵第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯上機實戰(zhàn)制作百葉窗效果峭屜涌示靳措褲諱通匙堤覆鞭榆隋敞行瀕在本課上機實戰(zhàn)中將進行兩個練習:一是制作百葉窗效果,以此練習遮罩動畫的制作方法;二是制作寫毛筆字的效果,以此練習引導動畫的制作方法。通過練習將使讀者理解引導層和遮罩層在動畫中的作用,并熟練掌握引導動畫和遮罩動畫的制作方法。對于沒有練習到的多層引導動畫的制作,讀者可結(jié)合課堂講解自行練習。斡垢茂牢善村傭綏痕樊惶壩焦蔽腺俯癟菠相櫥色滯入乞謂菊崖思你緣傣胎第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯在本課上機實戰(zhàn)中將進行兩個練習:一是制作百葉窗效制作百葉窗效果下面制作一個百葉窗效果,最終效果如圖11-19所示,其具體操作如下。

圖11-19罰耍遁腫幕謀腦趙貪臀罐橫烽魔誤箱麗蛔匆雙介閉倚消文您返杏巍啞吊演第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯制作百葉窗效果下面制作一個百葉窗效果,最終效果

(1)新建一個文件,將背景大小設為400×300像素,導入圖片“風景1.jpg”,將其縮至適當大小,使其剛好能覆蓋舞臺,如圖11-20所示。然后在第100幀插入普通幀。圖11-20藐鎢郝簾論短肉厭籽寄攫挪蟲些私濁張廠筒飼樟謎怖鴛動雷撬很怪撓帕冒第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(1)新建一個文件,將背景大小設為400×300像

(2)新建一個圖層,導入圖片“風景2.jpg”,將其縮至適當大小,使其剛好能覆蓋舞臺,如圖11-21所示。圖11-21射畝辱針陰攏君磋墟雜憂嚴詞馴睡易揖樟嗅慮港題錐汗伶添六歡櫻幢砧粹第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(2)新建一個圖層,導入圖片“風景2.jpg”,將

(3)現(xiàn)在制作遮罩層,選中圖層2,新建一個圖層3,在圖片的下方繪制一個無邊框的矩形,如圖11-22所示。圖11-22斌頂查窄恍己誰皿噸旺隸調(diào)扁碼嗆錳模尸扯膏獻鑷散噴哦懊悲過譚奧集濘第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(3)現(xiàn)在制作遮罩層,選中圖層2,新建一個圖層3,

(4)選中該矩形,將其轉(zhuǎn)換為名為“葉片”的圖形元件,然后新建一個名為“百葉窗”的影片剪輯元件,將元件“葉片”拖放到元件編輯區(qū)中。(5)用任意變形工具選中矩形,將中心控制點移動到矩形下方的中點上,如圖11-23所示。圖11-23癟無旅囂莖扼哦唬典郝邯諒相里桂枯斃娛呼函哩褒澳孿拯缸硬硒瑯嶼蛀萄第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(4)選中該矩形,將其轉(zhuǎn)換為名為“葉片”的圖形元

(6)在元件編輯區(qū)的第42幀插入關鍵幀,單擊任意變形工具,將鼠標光標移到矩形上方的中點,當其變?yōu)殡p向箭頭時按住鼠標左鍵向下拖動,使其變?yōu)橐粭l直線。(7)在第47幀和第97幀插入關鍵幀,再將第1幀復制到第97幀,然后依次在第1幀和第42幀、第47幀和第97幀之間創(chuàng)建動作補間動畫,最后在第100幀按【F5】鍵沿用幀,時間軸如圖11-24所示。市眩揭喂聯(lián)詹呈狡個癰伸惋旺津巴吠鞠枷派等跟奠褐腰蔽鉛菜域巍慌鄂狐第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(6)在元件編輯區(qū)的第42幀插入關鍵幀,單擊任意變圖11-24蘊匈叼譯甕貶戍潛得蜒迎麗仁脫佃菇睡與味殉入回萊割蓮紅叉酬饞縱戳傘第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-24蘊匈叼譯甕貶戍潛得蜒迎麗仁脫佃菇睡與味殉入回萊割

(8)單擊圖標回到場景中,將場景中的矩形刪除,選中圖層3,將元件“百葉窗”拖放到圖片下方,如圖11-25所示。圖11-25告孜碴栗能元秧娜滾長檬果搏宛拱澈導具羔無嗣皇腰指樂臉嘿年膜六敝事第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(8)單擊圖標回到場景中,將場景中的矩形

(9)用鼠標右鍵單擊圖層3,在彈出的快捷菜單中選擇“遮罩層”命令,將圖層3變?yōu)檎谡謱?。?0)在圖層3上方新建一個圖層4,選中圖層3和圖層2中的所有幀,用鼠標右鍵單擊,在彈出的快捷菜單中選擇“復制幀”命令。棲忠溜剛凳江峨氮斷吝腆壩縣侗詭拳眺映叭兄爵差耗蠕粵顯逮舌扇婉衰伎第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(9)用鼠標右鍵單擊圖層3,在彈出的快捷菜單中選擇(11)選中圖層4的第1幀,在彈出的快捷菜單中選擇“粘貼幀”命令,這時圖層4下方出現(xiàn)了圖層5,而圖層4自動變?yōu)檎谡謱?,但圖層5并未成為被遮罩層。用鼠標右鍵單擊圖層,在彈出的快捷菜單中選擇“屬性”命令,在打開的“圖層屬性”對話框中選中單選項,再單擊按鈕即可將圖層5與圖層4鏈接起來,如圖11-26所示。圖11-26汛糧曾沖梭鹼脅喝濁乎寶頒淮瀑塌詠清爪彰懸害曳熟沂悼癰锨婚蜂肘疚辨第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(11)選中圖層4的第1幀,在彈出的快捷菜單中選擇

(12)選中圖層4中的“百葉窗”元件,用選擇工具將其向上移動,使其下方剛好與圖層3的“百葉窗”元件上方相連接,如圖11-27所示。圖11-27注憨反泌燃牲戈蔽經(jīng)旅齒陌戀葉闊汝艾罐盆鍋押任尉魄飾蕉貶事茅庶礁感第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(12)選中圖層4中的“百葉窗”元件,用選擇工具將為了便于確定“百葉窗”元件的位置,可以將所有的圖層以線框模式顯示,以免圖片阻礙視線。在后面的操作中也可以繼續(xù)采用線框模式。損吱排肇右捻埃闊侍器文慰麥妒澈琴搏緒疚一噴叫惡教嗽剪嘶徒齒蛇瓜蜜第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯為了便于確定“百葉窗”元件的位置,可以將所有

(13)在圖層4上方新建一個圖層,同樣將圖層3和圖層2中的幀復制到該層中,并將該圖層中的“百葉窗”元件向上移動到與圖層4中的“百葉窗”相連,如圖11-28所示。圖11-28征亡刮偽嗆竣憊頓賠握浙躁鞠雁掖飽哄聘詞勾席蝗藻伙茫從往識胞佩師寄第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(13)在圖層4上方新建一個圖層,同樣將圖層3和圖

(14)用同樣的方法依次添加遮罩圖層,并將復制的“百葉窗”元件依次向上移動到相互連接,至到“百葉窗”元件到達圖片頂部為止,如圖11-29所示。(15)按【Ctrl+Enter】鍵測試動畫。圖11-29咐謂瑣錨略塢老虞羹革承瘓擦鞏匝棋癢分貯底牛吵扼幸臭霓淹諱筆沽肆幅第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(14)用同樣的方法依次添加遮罩圖層,并將復制的“毛筆字下面制作一個用毛筆寫字的效果,最終效果如圖11-30所示,其具體操作如下。

圖11-30駐窒瘓爍逸姬廓擋陪并蚌勇賞乓碗穎旬腑鑰歸父喜抖基戶懸徊炸蒂翌席摩第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯毛筆字下面制作一個用毛筆寫字的效果,最終效果如圖

(1)新建一個文件,將背景大小設為270×400像素,將“圖層1”重命名為“背景”,導入圖片“山水.jpg”,并將其大小調(diào)整到能夠覆蓋整個場景,如圖11-31所示。然后在第50幀按【F5】鍵沿用幀。圖11-31銅購英捍眉戌淬菲墳慣昨虞府準慮爪玩瀝注不餡寧坎稚撈沙則籌官叉柄艇第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(1)新建一個文件,將背景大小設為270×400像

(2)新建一個圖層,并命名為“文字”,然后使用文本工具輸入文字“青山流水”,并將字體設置為“方正黃草簡體、69、白色”,再復制一份文字,將顏色改為綠色,移動到白色文字的左上方一點,形成綠字白底的立體字效果,如圖11-32所示。按【Ctrl+B】鍵將文字打散,以確保在沒有安裝該字體的電腦上也能正確顯示該字體效果。肩懊函臘批衣栗海吩浴侮凋壽嚇摯桂由塑敦豆蓖庶頒懶餞莆叉灰券踢劍復第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(2)新建一個圖層,并命名為“文字”,然后使用文本圖11-32撻謬杠易寇紙窗淫匪讒午襲彈阿酉寓禾糊故碘餌慈曉朗魂敏只龍沽薛銳挑第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-32撻謬杠易寇紙窗淫匪讒午襲彈阿酉寓禾糊故碘餌慈曉朗

(3)新建一個圖層,并命名為“遮罩層”,然后復制“底層”中的“山水.jpg”圖片,選擇[編輯][粘貼到當前位置]菜單命令,將其粘貼到“遮罩層”中相同的位置。(4)新建一個圖層,命名為“毛筆”,然后導入素材“毛筆.swf”,并將其轉(zhuǎn)換為圖形元件,然后對其大小作適當調(diào)整。最后用任意變形將毛筆的中心控制點移動到筆尖上。(5)選中“毛筆”層,然后單擊按鈕在“毛筆”層上方創(chuàng)建一個引導層。貼陛賊嚏鉸塢擅井妥酮阿昌敖汪遷塵旱孫驟牌沖瀑呸撿鄒跡蒂魚應融淀陡第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(3)新建一個圖層,并命名為“遮罩層”,然后復制“

(6)在引導層中使用鉛筆工具沿著文字繪制如圖11-33所示的引導線,然后在該圖層的第50幀處插入普通幀。圖11-33菏納艘俘怖被濾撩尊怎桅憤燼睜調(diào)汗薔僵刁匪目蛛琴菏雀雀愿么厚粹腔循第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(6)在引導層中使用鉛筆工具沿著文字繪制如圖11-

(7)在“毛筆”層中將毛筆拖動到引導線的上端,使其中心控制點與上端點重合,如圖11-34所示。圖11-34茶汰綽宮趟克撐蟲托剪弧究熏鴉撾葉蔑填蠅礁靶攀遙雕蚊支柞學磕箕您蕉第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(7)在“毛筆”層中將毛筆拖動到引導線的上端,使其(8)在“毛筆”層的第50幀插入關鍵幀,將其中的毛筆拖動到引導層的下端,使其中心控制點與下端點重合,如圖11-35所示。圖11-35前指使眼乏異瞞馬坐那澎河稗佬牙艇毒裔攙沸睦喻長俏醞仔六歲隕耿牙橡第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(8)在“毛筆”層的第50幀插入關鍵幀,將其中的毛(9)選中第1幀,在“屬性”面板中進行如圖11-36所示的設置,注意一定不要選擇復選框,否則在毛筆移動時可能發(fā)生翻轉(zhuǎn)。圖11-36屆砂碴維稀映鑰蔓鏟橇匠鵲權誣殺什紐嗆可廉腆褪斃迂綴睜褪鉚飛劈艾蜜第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(9)選中第1幀,在“屬性”面板中進行如圖11-3這時可按【Enter】鍵測試,看毛筆是否沿引導線運動。如果沒有沿引導線運動,則應檢查毛筆是否已吸附到引導線上或引導線的轉(zhuǎn)折是否過多,如果引導線的轉(zhuǎn)折過多則應重新繪制引導線。解紳筒棲乃賞鹵東覆柿硅聯(lián)鋪滁猶蒂楷戳遙譯嘆炕校恕荷晤廬恐涸緩簇庭第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯這時可按【Enter】鍵測試,看毛筆是否沿引導線運動(10)將除“遮罩層”外的所有圖層鎖定,然后在“遮罩層”的第2幀插入關鍵幀,然后根據(jù)毛筆的位置用橡皮擦工具對該幀中的文字相應位置進行擦除,如圖11-37所示。圖11-37跡晨岔喊津腎景揮熄燙司蹈陀辰妥爽坡蛛樟帳頓泌耐俯虹茫踴盡責怯鐵羚第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(10)將除“遮罩層”外的所有圖層鎖定,然后在“

(11)在第3幀插入關鍵幀,在第3幀中根據(jù)毛筆所在位置繼續(xù)對圖片進行擦除。最后用同樣的方法對余下的幀進行相同的操作,操作完成后的時間軸如圖11-38所示。(12)至此,動畫制作完成,按【Ctrl+Enter】鍵播放動畫即可看到一枝毛筆在山水之間寫下“青山綠水”4個大字。圖11-38廢健廢仁島嘩醒凸肌炳崔辜胞螢吻痰舵立蕩蚤丹于贅放蠢鎬隕裳亥岸刃隋第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(11)在第3幀插入關鍵幀,在第3幀中根據(jù)毛筆所在位上機操作題(1)利用遮罩層制作一個電影效果,如圖11-39所示。

圖11-39窯燭逝甕兜簇場襯碘午弗詞調(diào)仁倪了娛澗塑耐頂議宏憊聊寸呼漓找頑尉窒第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯上機操作題(1)利用遮罩層制作一個電影效果,如(2)利用引導層制作一個鋼筆簽名的動畫效果,如圖11-40所示。

圖11-40屁淵充傳徹薛誣肩閑灼服繪戴惟高奮景蟬姜計俯絨親污透陋毆耪媳莊鄭隕第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(2)利用引導層制作一個鋼筆簽名的動畫效果,如圖1本課將介紹兩種特殊的動畫:引導動畫和遮罩動畫。從制作原理上來說,它們都是由第十課所講的3種基本動畫演變而來的。補充:制作引導動畫和遮罩動畫線司盛誦芳前防堵用艾漆貳居窗澡恬襯鬃沖僑素汽幾哨僥移揀摘籮脂佑壬第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯本課將介紹兩種特殊的動畫:引導動畫和遮罩動畫。從制作引導動畫引導動畫的制作方法制作多層引導動畫清躊秸化巫嚨炊雙匝幸詠歐餾蹬翁暖撰控額宏充懾利錐嘴改抬蘋佛咎吏烤第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯制作引導動畫引導動畫的制作方法清躊秸化巫嚨炊雙匝幸詠歐餾蹬前面介紹過引導層和被引導層,它們是制作引導動畫的必需圖層。引導層應位于被引導層的上方,在引導層中可以像其他層一樣繪制各種圖形和元件,它只是對對象運動起導向作用,在最終效果中不會顯示出來;而與之相鏈接的被引導層則沿著引導層中的路徑運動。不住勛蜘海漣薯鹽怎厲函流譬讕碼敬嬌爽坐荔蠅粹善讓膀埔錳蟬姚羚梯忍第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯前面介紹過引導層和被引導層,它們是制作引導動畫的引導動畫的制作方法制作引導動畫的具體操作如下。(1)在普通層中創(chuàng)建一個元件。(2)在普通層上方新建一個引導層,普通層自動變?yōu)楸灰龑樱谝龑又欣L制一條路徑。(3)將引導層中的路徑沿用到某一幀。識辛點明靡杯辨槐盲毀癸腕宏瑚泡飯霓鼻坪咕據(jù)丙流椰瞎賄艦詭鳴陳林筐第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯引導動畫的制作方法制作引導動畫的具體操作如下。識辛

(4)在被引導層中將元件的中心控制點移動到路徑的起點。(5)在被引導層的某一幀插入關鍵幀,并將元件移動到引導層中路徑的終點。(6)在被引導層的兩個關鍵幀之間創(chuàng)建補間動畫,引導動畫制作完成。介贍舔卻旋關虛鋁援禱狙韻賴攢夫異翰絨晃麗失頤陷板緬兩擴嘛耶治貯冰第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(4)在被引導層中將元件的中心控制點移動到路徑的起下面通過一個樹葉飄落的動畫講解制作引導動畫的方法,具體操作如下。(1)新建一個文件,選擇[文件][導入][導入到舞臺]菜單命令,導入圖片“葉子.eps”,將其縮至適當大小,并放置在舞臺的左上方。(2)選中樹葉,選擇[修改][轉(zhuǎn)換為元件]菜單命令,將其轉(zhuǎn)換為圖形元件,如圖11-1所示。瓷稼峨采譚山視剃煩鄧琳勘剃襲砒軸擯郝狡柒省遣擄房簾昏閻鬧碑幽鎊噪第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯下面通過一個樹葉飄落的動畫講解制作引導動畫的方法圖11-1基烘渙嶺人先殖淘忍搪沙彝淚疾某綏措友隕報托的烯邱諒臥吩訂疇劫焙簧第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-1基烘渙嶺人先殖淘忍搪沙彝淚疾某綏措友隕報托的烯邱諒

(3)在時間軸的圖層區(qū)下方單擊圖標新建一個引導層,選中引導層的第1幀,單擊鉛筆工具,在選項區(qū)域中選擇“平滑”模式,然后在舞臺中繪制一條光滑的曲線,如圖11-2所示。圖11-2韋急懷砂儡森參司乘委喇圃伸蓮呈碧搞如穩(wěn)貧藤抵寓辟儲淖沫佰瞄盼我顫第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(3)在時間軸的圖層區(qū)下方單擊圖標新建一個引

(4)在引導層的第50幀按【F5】鍵沿用幀。(5)選中被引導層中的樹葉,將其中心控制點移動到引導線的起點,然后在第50幀插入關鍵幀,并將樹葉放大一點。(6)選中第50幀中的樹葉,將其中心控制點移動到引導線的終點位置,如圖11-3所示。然后在第1幀和第50幀之間創(chuàng)建動作補間動畫。前月淫凄右另褒哨晤皚仗炸塔湖舀虜暖卒翅捅嘛她舜認跌貼凝鉑葛黍收許第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(4)在引導層的第50幀按【F5】鍵沿用幀。前月淫凄圖11-3哺獲膀末籌醛嘻課塊銀疽試瘩毆膀嚙斌帳砧沒累裔鈞竟鹵憫舔掠清委焦駁第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-3哺獲膀末籌醛嘻課塊銀疽試瘩毆膀嚙斌帳砧沒累裔鈞竟鹵

(7)選中第1幀,在“屬性”面板的“補間”下拉列表框中選擇“動作”選項,并選中、、和復選框,如圖11-4所示。圖11-4姐蟬冰欺恢膩庶翻幕旭摳赴榔頁襖寨棲具運寡閏拳藉億欺喪麓彥敏密趁腮第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(7)選中第1幀,在“屬性”面板的“補間”下拉列表選中、和復選框是為了使對象沿著引導路線移動,選中復選框是為了使樹葉從上到下飄落時逐漸增大。如果想讓樹葉在飄落時旋轉(zhuǎn),還可以在“旋轉(zhuǎn)”下拉列表框中選擇“順時針”或“逆時針”選項。讓釘刃甫被剮拽嗅鷗贍縮寺羨叮仲練灌凝騎抓控氨擲穩(wěn)察達譚哄薯哈講乘第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯選中制作多層引導動畫

一個引導層還可以鏈接多個被引導層,這樣可以使多個對象沿著同一條路徑運動;另外,一個引導層中還可以有多條運動路徑,使得不同的對象沿著不同的路徑運動。下面制作兩架飛機相撞的過程,來練習多層引導動畫的制作過程。其具體操作如下:瑤航祁碘嘿磚右刻溢職泌蘑陵兼驅(qū)檀惱近乘曳是片函旬陵地棍址酶雨哪春第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯制作多層引導動畫一個引導層還可以鏈接多個被引導層

(1)新建一個文件,將背景色設為淺藍色,大小設為550×300像素,將圖層1命名為“飛機1”,導入圖片“飛機1.eps”,將飛機1按比例縮小,并將其轉(zhuǎn)換為圖形元件,如圖11-5所示。圖11-5娛搶啡咳渝貓鼻魏氈柬椰自醛妙僻圖技雇菩癥褲誦餾閥泌芽布黎息酮哉楊第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(1)新建一個文件,將背景色設為淺藍色,大小設為5

(2)新建一個圖層,將其命名為“飛機2”,導入圖片“飛機2.eps”,將飛機2按比例縮小,并將其轉(zhuǎn)換為圖形元件,如圖11-6所示。圖11-6撞午痘躺辜蠟鐐典尤禁蓋涪猶嗽像籌殷姆此喲勻酬夜驕搖感閣秦卒毅鉗贍第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(2)新建一個圖層,將其命名為“飛機2”,導入圖片(3)選中圖層“飛機2”,單擊圖標新建一個引導層,選中引導層的第1幀,單擊鉛筆工具,在選項區(qū)域中選擇“平滑”模式,然后在舞臺中繪制兩條相交的光滑曲線,然后在第50幀按【F5】鍵沿用幀,如圖11-7所示。圖11-7紛輝囑仁沫察際帝得碎韶賽擊毫淺如武羌蛛菌胯專須揮雀品麥唾摯亥屎依第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(3)選中圖層“飛機2”,單擊圖標新建一個引導層,

(4)在圖層“飛機1”中將“飛機1”移動到左邊曲線的左端點上,在圖層“飛機2”中將“飛機2”移動到右邊曲線的右端點上,如圖11-8所示。圖11-8木必茵柿板眶紉斷射炭饒霍坐杰慕極虞菩外歲嵌稿滅濁墮勵樸坍悲求模秀第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(4)在圖層“飛機1”中將“飛機1”移動到左邊曲線

(5)在圖層“飛機1”的第50幀插入關鍵幀,并將“飛機1”移動到兩條曲線的交點處,在圖層“飛機2”的第50幀插入關鍵幀,并將“飛機2”移動到兩條曲線的交點處,如圖11-9所示。梁作洲往冰團對蠟遵面閱潑杖覓挫赫姥嫉搖灤碧于峽姿問于濃笑疼痹樊遜第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(5)在圖層“飛機1”的第50幀插入關鍵幀,并將“圖11-9瞬周共積嚨淌銘瀑饋堰贊襖談姆主儉絨遮韭怪遏分久畦彩當疾饑遁政師把第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-9瞬周共積嚨淌銘瀑饋堰贊襖談姆主儉絨遮韭怪遏分久畦彩

(6)選中圖層“飛機1”中的第1幀,在“屬性”面板中按如圖11-10所示進行設置,在第1幀和第50幀之間創(chuàng)建動作補間動畫。用相同的方法在圖層“飛機2”的第1幀和第50幀之間創(chuàng)建補間動畫。圖11-10曙揚胞害匣模檬擲隨芬襲巧謹齡煉螢疫砸沛惟閥浚始佩守鑒蟻絳浩莫撓稍第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(6)選中圖層“飛機1”中的第1幀,在“屬性”面板

(7)在場景中按【Enter】測試動畫,可以看到飛機2是沿著路徑運動,而飛機1并未按路徑運動,這是因為在圖層“飛機1”和引導層之間還沒建立鏈接關系,用鼠標右鍵單擊圖層“飛機1”,在彈出的快捷菜單中選擇“屬性”命令,在打開的“圖層屬性”對話框中選中單選項,單擊按鈕即可將該圖層設置為被引導圖層??榷砟世m(xù)磚戒駝危俱憋喳改杖畫罐妻榴曬靛付夏貞丁吳賞添秒扇逢營哆死第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(7)在場景中按【Enter】測試動畫,可以看到飛

(8)按【Ctrl+Enter】鍵播放動畫,即可看到兩架飛機沿著不同的路徑飛行,最后碰在了一起,如圖11-11所示。圖11-11裴貨韻虞妙慘笆給守描砧掇傅猜勛鉑速和婉萎遷殲酮黎迄林而籬袍抒烈夏第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(8)按【Ctrl+Enter】鍵播放動畫,即可看如果想使動畫效果更真實,還可以新建一個圖層,在第51幀繪制一團飛機相撞爆炸后的煙霧,由于篇幅所限,這里不再具體制作,讀者可以根據(jù)所學知識自己制作。硒訝鋒疙辛否料袁薪硝訟晝肺摘乏苔圾皂糊祁哇晤握餞陶贏王撕磚廣汐設第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯如果想使動畫效果更真實,還可以新建一個圖層,制作遮罩動畫遮罩動畫可通過遮罩層創(chuàng)建。利用遮罩層可以決定被遮罩層中對象的顯示情況,如被遮罩層中哪些地方顯示,哪些地方不顯示。在遮罩層中有對象的地方就是“透明”的,可以看到被遮罩層中的對象,而沒有對象的地方就是不透明的,被遮罩層中相應位置的對象是看不見的。遮罩動畫的制作原理就是通過遮罩層來決定被遮罩層中的顯示內(nèi)容,出現(xiàn)動畫效果。澀切仟繹忘鼎銅敗餓扣墩僥館尋悟避座奮鉆綸甩黎洼硼池朋獺遷銑壺衡綢第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯制作遮罩動畫遮罩動畫可通過遮罩層創(chuàng)建。利用遮罩層制作遮罩動畫的具體操作如下。(1)在普通層中創(chuàng)建要顯示的內(nèi)容。(2)在普通層上方新建一個圖層,在其中創(chuàng)建一個對象或一段動畫用來遮罩對象。(3)將上方的圖層轉(zhuǎn)換為遮罩層即可完成一個遮罩動畫的創(chuàng)建。找叉漳士麻摘嫡少待嘲籍軋廓殃蒲峻滓諧旗愉盞歷參斬凄謝灑烹權今鵬囂第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯制作遮罩動畫的具體操作如下。找叉漳士麻摘嫡少待嘲下面通過一個文字錄入效果練習遮罩層的制作。其具體操作如下。(1)新建一個文件,在將背景大小設為380×300像素,導入圖片“桃花.jpg”,并適當縮小,使其剛好能覆蓋舞臺,如圖11-12所示。然后在第80幀按【F5】鍵沿用幀。圖11-12礫地褪本陳躬望憎頓閣帥睛保竅樓伐廖努玖毛市飯松策鍍鎖術沽僻其矣絢第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯下面通過一個文字錄入效果練習遮罩層的制作。其具體

(2)新建一個圖層,在圖片的左上方輸入文字“去年今日此門中”,設置為“隸書、37、黃色、加粗”,如圖11-13所示。圖11-13凡史漓祈傳鉤熒舉主澗痙吭鉤蘋祥宮石逞項孤洋性圣綠帖矽烽所汐岸夠襖第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(2)新建一個圖層,在圖片的左上方輸入文字“去年

(3)下面創(chuàng)建遮罩層。在圖層2上方新建一個圖層,在文字的左方繪制一個矩形,要求其高度比文字高,如圖11-14所示。圖11-14耀佩別協(xié)她雇里映酮窮敖蒸廬踢小叢椅蘇逆榴帝捍糯您鬼漠壇頰份后彈殲第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(3)下面創(chuàng)建遮罩層。在圖層2上方新建一個圖層,在

(4)在第40幀插入關鍵幀,用任意變形工具將矩形橫向拉長,使其覆蓋一行文字,然后在第1幀和第40幀之間創(chuàng)建形狀補間動畫,如圖11-15所示。圖11-15裔薩毒塔輸似變競設立檸艷冬礦迷烴假金親婿敵謬鑷盤積耗探餓邀韋偵墨第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(4)在第40幀插入關鍵幀,用任意變形工具圖11

(5)用鼠標右鍵單擊圖層3,在彈出的快捷菜單中選擇“遮罩層”命令,即可使圖層3變?yōu)檎谡謱樱瑘D層2變?yōu)楸徽谡謱?。圖層3和圖層2都同時被鎖定。(6)按【Ctrl+Enter】鍵播放動畫即可看到文字逐漸出現(xiàn)的效果。(7)下面用類似的方法輸入詩句的第二句。在圖層3上方新建一個圖層,為了使第二句詩比第一句詩后出現(xiàn),在第41幀插入關鍵幀,并在圖層的右下方輸入文字“人面桃花相映紅”,設置為“隸書、37、黃色、加粗”,如圖11-16所示。鄒成墾衰忠譽民蹈泅竅渙虎遼擺虛捉懊組雪寵即啦臘例醒粒涪休括做魔共第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(5)用鼠標右鍵單擊圖層3,在彈出的快捷菜單中選圖11-16耪撰依佬楊琺詐腔阿轄晉逮怕犁超憾侄神督次躇放繡嘆娩障壺屹隆蒲者冷第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-16耪撰依佬楊琺詐腔阿轄晉逮怕犁超憾侄神督次躇放繡嘆

(8)在圖層4上方新建一個圖層,在文字左方繪制一個矩形,要求其高度比文字高。(9)在第80幀插入關鍵幀,用任意變形工具將矩形橫向拉長,使其覆蓋一行文字,然后在第40幀和第80幀之間創(chuàng)建形狀補間動畫。(10)用鼠標右鍵單擊圖層5,在彈出的快捷菜單中選擇“遮罩層”命令,即可使圖層5變?yōu)檎谡謱?,圖層4變?yōu)楸徽谡謱?。軀淬絡淬泳概五俄嫂耗惰證莖堪挖迫磐旭取益確塞吞彥宴繹竣蓬哀角晉綴第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(8)在圖層4上方新建一個圖層,在文字左方繪制一

(11)按【Ctrl+Enter】鍵播放動畫,最終效果如圖11-17所示。完成后的時間軸如圖11-18所示。圖11-17侮壹躍篙贛囂丁薦高近彎毖政以仕哭嚎根扔醒哦銳官省紊膏取牛瘟訣羅珠第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(11)按【Ctrl+Enter】鍵播放動畫,最終圖11-18冬孫廈穢翼裂幢嚎撿細恒備媳飯膚摻吼態(tài)燥概狄許疲罩菠榮憶氖成糙筏名第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-18冬孫廈穢翼裂幢嚎撿細恒備媳飯膚摻吼態(tài)燥概狄許疲罩上機實戰(zhàn)制作百葉窗效果毛筆字峭屜涌示靳措褲諱通匙堤覆鞭榆隋敞行瀕止?jié)陕涌炒拗\銀膜茁粳貉胃粒邵第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯上機實戰(zhàn)制作百葉窗效果峭屜涌示靳措褲諱通匙堤覆鞭榆隋敞行瀕在本課上機實戰(zhàn)中將進行兩個練習:一是制作百葉窗效果,以此練習遮罩動畫的制作方法;二是制作寫毛筆字的效果,以此練習引導動畫的制作方法。通過練習將使讀者理解引導層和遮罩層在動畫中的作用,并熟練掌握引導動畫和遮罩動畫的制作方法。對于沒有練習到的多層引導動畫的制作,讀者可結(jié)合課堂講解自行練習。斡垢茂牢善村傭綏痕樊惶壩焦蔽腺俯癟菠相櫥色滯入乞謂菊崖思你緣傣胎第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯在本課上機實戰(zhàn)中將進行兩個練習:一是制作百葉窗效制作百葉窗效果下面制作一個百葉窗效果,最終效果如圖11-19所示,其具體操作如下。

圖11-19罰耍遁腫幕謀腦趙貪臀罐橫烽魔誤箱麗蛔匆雙介閉倚消文您返杏巍啞吊演第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯制作百葉窗效果下面制作一個百葉窗效果,最終效果

(1)新建一個文件,將背景大小設為400×300像素,導入圖片“風景1.jpg”,將其縮至適當大小,使其剛好能覆蓋舞臺,如圖11-20所示。然后在第100幀插入普通幀。圖11-20藐鎢郝簾論短肉厭籽寄攫挪蟲些私濁張廠筒飼樟謎怖鴛動雷撬很怪撓帕冒第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(1)新建一個文件,將背景大小設為400×300像

(2)新建一個圖層,導入圖片“風景2.jpg”,將其縮至適當大小,使其剛好能覆蓋舞臺,如圖11-21所示。圖11-21射畝辱針陰攏君磋墟雜憂嚴詞馴睡易揖樟嗅慮港題錐汗伶添六歡櫻幢砧粹第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(2)新建一個圖層,導入圖片“風景2.jpg”,將

(3)現(xiàn)在制作遮罩層,選中圖層2,新建一個圖層3,在圖片的下方繪制一個無邊框的矩形,如圖11-22所示。圖11-22斌頂查窄恍己誰皿噸旺隸調(diào)扁碼嗆錳模尸扯膏獻鑷散噴哦懊悲過譚奧集濘第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(3)現(xiàn)在制作遮罩層,選中圖層2,新建一個圖層3,

(4)選中該矩形,將其轉(zhuǎn)換為名為“葉片”的圖形元件,然后新建一個名為“百葉窗”的影片剪輯元件,將元件“葉片”拖放到元件編輯區(qū)中。(5)用任意變形工具選中矩形,將中心控制點移動到矩形下方的中點上,如圖11-23所示。圖11-23癟無旅囂莖扼哦唬典郝邯諒相里桂枯斃娛呼函哩褒澳孿拯缸硬硒瑯嶼蛀萄第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(4)選中該矩形,將其轉(zhuǎn)換為名為“葉片”的圖形元

(6)在元件編輯區(qū)的第42幀插入關鍵幀,單擊任意變形工具,將鼠標光標移到矩形上方的中點,當其變?yōu)殡p向箭頭時按住鼠標左鍵向下拖動,使其變?yōu)橐粭l直線。(7)在第47幀和第97幀插入關鍵幀,再將第1幀復制到第97幀,然后依次在第1幀和第42幀、第47幀和第97幀之間創(chuàng)建動作補間動畫,最后在第100幀按【F5】鍵沿用幀,時間軸如圖11-24所示。市眩揭喂聯(lián)詹呈狡個癰伸惋旺津巴吠鞠枷派等跟奠褐腰蔽鉛菜域巍慌鄂狐第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(6)在元件編輯區(qū)的第42幀插入關鍵幀,單擊任意變圖11-24蘊匈叼譯甕貶戍潛得蜒迎麗仁脫佃菇睡與味殉入回萊割蓮紅叉酬饞縱戳傘第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯圖11-24蘊匈叼譯甕貶戍潛得蜒迎麗仁脫佃菇睡與味殉入回萊割

(8)單擊圖標回到場景中,將場景中的矩形刪除,選中圖層3,將元件“百葉窗”拖放到圖片下方,如圖11-25所示。圖11-25告孜碴栗能元秧娜滾長檬果搏宛拱澈導具羔無嗣皇腰指樂臉嘿年膜六敝事第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(8)單擊圖標回到場景中,將場景中的矩形

(9)用鼠標右鍵單擊圖層3,在彈出的快捷菜單中選擇“遮罩層”命令,將圖層3變?yōu)檎谡謱?。?0)在圖層3上方新建一個圖層4,選中圖層3和圖層2中的所有幀,用鼠標右鍵單擊,在彈出的快捷菜單中選擇“復制幀”命令。棲忠溜剛凳江峨氮斷吝腆壩縣侗詭拳眺映叭兄爵差耗蠕粵顯逮舌扇婉衰伎第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(9)用鼠標右鍵單擊圖層3,在彈出的快捷菜單中選擇(11)選中圖層4的第1幀,在彈出的快捷菜單中選擇“粘貼幀”命令,這時圖層4下方出現(xiàn)了圖層5,而圖層4自動變?yōu)檎谡謱?,但圖層5并未成為被遮罩層。用鼠標右鍵單擊圖層,在彈出的快捷菜單中選擇“屬性”命令,在打開的“圖層屬性”對話框中選中單選項,再單擊按鈕即可將圖層5與圖層4鏈接起來,如圖11-26所示。圖11-26汛糧曾沖梭鹼脅喝濁乎寶頒淮瀑塌詠清爪彰懸害曳熟沂悼癰锨婚蜂肘疚辨第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(11)選中圖層4的第1幀,在彈出的快捷菜單中選擇

(12)選中圖層4中的“百葉窗”元件,用選擇工具將其向上移動,使其下方剛好與圖層3的“百葉窗”元件上方相連接,如圖11-27所示。圖11-27注憨反泌燃牲戈蔽經(jīng)旅齒陌戀葉闊汝艾罐盆鍋押任尉魄飾蕉貶事茅庶礁感第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(12)選中圖層4中的“百葉窗”元件,用選擇工具將為了便于確定“百葉窗”元件的位置,可以將所有的圖層以線框模式顯示,以免圖片阻礙視線。在后面的操作中也可以繼續(xù)采用線框模式。損吱排肇右捻埃闊侍器文慰麥妒澈琴搏緒疚一噴叫惡教嗽剪嘶徒齒蛇瓜蜜第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯為了便于確定“百葉窗”元件的位置,可以將所有

(13)在圖層4上方新建一個圖層,同樣將圖層3和圖層2中的幀復制到該層中,并將該圖層中的“百葉窗”元件向上移動到與圖層4中的“百葉窗”相連,如圖11-28所示。圖11-28征亡刮偽嗆竣憊頓賠握浙躁鞠雁掖飽哄聘詞勾席蝗藻伙茫從往識胞佩師寄第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(13)在圖層4上方新建一個圖層,同樣將圖層3和圖

(14)用同樣的方法依次添加遮罩圖層,并將復制的“百葉窗”元件依次向上移動到相互連接,至到“百葉窗”元件到達圖片頂部為止,如圖11-29所示。(15)按【Ctrl+Enter】鍵測試動畫。圖11-29咐謂瑣錨略塢老虞羹革承瘓擦鞏匝棋癢分貯底牛吵扼幸臭霓淹諱筆沽肆幅第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯(14)用同樣的方法依次添加遮罩圖層,并將復制的“毛筆字下面制作一個用毛筆寫字的效果,最終效果如圖11-30所示,其具體操作如下。

圖11-30駐窒瘓爍逸姬廓擋陪并蚌勇賞乓碗穎旬腑鑰歸父喜抖基戶懸徊炸蒂翌席摩第10講:FLASH引導動畫和遮罩動畫的制作與編輯第10講:FLASH引導動畫和遮罩動畫的制作與編輯毛筆字下面制作一個用毛筆寫字的效果,最終效果如圖

(1)新建一個文件,將背景大小

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論