版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、u 任務(wù)一 制作遮罩層動(dòng)畫(huà) u 任務(wù)二 制作引導(dǎo)層動(dòng)畫(huà) u 任務(wù)三 【突破提高】制作“天地水源” 本章大綱本章大綱 任務(wù)一 制作遮罩層動(dòng)畫(huà) (一) 【知識(shí)準(zhǔn)備】遮罩層動(dòng)畫(huà)的原理 1、創(chuàng)建遮罩層 前面提到一個(gè)遮罩效果的實(shí)現(xiàn)至少需要兩個(gè)圖層配合作用, 上面的圖層是遮罩層,下面的圖層是被遮罩層,如圖6-1所 示,其中“圖層2”是遮罩層,“圖層1”是被遮罩層 。 圖圖6-1 兩個(gè)圖層的遮罩兩個(gè)圖層的遮罩 (1 1)什么是遮罩)什么是遮罩 遮罩動(dòng)畫(huà)是Flash中的一個(gè)很重要 的動(dòng)畫(huà)類型,很多效果豐富的動(dòng)畫(huà)都是通過(guò)遮罩動(dòng)畫(huà)來(lái)完 成的。在Flash的圖層中有一個(gè)遮罩圖層類型,為了得到 特殊的顯示效果,可以在
2、遮罩層上創(chuàng)建一個(gè)任意形狀的“ 視窗”,遮罩層下方的對(duì)象可以通過(guò)該“視窗”顯示出來(lái) ,而“視窗”之外的對(duì)象將不會(huì)顯示。 (2 2)遮罩有什么用)遮罩有什么用在Flash動(dòng)畫(huà)中,“遮罩”主要有2 種用途,一個(gè)作用是用在整個(gè)場(chǎng)景或一個(gè)特定區(qū)域,使場(chǎng) 景外的對(duì)象或特定區(qū)域外的對(duì)象不可見(jiàn),另一個(gè)作用是用 來(lái)遮罩住某一元件的一部分,從而實(shí)現(xiàn)一些特殊的效果。 創(chuàng)建遮罩的方法 (3 3)創(chuàng)建遮罩)創(chuàng)建遮罩 在Flash中沒(méi)有一個(gè)專門(mén)的按鈕來(lái)創(chuàng)建 遮罩層,遮罩層其實(shí)是由普通圖層轉(zhuǎn)化的。你只要在某個(gè) 圖層上單擊右鍵,在彈出菜單中選擇【遮罩層】,使命令 的左邊出現(xiàn)一個(gè)小勾,該圖層就會(huì)生成遮罩層,“層圖標(biāo) ”就會(huì)從普
3、通層圖標(biāo)變?yōu)檎谡謱訄D標(biāo) (4 4)構(gòu)成遮罩和被遮罩層的元素)構(gòu)成遮罩和被遮罩層的元素 遮罩層中的圖形對(duì)象在播放時(shí)是看不到 的,在遮罩層中有對(duì)象的地方就是“透明 ”的,可以看到被遮罩層中的對(duì)象,而沒(méi) 有對(duì)象的地方就是不透明的,即被遮罩層 中相應(yīng)位置的對(duì)象不可見(jiàn)。遮罩層中的內(nèi) 容可以是按鈕、影片剪輯、圖形、位圖、 文字等,但不能使用線條,如果一定要用 線條,可以將線條轉(zhuǎn)化為“填充”被遮罩 層中的對(duì)象只能透過(guò)遮罩層中的對(duì)象被看 到。在被遮罩層,可以使用按鈕,影片剪 輯,圖形,位圖,文字,線條。 (5 5)遮罩中可以使用的動(dòng)畫(huà)形式)遮罩中可以使用的動(dòng)畫(huà)形式 可以在遮罩層、被遮罩層中分別或同時(shí)使用 形狀
4、補(bǔ)間動(dòng)畫(huà)、動(dòng)作補(bǔ)間動(dòng)畫(huà)、引導(dǎo)線動(dòng)畫(huà)等 動(dòng)畫(huà)手段,從而使遮罩動(dòng)畫(huà)變成一個(gè)可以施展 無(wú)限想象力的創(chuàng)作空間。 遮罩層的基本原理 是:能夠透過(guò)該圖層中的對(duì)象看到“被遮罩層 ”中的對(duì)象及其屬性(包括它們的變形效果) ,但是遮罩層中的對(duì)象中的許多屬性如漸變色 、透明度、顏色和線條樣式等卻是被忽略的。 比如,我們不能通過(guò)遮罩層的漸變色來(lái)實(shí)現(xiàn)被 遮罩層的漸變色變化。 創(chuàng)建遮罩層,可以在選定的圖層上單擊鼠標(biāo)右鍵,在彈出的 快捷菜單中選擇【遮罩層】命令,如圖6-2所示。 被遮罩層可以有多個(gè),那就是多層遮罩,如圖6-3所示。其中 “圖層2”為遮罩層,其余的所有圖層都是被遮罩層 。 圖圖6-2 創(chuàng)建遮罩層創(chuàng)建遮罩層
5、圖圖6-3 多圖層遮罩多圖層遮罩 2、遮罩層動(dòng)畫(huà)的原理 與普通層不同,在具有遮罩層的場(chǎng)景中,只能通過(guò)遮罩層上對(duì) 象的形狀,才可以看到被遮罩層上的內(nèi)容,如圖6-4所示。 將“圖層2”轉(zhuǎn)換為遮罩層之后,可以透過(guò)遮罩層(“圖層2”) 上月亮的形狀看到被遮罩層(“圖層1”)中與背景圖片重疊的 區(qū)域,如圖6-5所示,而其他區(qū)域則看不到了。 圖圖6-4 遮罩前的效果遮罩前的效果 圖圖6-5 遮罩后的效果遮罩后的效果 (二) 【典型案例】制作“熒熒之光” 【設(shè)計(jì)效果】 本案例將使用遮罩層動(dòng)畫(huà)來(lái)模擬在一個(gè)漆黑的山洞里使用火柴 來(lái)觀看神秘的“埃及壁畫(huà)”的動(dòng)畫(huà),其制作思路及效果如圖6-6所 示 。 圖圖6-6 制
6、作思路及效果制作思路及效果 導(dǎo)入背景和“火柴”元件制作“火柴”元件移動(dòng)動(dòng)畫(huà) 制作遮罩效果 【操作步驟】 1、素材準(zhǔn)備。 (1)新建一個(gè)Flash文檔。 (2)新建并重命名圖層,設(shè)置后的圖層效果如圖6-7所示。 (3)為了把講述重點(diǎn)放到遮罩層動(dòng)畫(huà)設(shè)計(jì)上,本案例直接導(dǎo)入已 做好的素材文件,如圖6-8所示。 圖圖6-7 圖層信息圖層信息 圖圖6-8 【庫(kù)庫(kù)】面板信息面板信息 (4)雙擊“火柴”元件進(jìn)入其編輯界面,可以發(fā)現(xiàn)火柴第1幀和 第2幀處的效果如圖6-9所示。 (5)選中“埃及壁畫(huà)”圖層,選擇【文件】/【導(dǎo)入】/【導(dǎo)入到 舞臺(tái)】命令,舞臺(tái)效果如圖6-10所示。 第第1幀幀 第第2幀幀 圖圖6-9
7、 火柴的兩種狀態(tài)火柴的兩種狀態(tài) 圖圖6-10 導(dǎo)入圖片導(dǎo)入圖片 2、制作遮罩層動(dòng)畫(huà)。 (1)選中“火柴效果”圖層上的“火柴”元件,按Ctrl+C 組合鍵 復(fù)制,然后按Ctrl+Shift+V 組合鍵將其粘貼到“遮罩”圖層上。 (2)為了操作方便,將“埃及壁畫(huà)”圖層鎖定。利用【選擇】工 具將“火柴效果”圖層和“遮罩”圖層上的“火柴”元件全部 圈選中,設(shè)置其寬、高分別為“140”px、“140”px,并設(shè)置其 位置,如圖6-11所示。 (3)在“火柴效果”和“遮罩”圖層的第100幀處插入關(guān)鍵幀,在 “埃及壁畫(huà)”圖層的第100幀處插入幀。 (4)在第100幀處選中 “火柴效果”和“遮罩”圖層上的“火
8、柴” 元件,設(shè)置其位置,如圖6-12所示。 圖圖6-11 第第1幀幀“火柴火柴”元件的位置元件的位置 圖圖6-12 第第100幀幀“火柴火柴”元件的位置元件的位置 (5)在“火柴效果”和“遮罩”圖層的第1幀第100幀之間創(chuàng) 建動(dòng)作補(bǔ)間動(dòng)畫(huà),然后將“遮罩”圖層轉(zhuǎn)換為遮罩層,效果 如圖6-13所示 。 圖圖6-13 設(shè)置遮罩設(shè)置遮罩 (6)保存并測(cè)試影片,模擬火柴效果的影片制作完成。 案案 例例 小小 結(jié)結(jié) 本案例通過(guò)制作一個(gè)“熒熒之光”的效果講述了 以下知識(shí)點(diǎn)。 基礎(chǔ)知識(shí):基礎(chǔ)知識(shí):遮罩層動(dòng)畫(huà)的制作方法。 表現(xiàn)手法:表現(xiàn)手法:使用遮罩層動(dòng)畫(huà)和補(bǔ)間動(dòng)畫(huà)配合的 方式制作光效。 一什么是引導(dǎo)層:一什么
9、是引導(dǎo)層: 使用前面幾個(gè)動(dòng)畫(huà)類型的方法制作動(dòng)畫(huà)時(shí),使用前面幾個(gè)動(dòng)畫(huà)類型的方法制作動(dòng)畫(huà)時(shí), 可以比較容易地實(shí)現(xiàn)對(duì)象的直線運(yùn)動(dòng),但在實(shí)可以比較容易地實(shí)現(xiàn)對(duì)象的直線運(yùn)動(dòng),但在實(shí) 際應(yīng)用中,常常需要制作大量的曲線運(yùn)動(dòng)動(dòng)畫(huà)際應(yīng)用中,常常需要制作大量的曲線運(yùn)動(dòng)動(dòng)畫(huà) ,有時(shí)甚至還需要讓物體按照預(yù)先設(shè)定的路徑,有時(shí)甚至還需要讓物體按照預(yù)先設(shè)定的路徑 (軌跡)運(yùn)動(dòng)。使用引導(dǎo)層動(dòng)畫(huà)可以很輕松地(軌跡)運(yùn)動(dòng)。使用引導(dǎo)層動(dòng)畫(huà)可以很輕松地 滿足這些要求。滿足這些要求。簡(jiǎn)單來(lái)說(shuō),引導(dǎo)動(dòng)畫(huà)其實(shí)就簡(jiǎn)單來(lái)說(shuō),引導(dǎo)動(dòng)畫(huà)其實(shí)就 是將一個(gè)運(yùn)動(dòng)的物體約束到一個(gè)路徑上,然后是將一個(gè)運(yùn)動(dòng)的物體約束到一個(gè)路徑上,然后 通過(guò)設(shè)置運(yùn)動(dòng)物體關(guān)鍵幀
10、在路徑上的位置,來(lái)通過(guò)設(shè)置運(yùn)動(dòng)物體關(guān)鍵幀在路徑上的位置,來(lái) 得到想要的結(jié)果。引導(dǎo)圖層就是用來(lái)擺放對(duì)象得到想要的結(jié)果。引導(dǎo)圖層就是用來(lái)擺放對(duì)象 運(yùn)動(dòng)路徑的圖層,它所起的作用在于確定了指運(yùn)動(dòng)路徑的圖層,它所起的作用在于確定了指 定對(duì)象的運(yùn)動(dòng)路線。定對(duì)象的運(yùn)動(dòng)路線。比如我們來(lái)讓一個(gè)球按指比如我們來(lái)讓一個(gè)球按指 定的路線移動(dòng)定的路線移動(dòng) 【知識(shí)準(zhǔn)備】引導(dǎo)層動(dòng)畫(huà)的原理 1、創(chuàng)建引導(dǎo)層和被引導(dǎo)層 制作一個(gè)引導(dǎo)層動(dòng)畫(huà)同樣需要至少兩個(gè)圖層配合作 用。上面的圖層是引導(dǎo)層,下面的圖層是被引導(dǎo)層。 如圖6-35所示,其中 “圖層1”是引導(dǎo)層,“圖層2” 是被引導(dǎo)層。被引導(dǎo)層上的元素以引導(dǎo)層上的線條作 為路徑來(lái)運(yùn)動(dòng)。
11、而引導(dǎo)層上的路徑在發(fā)布時(shí),并不會(huì) 顯示出來(lái),其作用僅在于作為被引導(dǎo)層運(yùn)動(dòng)的路徑。 創(chuàng)建引導(dǎo)層的方法:在圖層上單擊鼠標(biāo)右鍵,在彈 出的快捷菜單中選擇【引導(dǎo)層】命令,如圖6-36所示, 即可完成引導(dǎo)層的創(chuàng)建。 圖圖6-35 引導(dǎo)層和被引導(dǎo)層引導(dǎo)層和被引導(dǎo)層 圖圖6-36 創(chuàng)建引導(dǎo)層創(chuàng)建引導(dǎo)層 被引導(dǎo)層同樣可以有多個(gè),那就是多層引導(dǎo),如圖6-37所 示。圖中“圖層1”為引導(dǎo)層,其余的所有圖層都是被引導(dǎo)層 。 圖圖6-37 多層被引導(dǎo)多層被引導(dǎo) 2、引導(dǎo)層動(dòng)畫(huà)的原理 如圖6-38所示為被引導(dǎo)層上小球在第1幀和第50幀處的位置, 如圖6-39所示,為小球的全部運(yùn)動(dòng)軌跡。 小球在第小球在第1幀的位置幀的位
12、置 小球在第小球在第50幀的位置幀的位置 圖圖6-38 設(shè)置小球起止位置設(shè)置小球起止位置 圖圖6-39 小球的運(yùn)動(dòng)軌跡小球的運(yùn)動(dòng)軌跡 引導(dǎo)層上的路徑在發(fā)布后,并不會(huì)顯示出來(lái),只是作為被引導(dǎo)圖形的運(yùn)動(dòng)軌引導(dǎo)層上的路徑在發(fā)布后,并不會(huì)顯示出來(lái),只是作為被引導(dǎo)圖形的運(yùn)動(dòng)軌 跡。在被引導(dǎo)層上被引導(dǎo)的圖形必須是元件,而且必須創(chuàng)建補(bǔ)間動(dòng)畫(huà),同時(shí)跡。在被引導(dǎo)層上被引導(dǎo)的圖形必須是元件,而且必須創(chuàng)建補(bǔ)間動(dòng)畫(huà),同時(shí) 還需要將元件在關(guān)鍵幀處的還需要將元件在關(guān)鍵幀處的“變形中心變形中心”設(shè)置到引導(dǎo)層上的路徑上,這樣才設(shè)置到引導(dǎo)層上的路徑上,這樣才 能成功創(chuàng)建引導(dǎo)層動(dòng)畫(huà)。能成功創(chuàng)建引導(dǎo)層動(dòng)畫(huà)。 (二) 【典型案例】制
13、作“樹(shù)葉上的毛毛蟲(chóng)” 【設(shè)計(jì)效果】 本案例將講述如何使用引導(dǎo)層動(dòng)畫(huà)制作“毛毛蟲(chóng)效果”,其 制作思路及效果如圖6-40所示。 導(dǎo)入背景圖片繪制引導(dǎo)線 制作第1幀處的毛毛蟲(chóng) 制作第1110幀處的毛毛蟲(chóng) 制作引導(dǎo)層動(dòng)畫(huà)最終效果 圖圖6-40 制作思路及效果制作思路及效果 【操作步驟】 1、素材準(zhǔn)備。 (1)新建一個(gè)Flash文檔, (2)新建并重命名圖層,創(chuàng)建的圖層效果如圖6-41所示。 (3)選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺(tái)】命令,將教學(xué)素材中 的“素材項(xiàng)目六樹(shù)葉上的毛毛蟲(chóng)樹(shù)葉.jpg”文件導(dǎo)入到舞臺(tái)中, 舞臺(tái)效果如圖6-42所示。 (4)選擇【文件】/【導(dǎo)入】/【打開(kāi)外部庫(kù)】命令,將教學(xué)素材
14、中 的“素材項(xiàng)目六樹(shù)葉上的毛毛蟲(chóng)毛毛蟲(chóng).fla”文件打開(kāi),將“毛 身”和“毛頭”元件拖入到當(dāng)前【庫(kù)】中,如圖6-43所示。 圖圖6-41 圖層信息圖層信息 圖圖6-42 導(dǎo)入樹(shù)葉導(dǎo)入樹(shù)葉 圖圖6-43 導(dǎo)入毛毛蟲(chóng)素材導(dǎo)入毛毛蟲(chóng)素材 2、制作毛毛蟲(chóng)效果 (1)為了后期制作方便,在制作毛毛蟲(chóng)效果之前首先繪制引導(dǎo) 線,舞臺(tái)效果如圖6-44所示。 圖圖6-44 繪制路徑繪制路徑 該路徑的重要特點(diǎn)是曲線的開(kāi)始部分和結(jié)尾部分都是直線,而中間在場(chǎng)景中的部分該路徑的重要特點(diǎn)是曲線的開(kāi)始部分和結(jié)尾部分都是直線,而中間在場(chǎng)景中的部分 為曲線,這樣繪制的好處在于能更好地控制被引導(dǎo)元件的旋轉(zhuǎn)方向?yàn)榍€,這樣繪制的好處
15、在于能更好地控制被引導(dǎo)元件的旋轉(zhuǎn)方向 。 (2)將“路徑”和“樹(shù)葉”兩個(gè)圖層鎖定,將“毛身”元件拖 入“毛毛蟲(chóng)”圖層上,設(shè)置其位置,如圖6-45所示。 毛身位置毛身位置 放大觀察放大觀察 圖圖6-45 設(shè)置設(shè)置“毛身毛身”元件的位置元件的位置 設(shè)置設(shè)置“毛身毛身”元件位置的時(shí)候一定要注意要將元件的元件位置的時(shí)候一定要注意要將元件的“變形中心變形中心”放到路徑上,如放到路徑上,如 圖圖6-45所示。如果所示。如果“變形中心變形中心”未在路徑上,引導(dǎo)層動(dòng)畫(huà)將創(chuàng)建失敗未在路徑上,引導(dǎo)層動(dòng)畫(huà)將創(chuàng)建失敗 。 (3)選擇【選擇】工具,按住Ctrl鍵復(fù)制出15個(gè)的“毛身”元件, 并確保每1個(gè)“毛身”元件的變
16、形中心都在路徑上,效果如圖6- 46所示。 (4)將“毛頭”元件拖入舞臺(tái),并設(shè)置其位置,如圖7-47所示 。 圖圖6-46 復(fù)制出毛毛蟲(chóng)的身體效果復(fù)制出毛毛蟲(chóng)的身體效果 圖圖6-47 放置頭部放置頭部 3、制作毛毛蟲(chóng)動(dòng)畫(huà) (1)選中所有的“毛身”和“毛頭”元件,在其上單擊鼠標(biāo)右鍵, 在彈出快捷菜單中選擇【分散到圖層】命令,將“毛身”和 “毛頭”元件分散到各層,如圖6-48所示。 (2)此時(shí),“毛毛蟲(chóng)”圖層已經(jīng)沒(méi)有任何元件,所以將該圖層 刪除。 (3)將所有圖層延長(zhǎng)至1000幀,并在所有“毛身”和“毛頭” 圖層的第1000幀處插入關(guān)鍵幀,然后設(shè)置其位置,如圖6-49 所示。 右鍵操作右鍵操作 圖
17、層信息圖層信息 圖圖6-48 分散到圖層分散到圖層 確保所有確保所有“毛身毛身”和和“毛頭毛頭”元件的變形中心都在路徑的結(jié)束部分上。元件的變形中心都在路徑的結(jié)束部分上。 (4)在所有“毛身”和“毛頭”圖層的第1幀第1000幀之間 創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà),并在【屬性】面板中勾選【調(diào)整到路徑】 復(fù)選框,其參數(shù)設(shè)置,如圖6-50所示 。 (5)將“路徑”圖層轉(zhuǎn)換為引導(dǎo)層,將所有“毛身”和“毛頭” 圖層轉(zhuǎn)化為被引導(dǎo)層。 (6)保存并測(cè)試影片,一只毛毛蟲(chóng)從樹(shù)葉上爬過(guò)的效果制作完 成。 圖圖6-49 設(shè)置毛毛蟲(chóng)的位置設(shè)置毛毛蟲(chóng)的位置 圖圖6-50 勾選勾選【調(diào)整到路徑調(diào)整到路徑】復(fù)選框復(fù)選框 案 例 小 結(jié) 本
18、案例通過(guò)制作一個(gè)“樹(shù)枝上的毛毛蟲(chóng)”效果講 述了以下知識(shí)點(diǎn)。 基礎(chǔ)知識(shí):基礎(chǔ)知識(shí):引導(dǎo)層動(dòng)畫(huà)的創(chuàng)建方法。 動(dòng)畫(huà)技巧:動(dòng)畫(huà)技巧:使用【調(diào)整到路徑】選項(xiàng)來(lái)改善引導(dǎo)動(dòng) 畫(huà)效果的方法。 表現(xiàn)手法:表現(xiàn)手法:使用多層引導(dǎo)動(dòng)畫(huà)模擬爬行類動(dòng)物的方 法。 (三) 【典型案例】制作“蝴蝶戲花” 【設(shè)計(jì)效果】 翩翩起舞的蝴蝶是春天的精靈,艷麗的花朵則是蝴蝶的最 愛(ài)。在本案例中,將使用引導(dǎo)層動(dòng)畫(huà)模擬“蝴蝶戲花”的藝 術(shù)特效,其制作思路及效果如圖6-51所示。 導(dǎo)入背景圖片繪制引導(dǎo)線1繪制引導(dǎo)線2 制作蝴蝶的引導(dǎo)層動(dòng)畫(huà)最終效果1最終效果2 圖圖6-51 制作思路及效果制作思路及效果 【操作步驟】 1、導(dǎo)入素材布置場(chǎng)景。
19、 (1)新建一個(gè)Flash文檔。 (2)新建并重命名圖層,設(shè)置圖層的效果,如圖6-52所示。 (3)選擇【文件】/【導(dǎo)入】/【打開(kāi)外部庫(kù)】命令,將教學(xué)素材 中的“素材項(xiàng)目六蝴蝶戲花素材.fla”文件打開(kāi),如圖6-53所 示。 圖圖6-52 圖層信息圖層信息 圖圖6-53 打開(kāi)外部庫(kù)打開(kāi)外部庫(kù) (4)關(guān)閉外部庫(kù),將“花草”元件拖入到“花草”圖層上釋放, 并相對(duì)舞臺(tái)居中對(duì)齊,使其剛好覆蓋整個(gè)舞臺(tái),得到如圖6-54 所示的效果。設(shè)置完成后將“花草”圖層鎖定。 (5)將“前面花”元件拖入到“前花”圖層上釋放,其位置如圖 6-55所示。設(shè)置完成后將“前花”圖層鎖定。至此場(chǎng)景的搭建 就完成了 。 圖圖6-
20、54 放入放入“花草花草”元件元件 圖圖6-55 放入放入“前面花前面花”元件元件 2、制作蝴蝶飛舞效果。 (1)在“蝴蝶1路徑”圖層上繪制如圖6-56所示的路徑。 設(shè)計(jì)設(shè)計(jì) “蝴蝶蝴蝶1”元件從舞臺(tái)右邊飛入,然后從元件從舞臺(tái)右邊飛入,然后從“前面花前面花”的后面飛過(guò),停在一朵花兒的后面飛過(guò),停在一朵花兒 上,最后飛出舞臺(tái)上,最后飛出舞臺(tái) , (2)將“蝴蝶1”元件拖入到“蝴蝶1”圖層上釋放,利用【任意變 形】工具設(shè)置其“變形中心”到蝴蝶頭部位置,如圖6-57所示。 圖圖6-56 繪制繪制“蝴蝶蝴蝶1”元件的移動(dòng)路徑元件的移動(dòng)路徑 圖圖6-57 設(shè)置設(shè)置“蝴蝶蝴蝶1”元件的元件的“變形中心變形
21、中心” (3)利用【選擇】工具,將“蝴蝶1”元件移動(dòng)到“蝴蝶1路徑”的 最右端,效果如圖6-58所示。 (4)在所有圖層的第170幀處插入幀,在“蝴蝶1”圖層的第100幀 處插入關(guān)鍵幀,并在第100幀處放置“蝴蝶1”元件到如圖6-59 所示的位置。 (5)在第120幀處插入關(guān)鍵幀,在第170幀處插入關(guān)鍵幀,并設(shè)置 “蝴蝶1”在第170幀的位置和大小,如圖6-60所示。 此時(shí)縮小此時(shí)縮小“蝴蝶蝴蝶1”元件是為了表現(xiàn)蝴蝶飛遠(yuǎn)的效果。元件是為了表現(xiàn)蝴蝶飛遠(yuǎn)的效果。 圖圖6-58 調(diào)整蝴蝶位置到最右端調(diào)整蝴蝶位置到最右端 圖圖6-59 調(diào)整蝴蝶在第調(diào)整蝴蝶在第100幀處的位置幀處的位置 圖圖6-60
22、調(diào)整蝴蝶在第調(diào)整蝴蝶在第170幀處的位置幀處的位置 (6)“蝴蝶1”元件飛舞的幾個(gè)重要位置就設(shè)置完成了,在“蝴蝶1” 圖層的第1幀第100幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà),在第120幀 第170幀之間創(chuàng)建動(dòng)作補(bǔ)間動(dòng)畫(huà),圖層效果如圖6-61所示。 圖圖6-61 圖層效果圖層效果 (7)將“蝴蝶1路徑”圖層轉(zhuǎn)換為引導(dǎo)層,將“蝴蝶1”圖層轉(zhuǎn)換為 其被引導(dǎo)層。測(cè)試影片,可以看到“蝴蝶1”的飛舞動(dòng)畫(huà)就制作 完成了,如圖6-62所示 。 圖圖6-62 蝴蝶蝴蝶1飛舞效果飛舞效果 (8)“蝴蝶2”元件的制作和“蝴蝶1”元件的制作方法完全相同, 這里給出“蝴蝶2”元件的飛舞路徑和“蝴蝶2”元件在關(guān)鍵幀處 的位置,由讀者
23、獨(dú)立完成其制作,如圖6-63所示 。 “蝴蝶蝴蝶2”元件的移動(dòng)路徑元件的移動(dòng)路徑 第第1幀幀 第第80幀和第幀和第120幀幀 第第170幀幀 圖圖6-63 “蝴蝶蝴蝶2”元件的信息元件的信息 (9)保存測(cè)試影片,一個(gè)美麗的蝴蝶戲花的效果制作完成。 案 例 小 結(jié) 本案例通過(guò)制作一個(gè)蝴蝶飛舞的效果講述了以下 知識(shí)點(diǎn)。 表現(xiàn)手法:表現(xiàn)手法:使用引導(dǎo)層動(dòng)畫(huà)制作隨機(jī)飛舞的動(dòng)畫(huà) 效果。 任務(wù)三 【突破提高】制作“天地水 源” 【設(shè)計(jì)效果】 通過(guò)前面的講解,相信讀者已經(jīng)對(duì)Flash遮罩層動(dòng)畫(huà)和引導(dǎo) 層動(dòng)畫(huà)有了深刻的認(rèn)識(shí)。在本案例中,將使用遮罩層動(dòng)畫(huà)制作水 波效果,使用引導(dǎo)層動(dòng)畫(huà)制作“天地水源”的文字效果,
24、最終完 成“天地水源”動(dòng)畫(huà)效果,其制作思路及效果如圖6-64所示 , 導(dǎo)入背景圖片 使用遮罩層制作水波效果 使用引導(dǎo)層制作文字動(dòng)畫(huà) 制作星星效果 最終效果1 最終效果2 圖圖6-64 制作思路及效果制作思路及效果 【操作步驟】 1、制作水波效果。 (1)新建一個(gè)Flash文檔, (2)新建圖層并重命名圖層,設(shè)置圖層效果如圖6-65所示。 (3)在所有圖層的第150幀處插入幀。 (4)選擇【文件】/【導(dǎo)入】/【導(dǎo)入到舞臺(tái)】命令,將教學(xué)素 材中的“素材項(xiàng)目六天地水源天地水源.jpg”文件導(dǎo)入到 “背景”圖層上,舞臺(tái)效果如圖6-66所示。 圖圖6-65 圖層信息圖層信息 圖圖6-66 導(dǎo)入圖片導(dǎo)入圖
25、片 (5)選中導(dǎo)入的圖片,按Ctrl+C 組合鍵進(jìn)行復(fù)制,按 Ctrl+Shift+V 組合鍵將其粘貼到“水波效果”圖層上。為了 操作方便,將“背景”圖層隱藏。 (6)選中“水波效果”圖層上的圖片,按Ctrl+B 組合鍵將其打 散,使用【套索工具】選取水域圖形,然后將其他部分的圖 形刪除掉,得到如圖6-67所示的效果。 (7)選中水域圖形,按F8 組合鍵將其轉(zhuǎn)化為影片剪輯元件,并 命名為“水波效果”。單擊 按鈕,進(jìn)入元件內(nèi)部進(jìn)行 編輯。 (8)將默認(rèn)“圖層1”重命名為“水域圖形”,新建圖層并重命 名為“水波遮罩”圖層,如圖6-68所示。 圖圖6-67 水域圖形水域圖形 圖圖6-68 圖層信息圖
26、層信息 (9)利用【矩形】工具在“水波遮罩”圖層上繪制一個(gè)矩形, 設(shè)置寬、高分別為“800”px“5”px,然后復(fù)制出如圖6-69所 示的矩形陣列。 (10)選中所有矩形,按F8鍵將其轉(zhuǎn)換為影片剪輯元件,并命 名為“水波遮罩”。 (11)在“水域圖形”圖層的第10幀處插入幀,在“水波遮罩” 圖層的第10幀處插入關(guān)鍵幀,并將“水波遮罩”元件向屏幕 下方移動(dòng)“7”px,如圖6-70所示。 (12)在“水波遮罩”圖層的第1幀第10幀之間創(chuàng)建動(dòng)作補(bǔ)間 動(dòng)畫(huà)。 (13)將“水波遮罩”圖層轉(zhuǎn)換為遮罩層,水波效果就制作完 成了。 圖圖6-69 制作遮罩陣列制作遮罩陣列 圖圖6-70 向下移動(dòng)水波遮罩元件向下移動(dòng)水波遮罩元件 2、制作文字運(yùn)動(dòng)效果。 (1)返回主場(chǎng)景,在“文字路徑”圖層上繪制如圖6-71所示的 路徑。 (2)在“天”、“地”、“水”、“源”4個(gè)圖層的第30幀處 插入關(guān)鍵幀 (3)將4個(gè)文字元件的位置設(shè)置到“文字路徑”的最上端,并 在【屬性】面板中設(shè)置“文字元件”的【Alpha】值為 “0%”,舞臺(tái)效果如圖6-72所示。 圖圖6-71 繪制路徑繪制路徑 圖圖6-72 舞臺(tái)效果舞臺(tái)效果 (4)在“天”、“地”、“水”、“源”4個(gè)圖層的第90幀處插入 關(guān)鍵幀,在【屬性】面板中設(shè)置4個(gè)“文字元件”的【Alpha】 值為
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年四年級(jí)下冊(cè)語(yǔ)文教學(xué)工作計(jì)劃
- 2025年護(hù)理科工作計(jì)劃規(guī)劃及工作打算
- 人教版八年級(jí)歷史與社會(huì)上冊(cè)說(shuō)課稿:3-4開(kāi)疆拓土與對(duì)外交流
- 2025年度學(xué)校師德建設(shè)工作計(jì)劃
- 自愿放棄繳納社保承諾書(shū)合集
- 2025年實(shí)驗(yàn)幼兒園保教工作計(jì)劃
- 2025年寒假安全主題班會(huì)計(jì)劃內(nèi)容
- 二、手機(jī)變奏曲(第二課時(shí)) (說(shuō)課稿)-2023-2024學(xué)年五年級(jí)上冊(cè)綜合實(shí)踐活動(dòng)粵教版
- Unit 5 Animal friends Lesson 3 說(shuō)課稿 2024-2025學(xué)年冀教版英語(yǔ)七年級(jí)上冊(cè)
- Unit 10 Section A Grammar focus 4a-4c-說(shuō)課稿 2024-2025學(xué)年人教版八年級(jí)英語(yǔ)下冊(cè)
- 雙減作業(yè)分層設(shè)計(jì)-六年級(jí)上冊(cè)語(yǔ)文分層作業(yè)設(shè)計(jì)案例09《竹節(jié)人》課課練含答案
- 壓瘡診療與護(hù)理規(guī)范
- 錦鯉中國(guó)風(fēng)鯉魚(yú)吉祥好運(yùn)通用大氣PPT模板
- 燃?xì)鈽I(yè)務(wù)代辦授權(quán)書(shū)模板
- 侵襲性肺部真菌感染的診斷標(biāo)準(zhǔn)以及治療基本原則
- 與齒輪相關(guān)的英語(yǔ)詞匯總結(jié)
- 單層鋼結(jié)構(gòu)工業(yè)廠房縱向定位軸線的定位
- 粉體工程第六章粉碎過(guò)程及設(shè)備
- 洪水計(jì)算(推理公式法)
- ap系列火焰光度計(jì)說(shuō)明書(shū)
- GMW系列往復(fù)式給料機(jī)說(shuō)明書(shū)
評(píng)論
0/150
提交評(píng)論