华南俳烁实业有限公司

考試首頁 | 考試用書 | 培訓課程 | 模擬考場 | 考試論壇  
  當前位置:設(shè)計制作 > Flash > 文章內(nèi)容
  

FLASH教程:FLASH制作花瓣隨風舞動

 [ 2017年9月5日 ] 【

  

Flash教你怎樣制作花瓣隨風舞動

  知識點:

  a、漸變色,形變動畫的應(yīng)用。

  b、元件的as標識符。

  c、attachMovie的應(yīng)用。

  d、movieClip的各項屬性的使用。

  e、濾鏡的應(yīng)用。

  應(yīng)用分析:

  本題最初是幫助朋友做一個視覺效果,做一朵花開放的效果出來。分析一下,花是由一片片花瓣組成,做完每一片花瓣的伸展動畫,然后復(fù)制若干個這個動畫,讓其環(huán)繞一圈播放,那么就可以形成一層花瓣綻放的效果,然后做多層這種效果,最終就可以形成一朵花的效果。注意必須使用flash8.0以上的播放器。   那么問題很簡單,首先要做花瓣。   建立一個空MC,命名為"huanban01",用鋼筆工具畫一個花瓣,注意花瓣的輪廓要使用綠線,而花瓣內(nèi)要使用中心漸變色填充;ò甑拇笮】刂圃陂L度100象素左右。注意該花瓣元件的定義點中心應(yīng)該在花瓣的根部。(這是為了將來復(fù)制的時候,花瓣可以根部為中心進行環(huán)繞)參見圖pic01.jpg:

  

Flash教你怎樣制作花瓣隨風舞動

  在1-30幀之間,做一個花瓣伸展的動畫,其實就是在第1幀把花瓣縮小,然后用形變動畫讓其放大。參見圖pic02.jpg:

  

Flash教你怎樣制作花瓣隨風舞動

  在30-160幀之間,做一個花瓣輕微舞動的效果,也很簡單,只是讓花瓣的外形稍微有一點變化即可。你也可以做的長一些,比如30-400幀之間,多做幾個關(guān)鍵幀。在最后一幀上加上as:   gotoAndPlay(30);   這樣,花瓣在輕微舞動之后會跳回到30幀繼續(xù)舞動,這樣一個花瓣便完成了,你可以把這個元件拖到場景中,觀看一下播放效果。

  每個花瓣的形狀不可能一樣,因此,我們有必要多做幾個花瓣,你可以重復(fù)上述步驟,做出"huanban02","huanban03",讓它們的外形和"huanban01"有所區(qū)別,輕微舞動的頻率也有所區(qū)別。   接下來一步,我們需要把元件庫里的這幾個花瓣加上標識符,以便將來調(diào)用。元件庫里鼠標右鍵點元件"huanban01",在菜單里選擇"鏈接...”,彈出對話框,勾選“為actionscript導(dǎo)出”,“在第一幀導(dǎo)出”,然后在標識符一欄里寫上"huanban01",點確定。參見圖pic03.jpg:

  

Flash教你怎樣制作花瓣隨風舞動

  "huanban02","huanban03"一樣加上標識符。注意元件的標識符是唯一的,不可重復(fù),每一個元件加上標識符之后,運行時就可以將他們隨時調(diào)用出來使用了。   下面需要做一層花瓣,新建一個MC,命名為“花瓣層1”,幀上大概參見圖pic05.jpg:

  

Flash教你怎樣制作花瓣隨風舞動

  在第1幀里寫上:   quan=random(3)+10;   n=1;   quan這個變量是用來計算該層花瓣一共有多少個,如果寫quan=10,那么該層花瓣就一共有10片,random(3)是一個隨機函數(shù),它的作用是隨機生成0-2的隨機整數(shù),那么quan的實際值應(yīng)該為10-12的隨機整數(shù)。n=1,是計數(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)+100;    temp=random(2);    if (temp==0) {    lik._yscale=-lik._yscale;    }    n++      }   this.attachMovie("huaban0"+temp,"huaban"+n,n) 的作用就是隨機從庫里抽出"huaban01","huaban02","huaban03"元件,命名為,"huaban"+n的實例,復(fù)制到本元件內(nèi)   lik=this["huaban"+n]是用lik變量鎖定該復(fù)制的實例,方便后面操作。   lik._rotation=360/quan*i+random(10)-5; 的作用就是把花瓣環(huán)繞分布,+random(10)-5的目的是為了讓花瓣的旋轉(zhuǎn)角度有一定偏差,不至于太平均。   lik._alpha=random(10)+60;的作用是讓花瓣的透明度在60-70之間取隨機值。   lik._xscale=random(20)+100;的作用是讓花瓣的長度在100%到120%之間取取隨機值。   lik._yscale=random(20)+100;的作用是讓花瓣的寬度在100%到120%之間取取隨機值。   temp=random(2);   if (temp==0) {   lik._yscale=-lik._yscale;   }   以上語句的作用是隨機讓花瓣以中軸進行翻轉(zhuǎn)。n++;計數(shù)器+1。在第90幀寫上:   stop();   如此,該層花瓣已經(jīng)完成,可以把該MC拖入場景,觀察效果

  花是由多層花瓣組成的,因此,有必要多做幾個,可以把上面“花瓣層1”元件復(fù)制若干個,修改其中的參數(shù),讓其生成花瓣的數(shù)目,長短,透明等等有一定區(qū)別。分別拉入場景   此時,基本已經(jīng)完工。下面需要做的是組裝花朵。新建一個MC,命名為“花”,按下圖所示,分別將幾個花瓣層組件分配到不同的層中,將他們疊放在一起。最后在最上層放一個中心點。(你也可以放一個花蕊什么的)參見圖pic04.jpg:

  

Flash教你怎樣制作花瓣隨風舞動

  將本元件拖入場景總,播放,效果大致如test06.swf所示:   這時的花看起來還比較平面化,缺少細節(jié),因此,我們需要給花增加效果,讓其看起來更豐富。首先進入“花”組件中,給每一層花瓣都增加兩種濾鏡,分別是投影和發(fā)光。大致的設(shè)置如下。參見圖pic06.jpg,pic07.jpg:

  

Flash教你怎樣制作花瓣隨風舞動

  

Flash教你怎樣制作花瓣隨風舞動

  然后:進入場景中,給“花”組件也增加一種濾鏡“調(diào)整”顏色,大致設(shè)置如下。參見圖pic08.jpg:

首頁 1 2 尾頁
本文糾錯】【告訴好友】【打印此文】【返回頂部
將考試網(wǎng)添加到收藏夾 | 每次上網(wǎng)自動訪問考試網(wǎng) | 復(fù)制本頁地址,傳給QQ/MSN上的好友 | 申請鏈接 | 意見留言 TOP
關(guān)于本站  網(wǎng)站聲明  廣告服務(wù)  聯(lián)系方式  站內(nèi)導(dǎo)航  考試論壇
Copyright © 2007-2013 中華考試網(wǎng)(Examw.com) All Rights Reserved
宁阳县| 广宗县| 筠连县| 中卫市| 民县| 广饶县| 益阳市| 福清市| 分宜县| 灵璧县| 内江市| 海安县| 昭通市| 慈利县| 且末县| 长宁区| 营山县| 新巴尔虎右旗| 临夏县| 伊川县| 怀仁县| 寿光市| 津市市| 天全县| 湄潭县| 甘洛县| 理塘县| 鲁山县| 乌恰县| 南宁市| 昭通市| 马尔康县| 宁强县| 德阳市| 区。| 沙坪坝区| 横峰县| 天峨县| 宣武区| 涡阳县| 象州县|