這個(gè)變化多姿的動(dòng)畫(huà)是由單線(xiàn)條動(dòng)畫(huà)做成的。它利用了Flash的形變、移動(dòng)動(dòng)畫(huà)原理及FOR循環(huán)、復制電影剪輯 duplicateMovieClip() 、旋轉電影(rotation())等行為做成的。(本例子較適合具有一定FLASH 動(dòng)畫(huà)制作、行為動(dòng)畫(huà)基礎的人學(xué)習,如是新手,則要多花一點(diǎn)時(shí)間,但沒(méi)有關(guān)系,有誰(shuí)一出生就是閃客呢?
心動(dòng)不如行動(dòng),一起來(lái)動(dòng)動(dòng)手吧!本例子分為如下三大步:
一、線(xiàn)的變形: 利用FLASH的形變動(dòng)畫(huà)原理。
二、線(xiàn)的變色:利用FLASH的移動(dòng)動(dòng)畫(huà)原理。
三、設置行為: 利用FOR循環(huán)、復制電影剪輯 duplicateMovieClip() 、旋轉電影(rotation())等原理。
*步:線(xiàn)的變形
啟動(dòng)FLASH MX,新建文件,按CTRL+M,將電影屬性設為:(如左下圖)
然后,CTRL+F8,新建電影剪輯,取名為line1,點(diǎn)OK進(jìn)入電影的編輯狀態(tài),右擊工作區,調出網(wǎng)格,并以電影的中心為中點(diǎn),畫(huà)一跟粗細為3(選中直線(xiàn)工具,在屬性面板上修改),選中直線(xiàn),按CTRL+T打開(kāi)對象轉換面板,輸入45,并回車(chē)確認轉換,如上右圖。
接著(zhù),在工作區上(除直線(xiàn)外的任何位置)單擊取消對直線(xiàn)的工具,將鼠標放到直線(xiàn)旁,變成弧形時(shí),按住左鍵往左下角拖如左下圖,在20、40幀按F6插入關(guān)鍵幀,并選中20幀上的對象,將向下彎的弧線(xiàn)向上拖,如右下圖:
*,分別選中第1、20幀,在下方屬性面板的動(dòng)畫(huà)類(lèi)型中選shape,做形狀動(dòng)畫(huà),至此,*大步已做完了。
第二步:線(xiàn)的變色
CTRL+F8新建電影,取名為line2,點(diǎn)OK進(jìn)入,按CTRL+L打開(kāi)庫面板(在FLASH 5.0中可左下角書(shū)的圖標,在FLASH MX打著(zhù)燈籠也找不到,就記這個(gè)快捷鍵吧?。ine1拖出并對齊中心,在20、40幀處F6,分別將三幀上的對象的顏色改為紅、綠、藍,每一種濃度改為*,并把20幀上的對象用變形工具拉大一點(diǎn)。注意:改色時(shí)一定要單擊工作區上的弧線(xiàn),才會(huì )出現屬性面板的color選項。
分別右擊第1、20幀,選Creat Motion Tween創(chuàng )建移動(dòng)動(dòng)畫(huà),回到場(chǎng)景
第三步,最為關(guān)鍵的一步就是設行為了:
從庫面板中拖出line2并選中它,在屬性面板中輸入line
在Flash 5.0里是雙擊需要設行為的幀,而在flash MX中則直接選要設行為的幀,并打開(kāi)屬性面板上的Actions面板或右擊要設行為的幀選Actions,也可打開(kāi),這樣做就多了一步,一般不用這種方法(至少我不喜歡用)。點(diǎn)“+”號增加行為(在Flash MX中,其行為已分類(lèi)存放,如用慣了flash 5.0的則要耐心一點(diǎn)去找它)
A、在行為面板上點(diǎn)“+”號,依次選擇Actions-->conditions/loops-->for增加For 循環(huán)句如右上圖
B、在行為面板上點(diǎn)“+”號,依次選擇Actions-->Variables--->Set Variables在彈出對話(huà)框中的Variables框中輸入linenew,定義一個(gè)新變量,供后面復制電影之用,在下面變量的值中輸入"line" add i將line疊加起來(lái),形成line1,line2,line3……,因為linenew="line" add i是賦值表達式,所以把該框后的表達式的框選上
C、在行為面板上點(diǎn)“+”號,依次選擇Actions-->Movie Clip Control---> duplicateMovieClip如左下圖
D、在行為面板上點(diǎn)“+”號,依次選擇Actions-->Movie Clip Control---> SetProperty如左上圖,下面是所設行為代碼:
for (i=1; i<100; i++) {
linenew = "line" add i;
duplicateMovieClip("line", linenew, i);
setProperty(linenew, _rotation, 6*i);
}
另:Setproperty是設置電影屬性的意思,它可以設置電影的大小、透明、橫、樅坐標值、旋轉等屬性,在flash 行為中起著(zhù)很大的作用。本例中的一些值,讀者可自行更改調試
*便大功告成了,按Ctrl+Enter看看效果,如把背景改成黑色,視覺(jué)將更好,但是要把它放到有背景圖的網(wǎng)頁(yè),可就效果不好了,如同貼在那里一樣,那又怎樣將其背景設為透明呢?是這樣設的:
保存并導出flash文件(為swf格式),啟動(dòng)Dreamweaver,插入flash并選中,在屬性面板中點(diǎn)參數,前面輸入wmode(窗口模式),后面的值輸入transparent透明,點(diǎn)ok,按F12看看效果吧!.fla文件下載