本教程是向大家介紹利用Flash制作白色窗紗隨風(fēng)飄動(dòng)的音樂(lè)動(dòng)畫(huà)特效，制作方法不是特別難，教程介紹地非常詳細(xì)，感興趣的朋友不妨一起來(lái)做做。

　新建一個(gè)空白的Flash文檔，把背景設(shè)置為黑色。

　　圖1

　　在場(chǎng)景中把圖層1改為窗框，然后在這一層中繪制一個(gè)矩形邊框。

　　圖2

　　因?yàn)檫@里要把窗填充成一個(gè)木制顏色的窗，所以要先導(dǎo)入一張木紋圖片。選擇文件——導(dǎo)入——導(dǎo)入到庫(kù)，導(dǎo)入一張事先準(zhǔn)備好的圖片。

　　圖3

導(dǎo)入后按Shift+F9打開(kāi)混色器，把填充的類型選擇為“位圖”，然后在選擇剛才導(dǎo)入的圖片填充。

　　圖4

　　新建一個(gè)圖層為“窗”，把這個(gè)圖層放到“窗框”下面。然后在這一層中繪制如圖的窗。用剛才的方法把它填充成木色。

　　圖5

　　中間的玻璃用透明度為30%的灰色填充。

　　圖6

　　窗畫(huà)好了，下面開(kāi)始來(lái)畫(huà)窗簾了。按Ctrl+F8新建一個(gè)名為“窗簾”的影片剪輯。

　　圖7

　　在影片剪輯中繪制如圖的窗簾布(當(dāng)然，你也可以按照你自己的意思來(lái)畫(huà))，填充色我選擇了透明度為30%的白色。

　　圖8

　　在圖層1第50幀插入關(guān)鍵幀，在這一幀中用選擇工具把窗簾布的形狀改變下，如圖。

　　圖9

　　改好形狀后，在第1幀右擊選擇復(fù)制幀復(fù)制第1幀，然后在100幀右擊粘貼幀。(這是為了使窗簾布來(lái)回飄動(dòng))最后，分別在第1幀和第50幀插入形狀補(bǔ)間動(dòng)畫(huà)。

　　圖10

　　注：形狀補(bǔ)間動(dòng)畫(huà)有時(shí)并不能按著自己想的那樣來(lái)，就像我這個(gè)窗簾吧，剛開(kāi)始時(shí)它也老不按的的想法來(lái)，而且加了標(biāo)識(shí)記號(hào)也沒(méi)用，怎么辦呢，還是有辦法解決的：首先，在第50幀插入幀后別急著改變它的形狀，先在第1幀插入形狀補(bǔ)間動(dòng)畫(huà)，然后再點(diǎn)第50幀，這里別一下改太大的變化，就一點(diǎn)一點(diǎn)改，改一點(diǎn)就點(diǎn)下前面的幀看下變化的過(guò)程是否看，不好看就按Ctrl+Z撒消，重新再改。只要你要耐心，慢慢一點(diǎn)一點(diǎn)弄，最后一點(diǎn)能弄出一個(gè)飄得很好看的窗簾的。 ^_^

　　新建一個(gè)圖層2，給窗簾繪制多一個(gè)疊影，方法和前面繪制窗簾是一樣的，我就不多說(shuō)了。

　　圖11

　　新建一個(gè)名為“窗簾1”的影片剪輯，按Ctrl+L打開(kāi)庫(kù)，把剛才做好的窗簾動(dòng)畫(huà)拖到場(chǎng)景中，然后在第29幀插入幀。

　　圖12

　　圖13

　新建一個(gè)圖層2，再拖入一個(gè)“窗簾”的影片剪輯，然后選擇修改——變形——水平翻轉(zhuǎn)把它換下方向，同樣在第29幀插入幀。

　　圖14

　　新建一個(gè)圖層3，這次插入兩個(gè)“窗簾”的影片剪輯，同樣把其中一個(gè)的方向改變下，下用變形工具調(diào)整下這兩個(gè)圖形的大小。只要讓它看起來(lái)有層次感就行了。最后在第30幀插入幀?！　?br />圖15

　　再新建一個(gè)圖層4，在圖層4第30幀插入關(guān)鍵幀。這次不拖元件了，點(diǎn)下圖層1，然后把圖層1場(chǎng)景中的元件按Ctrl+C復(fù)制，再點(diǎn)下圖層4第30幀按Ctrl+Shift+V把它粘貼到原來(lái)的位置，同樣的，再點(diǎn)下圖層2，把圖層2的圖形也復(fù)制過(guò)來(lái)粘貼到原來(lái)的位置。最后，按F9打開(kāi)動(dòng)作面板，輸入stop();

　　圖16

　　最后，分別點(diǎn)下圖層1和圖層2中的元件，按Ctrl+B打散。有些人一定會(huì)奇怪為什么要這樣做，其實(shí)我這么做的目的只是為了等下窗簾飄動(dòng)的時(shí)候有層次感，不會(huì)同時(shí)飄起來(lái)，至于把兩個(gè)元件放在不同的層，只是為了打散后顏色不會(huì)變。

　　下面返回到場(chǎng)景中，新建一個(gè)圖層為“窗簾”，打開(kāi)庫(kù)，把剛做好的“窗簾1”元件拖放到場(chǎng)景中，拖兩個(gè)，一個(gè)用水平翻轉(zhuǎn)改變下方向，分別把這兩個(gè)元件擺放好。如圖。(可以適當(dāng)?shù)挠米冃喂ぞ咴僬{(diào)整下)

　　圖17

　　這窗做得差不多了，不過(guò)背景不好看，咱給它換下背景吧。

　　新建一個(gè)圖層為背景，(把它放到窗圖層下面)然后畫(huà)一個(gè)和場(chǎng)景一樣大小的填充的矩形，然后把填充色設(shè)置為無(wú)，再畫(huà)一個(gè)小矩形(這個(gè)矩形是無(wú)填充色的)，把它的大小設(shè)置和窗一樣大，畫(huà)好后，在場(chǎng)景外點(diǎn)下，取消選擇，然后再雙擊場(chǎng)景中的小矩形，把它選起來(lái)后刪掉，這樣，背景矩形就畫(huà)好了，(我這里又導(dǎo)入了一張圖片來(lái)填充，方法跟前面畫(huà)窗時(shí)填充一樣的。)

　　圖18

　　畫(huà)好背景后，感覺(jué)是不是好多了，可是再看下場(chǎng)景中，發(fā)現(xiàn)窗簾上面多出的地方實(shí)在不好看，怎么辦?用選擇工具在背景層里選出窗上邊的圖形，然后復(fù)制，再新建一個(gè)“背景上”的圖層，在這一層中把它粘貼到原來(lái)的位置，這樣就行了。
圖19

　　新建一個(gè)圖層“窗上”，繪制一個(gè)矩形條，把它填充為和窗一樣的顏色，再把它放置在窗上面，然后再用線條工具在它下面畫(huà)一條灰色的線條，以增加它的層次感。

　　圖20

　　到此，窗和窗簾已經(jīng)全部完工了，下面就是要給窗后面加點(diǎn)東東，使它看起來(lái)更好看點(diǎn)。

　　在最下面新建一個(gè)“背景圖”的圖層，在這個(gè)圖層中導(dǎo)入一張事先準(zhǔn)備好的圖片做背景，(導(dǎo)入圖片后用變形工具調(diào)整下大小)。

　　圖21

　　本來(lái)到這里就已經(jīng)差不多了，不過(guò)因?yàn)槲冶容^無(wú)聊，所以決定再加點(diǎn)小動(dòng)畫(huà)進(jìn)去。^0^

　新建一個(gè)名為“1”的影片剪輯，選擇文件——導(dǎo)入——導(dǎo)入到舞臺(tái)，導(dǎo)入一張事先準(zhǔn)備好的蝴蝶。導(dǎo)入蝴蝶后，在第5幀和第10幀插入關(guān)鍵幀，然后點(diǎn)下第5幀，把這一幀里，選擇變形工具，然后按住Shift不放，把蝴蝶往中間縮小一半。最后分別在第一幀和第5幀右擊，選擇創(chuàng)建補(bǔ)間動(dòng)畫(huà)。

　　圖22

　　這樣，蝴蝶就會(huì)飛了，不過(guò)就原地飛，下面就來(lái)讓它按我們的要求飛吧。

　　再新建一個(gè)名為“蝴蝶”的影片剪輯，打開(kāi)庫(kù)，把剛做好的元件“1”拖到舞臺(tái)中來(lái)，再為圖層1添加運(yùn)動(dòng)引導(dǎo)層，在引導(dǎo)層的第1幀里隨意畫(huà)出一條線來(lái)(這條線就是你要讓蝴蝶飛的路徑，所以你要它怎么飛就怎么畫(huà)。)

　　圖23

　　畫(huà)好引導(dǎo)線后，在引導(dǎo)層第300幀插入幀，再在圖層1第300幀插入關(guān)鍵幀，點(diǎn)擊圖層1第1幀，在這一幀把蝴蝶放在引導(dǎo)層的一端，也就是要開(kāi)始飛的一端，再點(diǎn)下第300幀，把它放在另一頭。

　　圖24

　　點(diǎn)擊第1幀右擊創(chuàng)建補(bǔ)間動(dòng)畫(huà)，再在補(bǔ)間動(dòng)畫(huà)的屬性中把調(diào)整到路徑勾上，這樣一只沿著指定路徑飛舞的蝴蝶就做好了。最后，在圖層1第340幀插入幀。

　　圖25

　下面我們以同樣的方法再做一只不同路徑飛舞的蝴蝶?！⌒陆ㄒ粋€(gè)名為“蝴蝶飛飛”的影片剪輯，在這里要把剛做好的兩個(gè)蝴蝶飛舞的元件放進(jìn)來(lái)，而且要讓它們?cè)诓煌瑫r(shí)間段開(kāi)始飛出來(lái)。

　　在圖層1第10幀插入關(guān)鍵幀，打開(kāi)庫(kù)，把蝴蝶元件拖到場(chǎng)景中來(lái)，在第120幀插入幀。

　　再新建一個(gè)圖層2，在第50幀插入關(guān)鍵幀，同樣再拖入一個(gè)蝴蝶元件進(jìn)來(lái)，這次可以拖一個(gè)不同路徑的進(jìn)來(lái)。同樣在第120幀插入幀。

　　再新建一個(gè)圖層3，在第120幀插入關(guān)鍵幀，再插入一個(gè)蝴蝶元件進(jìn)來(lái)，這次隨便你要哪個(gè)，不過(guò)拖進(jìn)場(chǎng)景后可以把它改變下方向。最后點(diǎn)擊120幀(哪個(gè)圖層都行)，然后按F9打開(kāi)動(dòng)作面板，輸入stop();(三只蝴蝶的位置要適當(dāng)調(diào)整下)

　　注：如果覺(jué)得蝴蝶的顏色不喜歡，和場(chǎng)景里的圖片不適合的話，可以點(diǎn)擊下想改變顏色的蝴蝶，打開(kāi)屬性面板，選擇顏色—色調(diào)，然后調(diào)整好自己要的顏色，再改變下透明度就行了。

　　圖26

　　返回場(chǎng)，在背景圖層上面新建一個(gè)圖層為“蝴蝶”，然后把剛做好的蝴蝶飛飛元件拖到場(chǎng)景中。

　　可以用做蝴蝶的方法再做一個(gè)楓葉飄落的小動(dòng)畫(huà)，再放置到場(chǎng)景中，因?yàn)榉椒ㄒ粯?，在這就不多說(shuō)了。

　　圖27

　　到此，全部動(dòng)畫(huà)都做完了，不過(guò)，好看的動(dòng)畫(huà)怎么能沒(méi)有好聽(tīng)的音樂(lè)做伴呢，在場(chǎng)景中再新建一個(gè)圖層為音樂(lè)，然后選擇文件—導(dǎo)入—導(dǎo)入到庫(kù)，導(dǎo)入一首事先準(zhǔn)備好的音樂(lè)，點(diǎn)擊音樂(lè)圖層，然后在屬性面板中選擇剛導(dǎo)入的音樂(lè)。

　　圖28

教程結(jié)束，以上就是利用Flash制作白色窗紗隨風(fēng)飄動(dòng)的音樂(lè)動(dòng)畫(huà)特效，希望大家喜歡本教程！

最新評(píng)論