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

本例為用Flash AtionScrip 3.0制作逼真的雪花飄飄的gif動(dòng)畫效果教程,常常從網(wǎng)上的動(dòng)畫中看到大雪紛飛的場面,看到雪花從天空中拖曳而下,真有一種身臨其境的感覺呢?但主要是用AtionScrip 2.0制作,現(xiàn)在我們用AtionScrip 3.0來制作雪景效果。
效果演示:
一、制作雪花元件
1、打開 Flash9.0,新建Flash文檔選擇AtionScrip 3.0。背景色為深藍(lán),舞臺大小為 550×400。然后按下 Ctrl+F8,新建一個(gè)影片剪輯元件“雪花”,進(jìn)入到“雪花”元件編輯狀態(tài)后,圖層1改為“雪花層”用橢圓工具在舞臺上拖曳出一個(gè)大約 2×2 像素?zé)o筆觸純白色的圓來,然后放大到 800%,用選擇工具在邊緣處隨便拉動(dòng),使其變成不規(guī)則的形狀,最后選中這個(gè)圖形,打開【修改】-【形狀】-【柔化填充邊緣】,調(diào)出“柔化填充邊緣”對話框,在“距離”項(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)層”,舞臺縮小到50%,用鉛筆畫從上至下畫一條運(yùn)動(dòng)線,第80幀處插入幀,上鎖。選中“雪花”圖層圖第80幀上“靜態(tài)雪花”元件拖曳到運(yùn)動(dòng)線的下端,選中“雪花”層創(chuàng)建補(bǔ)間動(dòng)畫。如圖2
然后在庫中用右鍵點(diǎn)擊“雪花”元件,選擇“鏈接”項(xiàng),給其添加標(biāo)識符為“xh_mc”。
二、制作背景
回到場景 1 中來,選擇【文件】-【導(dǎo)入】-【導(dǎo)入到舞臺】,從自己的磁盤中選擇一張雪景圖片,選中圖片,把它設(shè)置為550x400,全居中,同時(shí)把圖層 1 更名為“背景”。
三、新建一個(gè)圖層“AS” ,點(diǎn)中第 1幀,打開“動(dòng)作”面板,添加下列代碼:
//聲明一個(gè)時(shí)間變量,類型Timer,隨機(jī)設(shè)置時(shí)間間隔和控制雪花數(shù)量;
sj.addEventListener(TimerEvent.TIMER ,sjcd);
//用sj來偵聽時(shí)間事件;
function sjcd(event:TimerEvent) {
//聲明一個(gè)sjcd函數(shù)
var xh:xh_mc=new xh_mc();
//先聲明一個(gè)對象xh,類型xh_mc,等于一種新類型xh_mc;
addChild(xh);
//把新聲明的xh對象顯示到舞臺上;
xh.x=Math.random()*550;
//雪花x坐標(biāo)在550舞臺上隨機(jī)出現(xiàn);
xh.y=Math.random()*200;
//雪花y坐標(biāo)控制在舞臺上的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í)間開始;
雪景代碼:
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)作窗口測試保存。
以上就是Flash AtionScrip 3.0制作逼真的雪花飄飄的gif動(dòng)畫效果方法,希望能對大家有所幫助!
相關(guān)文章
flash如何做雨滴下落的動(dòng)畫效果? Flash8做一個(gè)下雨效果的技巧
flash如何做雨滴下落的動(dòng)畫效果?想要做一個(gè)逼真的雨滴落下的效果,該怎么做雨滴落下水花擴(kuò)散的效果呢?下面我們就來看看Flash8做一個(gè)下雨效果的技巧2022-08-18flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動(dòng)畫效果怎么做?經(jīng)常使用flash制作動(dòng)畫效果,該怎么制作旋轉(zhuǎn)燈效果,下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧,詳細(xì)請看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動(dòng)畫的實(shí)現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動(dòng)畫的實(shí)現(xiàn)方法,詳細(xì)請看下文介紹2022-06-06flash怎么制作補(bǔ)間動(dòng)畫? flash變形動(dòng)畫的實(shí)現(xiàn)方法
flash怎么制作補(bǔ)間動(dòng)畫?flash中想要制作形狀變化的動(dòng)畫效果,該怎么制作補(bǔ)間動(dòng)畫呢?下面我們就來就來看看flash變形動(dòng)畫的實(shí)現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動(dòng)畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風(fēng)吹荷花的動(dòng)畫熊愛國,該怎么制作這個(gè)效果呢?下面我們就來看看flash制作風(fēng)吹荷花動(dòng)畫的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動(dòng)畫? FLASH做擺動(dòng)荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動(dòng)畫??flash中想要制作荷花搖擺的動(dòng)畫,該怎么制作荷花搖曳的動(dòng)畫呢?下面我們就來看看FLASH做擺動(dòng)荷花的技巧2022-02-06flash怎么做徑向彩虹文字動(dòng)畫? 文字添加彩虹動(dòng)畫效果的技巧
flash怎么做徑向彩虹文字動(dòng)畫?flash椎間盤買個(gè)輸入的文字,想要添加動(dòng)畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動(dòng)畫效果的技巧,詳細(xì)請2021-11-09flash怎么做眨眼動(dòng)畫效果? flash動(dòng)漫人物眨眼動(dòng)畫的做法
flash怎么做眨眼動(dòng)畫效果?flash中想要制作一個(gè)動(dòng)漫人物的眼睛眨眼動(dòng)畫,該怎么制作呢?下面我們就來看看flash動(dòng)漫人物眨眼動(dòng)畫的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動(dòng)畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個(gè)熊熊燃燒的活顏文字,該怎么制作這個(gè)文字效果呢?下面我們就來看看flash做火焰字體動(dòng)畫的技巧2021-11-01flash怎么做文字動(dòng)畫logo? 閃動(dòng)的片頭動(dòng)畫flash的實(shí)現(xiàn)方法
flash怎么做文字動(dòng)畫logo?flash中想要制作一個(gè)文字logo的動(dòng)畫,讓文字閃爍,該怎么制作這個(gè)效果呢?下面我們就來看看flash制作文字動(dòng)畫的技巧2021-10-29