Flash AtionScrip 3.0制作逼真的雪花飄飄的gif動(dòng)畫(huà)效果

發(fā)布時(shí)間：2015-03-03 17:04:37 作者：佚名

這篇教程主要是向腳本之家的朋友介紹Flash AtionScrip 3.0制作逼真的雪花飄飄的gif動(dòng)畫(huà)方法，教程制作出來(lái)的效果很不錯(cuò)，方法也不是很難，推薦到腳本之家，喜歡的朋友可以過(guò)來(lái)參考一下，一起來(lái)看看吧

本例為用Flash AtionScrip 3.0制作逼真的雪花飄飄的gif動(dòng)畫(huà)效果教程，常常從網(wǎng)上的動(dòng)畫(huà)中看到大雪紛飛的場(chǎng)面，看到雪花從天空中拖曳而下，真有一種身臨其境的感覺(jué)呢？但主要是用AtionScrip 2.0制作，現(xiàn)在我們用AtionScrip 3.0來(lái)制作雪景效果。

效果演示：

一、制作雪花元件

1、打開(kāi) Flash9.0，新建Flash文檔選擇AtionScrip 3.0。背景色為深藍(lán)，舞臺(tái)大小為 550×400。然后按下 Ctrl+F8，新建一個(gè)影片剪輯元件“雪花”，進(jìn)入到“雪花”元件編輯狀態(tài)后，圖層1改為“雪花層”用橢圓工具在舞臺(tái)上拖曳出一個(gè)大約 2×2 像素?zé)o筆觸純白色的圓來(lái)，然后放大到 800％，用選擇工具在邊緣處隨便拉動(dòng)，使其變成不規(guī)則的形狀，最后選中這個(gè)圖形，打開(kāi)【修改】-【形狀】-【柔化填充邊緣】，調(diào)出“柔化填充邊緣”對(duì)話(huà)框，在“距離”項(xiàng)中填入 5px，“步驟數(shù)”為5，“方向”為“擴(kuò)展”，完成后尺寸大約為 7.5×7 像素，全選圖形右鍵轉(zhuǎn)為影片剪輯元件“靜態(tài)雪花”。如圖 1（放大為 800％的效果）。

2、在影片剪輯“雪花”元件“雪花層”圖層的第80幀上插入關(guān)鍵幀，然后在第二層“添加運(yùn)動(dòng)引導(dǎo)層”，舞臺(tái)縮小到50%，用鉛筆畫(huà)從上至下畫(huà)一條運(yùn)動(dòng)線，第80幀處插入幀，上鎖。選中“雪花”圖層圖第80幀上“靜態(tài)雪花”元件拖曳到運(yùn)動(dòng)線的下端，選中“雪花”層創(chuàng)建補(bǔ)間動(dòng)畫(huà)。如圖2

然后在庫(kù)中用右鍵點(diǎn)擊“雪花”元件，選擇“鏈接”項(xiàng)，給其添加標(biāo)識(shí)符為“xh_mc”。

Webjx核心提示：本例為用Flash AtionScrip 3.0制作雪花飄飄的雪景效果，常常從網(wǎng)上的動(dòng)畫(huà)中看到大雪紛飛的場(chǎng)面，看到雪花從天空中拖曳而下，真有一種身臨其境的感覺(jué)呢？但主要是用AtionScrip 2.0制作，現(xiàn)在我們用AtionScrip 3.0來(lái)制作雪景效果.

二、制作背景

回到場(chǎng)景 1 中來(lái)，選擇【文件】-【導(dǎo)入】-【導(dǎo)入到舞臺(tái)】，從自己的磁盤(pán)中選擇一張雪景圖片，選中圖片，把它設(shè)置為550x400,全居中，同時(shí)把圖層 1 更名為“背景”。
三、新建一個(gè)圖層“AS” ，點(diǎn)中第 1幀，打開(kāi)“動(dòng)作”面板，添加下列代碼：

復(fù)制代碼

代碼如下:

Var sj:Timer=new Timer(Math.random()*300+100,100);
//聲明一個(gè)時(shí)間變量，類(lèi)型Timer，隨機(jī)設(shè)置時(shí)間間隔和控制雪花數(shù)量；
sj.addEventListener(TimerEvent.TIMER ,sjcd);
//用sj來(lái)偵聽(tīng)時(shí)間事件；
function sjcd(event:TimerEvent) {
//聲明一個(gè)sjcd函數(shù)
var xh:xh_mc=new xh_mc();
//先聲明一個(gè)對(duì)象xh，類(lèi)型xh_mc,等于一種新類(lèi)型xh_mc;
addChild(xh);
//把新聲明的xh對(duì)象顯示到舞臺(tái)上；
xh.x=Math.random()*550;
//雪花x坐標(biāo)在550舞臺(tái)上隨機(jī)出現(xiàn)；
xh.y=Math.random()*200;
//雪花y坐標(biāo)控制在舞臺(tái)上的0-200處隨機(jī)出現(xiàn)；
xh.alpha=Math.random()*1+0.2;
//雪花的隨機(jī)透明度；
xh.scaleX=Math.random()*0.5+0.5;
//隨機(jī)控制雪花在x的寬度；
xh.scaleY=Math.random()*0.5+0.5;
//隨機(jī)控制雪花在y的寬度；
}
sj.start();//時(shí)間開(kāi)始；

雪景代碼：

復(fù)制代碼

代碼如下:

var sj:Timer =new Timer(Math.random()*300+100,100);
sj.addEventListener(TimerEvent.TIMER ,sjcd);
function sjcd(event:TimerEvent) {
var xh:xh_mc=new xh_mc();
addChild(xh);
xh.x=Math.random()*550;
xh.y=Math.random()*200;
xh.alpha=Math.random()*1+0.2;
xh.scaleX=Math.random()*0.5+0.5;
xh.scaleY=Math.random()*0.5+0.5;
}
sj.start();

四、關(guān)閉動(dòng)作窗口測(cè)試保存。

以上就是Flash AtionScrip 3.0制作逼真的雪花飄飄的gif動(dòng)畫(huà)效果方法，希望能對(duì)大家有所幫助！