Flash教你怎樣制作花瓣隨風(fēng)舞動

1、Flash教你怎樣制作花瓣隨風(fēng)舞動知識點(diǎn)：a、漸變色,形變動畫的應(yīng)用。b、元件的as標(biāo)識符。c、attachMovie的應(yīng)用。d、movieClip的各項(xiàng)屬性的使用。e、濾鏡的應(yīng)用。應(yīng)用分析：本題最初是幫助朋友做一個視覺效果,做一朵花開放的效果出來。分析一下，花是由一片片花瓣組成，做完每一片花瓣的伸展動畫，然后復(fù)制若干個這個動畫，讓其環(huán)繞一圈播放，那么就可以形成一層花瓣綻放的效果，然后做多層這種效果，最終就可以形成一朵花的效果。注意必須使用flash8.0以上的播放器。 那么問題很簡單，首先要做花瓣。 建立一個空MC，命名為"huanban01"，用鋼筆工具畫一個花瓣，注意

2、花瓣的輪廓要使用綠線，而花瓣內(nèi)要使用中心漸變色填充?；ò甑拇笮】刂圃陂L度100象素左右。注意該花瓣元件的定義點(diǎn)中心應(yīng)該在花瓣的根部。（這是為了將來復(fù)制的時候，花瓣可以根部為中心進(jìn)行環(huán)繞）參見圖pic01.jpg： 在1-30幀之間，做一個花瓣伸展的動畫，其實(shí)就是在第1幀把花瓣縮小，然后用形變動畫讓其放大。參見圖pic02.jpg：在30-160幀之間，做一個花瓣輕微舞動的效果，也很簡單，只是讓花瓣的外形稍微有一點(diǎn)變化即可。你也可以做的長一些，比如30-400幀之間，多做幾個關(guān)鍵幀。在最后一幀上加上as： gotoAndPlay(30); 這樣，花瓣在輕微舞動之后會跳回到30幀繼續(xù)舞動，這樣一個

3、花瓣便完成了，你可以把這個元件拖到場景中，觀看一下播放效果。每個花瓣的形狀不可能一樣，因此，我們有必要多做幾個花瓣，你可以重復(fù)上述步驟，做出"huanban02"，"huanban03"，讓它們的外形和"huanban01"有所區(qū)別，輕微舞動的頻率也有所區(qū)別。 接下來一步，我們需要把元件庫里的這幾個花瓣加上標(biāo)識符，以便將來調(diào)用。元件庫里鼠標(biāo)右鍵點(diǎn)元件"huanban01"，在菜單里選擇"鏈接.”，彈出對話框，勾選“為actionscript導(dǎo)出”，“在第一幀導(dǎo)出”，然后在標(biāo)識符一欄里寫上"hua

4、nban01"，點(diǎn)確定。參見圖pic03.jpg： "huanban02"，"huanban03"一樣加上標(biāo)識符。注意元件的標(biāo)識符是唯一的，不可重復(fù)，每一個元件加上標(biāo)識符之后，運(yùn)行時就可以將他們隨時調(diào)用出來使用了。 下面需要做一層花瓣，新建一個MC，命名為“花瓣層1”，幀上大概參見圖pic05.jpg：在第1幀里寫上： quan=random(3)+10; n=1; quan這個變量是用來計(jì)算該層花瓣一共有多少個，如果寫quan=10，那么該層花瓣就一共有10片，random(3)是一個隨機(jī)函數(shù)，它的作用是隨機(jī)生成0-2的隨機(jī)整數(shù)，那

5、么quan的實(shí)際值應(yīng)該為10-12的隨機(jī)整數(shù)。n=1，是計(jì)數(shù)器，不贅述。在第2幀里寫上： for (i=1;i<=quan;i+) temp=random(3)+1; this.attachMovie("huaban0"+temp,"huaban"+n,n) lik=this"huaban"+n lik._rotation=360/quan*i+random(10)-5; lik._alpha=random(10)+60; lik._xscale=random(20)+100; lik._yscale=random(20)+10

6、0; temp=random(2); if (temp=0) lik._yscale=-lik._yscale; n+ this.attachMovie("huaban0"+temp,"huaban"+n,n) 的作用就是隨機(jī)從庫里抽出"huaban01","huaban02","huaban03"元件，命名為,"huaban"+n的實(shí)例，復(fù)制到本元件內(nèi) lik=this"huaban"+n是用lik變量鎖定該復(fù)制的實(shí)例，方便后面操作。 lik._rota

7、tion=360/quan*i+random(10)-5; 的作用就是把花瓣環(huán)繞分布，+random(10)-5的目的是為了讓花瓣的旋轉(zhuǎn)角度有一定偏差，不至于太平均。 lik._alpha=random(10)+60;的作用是讓花瓣的透明度在60-70之間取隨機(jī)值。 lik._xscale=random(20)+100;的作用是讓花瓣的長度在100%到120%之間取取隨機(jī)值。 lik._yscale=random(20)+100;的作用是讓花瓣的寬度在100%到120%之間取取隨機(jī)值。 temp=random(2); if (temp=0) lik._yscale=-lik._yscale;

8、以上語句的作用是隨機(jī)讓花瓣以中軸進(jìn)行翻轉(zhuǎn)。n+;計(jì)數(shù)器+1。在第90幀寫上： stop(); 如此，該層花瓣已經(jīng)完成，可以把該MC拖入場景，觀察效果花是由多層花瓣組成的，因此，有必要多做幾個，可以把上面“花瓣層1”元件復(fù)制若干個，修改其中的參數(shù)，讓其生成花瓣的數(shù)目，長短，透明等等有一定區(qū)別。分別拉入場景 此時，基本已經(jīng)完工。下面需要做的是組裝花朵。新建一個MC，命名為“花”，按下圖所示，分別將幾個花瓣層組件分配到不同的層中，將他們疊放在一起。最后在最上層放一個中心點(diǎn)。（你也可以放一個花蕊什么的）參見圖pic04.jpg：將本元件拖入場景總，播放，效果大致如test06.swf所示： 這時的花看起來還比較平面化，缺少細(xì)節(jié)，因此，我們需要給花增加效果，讓其看起來更豐富。首先進(jìn)入“花”組件中，給每一層花瓣都增加兩種濾鏡，分別是投影和發(fā)光。大致的設(shè)置如下。參見圖pic06.jpg，pic07.jpg： 然后：進(jìn)入場景中，給“花”組件也增加一種濾鏡“調(diào)整”顏色，大致設(shè)置如下。參見圖pic08.jpg