Flash制作漫天飛雪的視覺(jué)效果_Flash教程
推薦:鼠標(biāo)感應(yīng)發(fā)光的文字旋轉(zhuǎn)效果這篇教程是向我們介紹利用Flash AS3.0制作鼠標(biāo)感應(yīng)發(fā)光的文字旋轉(zhuǎn)效果,教程比較基礎(chǔ),在這篇教程里,我們將學(xué)會(huì)用發(fā)光濾鏡使對(duì)象產(chǎn)生發(fā)光的效果,教程很實(shí)用,轉(zhuǎn)發(fā)過(guò)來(lái),希望對(duì)大家有所幫助 注意:這個(gè)實(shí)例需要 TweenMax 類,請(qǐng)把附件中的gs類庫(kù)保存在fla同一目錄下。
本例講解的是Flash制作漫天飛雪的視覺(jué)效果方法。教程制作出來(lái)的效果如鵝毛般的雪花悠悠而落,相當(dāng)逼真。實(shí)例中通過(guò)簡(jiǎn)單的AS復(fù)制雪花并控制它們的運(yùn)動(dòng),形成大雪紛飛的效果。下面我們先來(lái)看看效果圖吧:
效果圖:

1.新建一個(gè)Flash文檔,單擊“屬性”面板中的“尺寸”按鈕,打開(kāi)“文檔屬性”面板設(shè)置場(chǎng)景大小為450px x 180px,背景為#00105A,幀頻為18fps。
2.按快捷鍵Ctrl+F8打開(kāi)“創(chuàng)建新元件”面板新建一個(gè)名為“雪片”的圖形元件,點(diǎn)選“橢圓”工具
,在“雪片”元件的編輯場(chǎng)景中按Shift鍵拉出一個(gè)直徑為5像素的圓,再用“箭頭”工具
稍微調(diào)整一下,最后形狀大概如圖1所示。

圖1
3.新建一個(gè)名為“雪花運(yùn)動(dòng)”的影片剪輯元件,將其場(chǎng)景中的“圖層 1”改名為“雪片”,將“庫(kù)”面板中的“雪片”元件拖入該層的場(chǎng)景中。點(diǎn)選“雪片”層的第40幀按下F6鍵插入關(guān)鍵幀,接著右鍵單擊第1幀選擇“創(chuàng)建補(bǔ)間動(dòng)畫(huà)”命令,再點(diǎn)選第20幀再插入一個(gè)關(guān)鍵幀。
4.右鍵單擊“雪片”層,在彈出的菜單中選擇“添加引導(dǎo)層”命令為“雪片”層建立一個(gè)引導(dǎo)層,如圖2所示。在引導(dǎo)層里畫(huà)一條曲線,將第1和第40幀的“雪片”元件吸附在曲線的左端,第20幀的“雪片”元件吸附在曲線的右端。如圖3所示(此圖為400%顯示
)。

圖2

圖3
5.回到“場(chǎng)景1”,把庫(kù)中的“雪花運(yùn)動(dòng)”元件拖入到場(chǎng)景中,點(diǎn)選第3幀按下F5鍵插入幀。點(diǎn)選場(chǎng)景中的“雪花運(yùn)動(dòng)”元件,在“屬性”面板里給影片剪輯“雪花影片”取個(gè)實(shí)例名“雪花”,如圖4所示。

圖4
6.在“場(chǎng)景1”中新建一個(gè)“腳本”層,分別點(diǎn)選層中的第1、2、3幀按F7鍵插入空白關(guān)鍵幀,如圖5所示,按F9鍵打開(kāi)“動(dòng)作”面板,輸入如下代碼:

圖5
第1幀中的代碼如下:
代碼如下:// 變量flakes用來(lái)控制雪花的數(shù)量,即密度
// _visible屬性隱藏母本
n = 1;
flakes = 100;
雪花._visible = 0;
第2幀中的代碼如下:
代碼如下:i = 1;
while (i<=flakes) {
//控制雪花飄落速度
this["雪花" add i]._y += Math.random()*2+2;
i++;
}
if (n == flakes) {
n = 1;
} else {
// Math.random()方法取0到1之間的隨機(jī)數(shù)
ssize = Math.random()*50+30;
// 復(fù)制雪花
duplicateMovieClip("雪花", "雪花" add n, n);
// 控制雪花飄落范圍
this["雪花" add n]._x = Math.random()*500;
// 雪花隨機(jī)變換大小
this["雪花" add n]._xscale = ssize;
this["雪花" add n]._yscale = ssize;
n++;
}
第3幀中的代碼如下:
代碼如下:// 返回到第2幀播放
gotoAndPlay(2);
效果到這里就完成了。代碼中的this對(duì)象的作用是引用影片剪輯實(shí)例。
以上就是Flash制作漫天飛雪的視覺(jué)效果,希望大家喜歡本教程!
分享:Flash AS3制作茶杯震動(dòng)gif動(dòng)畫(huà)效果下面小編就為大家介紹Flash AS3制作茶杯震動(dòng)gif動(dòng)畫(huà)效果,教程很不錯(cuò)哦,也很簡(jiǎn)單,一起來(lái)學(xué)習(xí)吧! 效果如下:(用鼠標(biāo)指向右側(cè)的茶壺可以看到震動(dòng)效果) 制作過(guò)程如下: 首先準(zhǔn)備一個(gè)圖片當(dāng)做背景,如下: 然后再建立一個(gè)新圖層,導(dǎo)入一個(gè)茶壺素材,然后把它轉(zhuǎn)變?yōu)橛?/p>
- 鼠標(biāo)感應(yīng)發(fā)光的文字旋轉(zhuǎn)效果
- Flash AS3制作茶杯震動(dòng)gif動(dòng)畫(huà)效果
- Flash制作人物會(huì)活動(dòng)的關(guān)節(jié)實(shí)例教程
- Flash 插件崩潰導(dǎo)致頁(yè)面中的flash不顯示
- 怎么把FLASH素材發(fā)到網(wǎng)盤(pán)里
- Flash制作汽車廣告條教程
- Flash CS4制作切換放大菜單效果
- Flash cs3教程:位圖動(dòng)畫(huà)的表現(xiàn)
- Flash CS4教程:制作切換撲克牌效果
- Flash教程:卡通人物基本五官造型和繪制方法
- Flash制作卡通人物眨眼動(dòng)畫(huà)的方法
- Flash AS3打造鼠標(biāo)跟隨炫舞線條動(dòng)畫(huà)效果
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
- 基礎(chǔ)教程:在Flash中鼠繪線圈頁(yè)面
- Flash制作青蛙跳荷葉游戲動(dòng)畫(huà)
- Flash MX2004入門(mén)與進(jìn)階實(shí)例——?jiǎng)幼髂_本(4)
- 打字動(dòng)畫(huà)效果實(shí)例Flash as3教程
- Flash新手入門(mén)教程:水晶按鈕制作和應(yīng)用
- Flash制作超炫彩色線條圖案動(dòng)畫(huà)特效
- as中禁用ESC鍵
- Flash8制作圖片由模糊到清楚效果
- Flash MX2004入門(mén)與進(jìn)階實(shí)例——?jiǎng)幼髂_本進(jìn)階(16)
- 用Flash AS制作逼真的下雨動(dòng)畫(huà)效果
猜你也喜歡看這些
- flash從入門(mén)到精通
- 新東方劍橋商務(wù)英語(yǔ)BEC flash教程 初+中+高 (現(xiàn)已穩(wěn)定供源)
- 課件\flash的多媒體教程
- Authorware 7.0 Flash MX 2004多媒體創(chuàng)作實(shí)例導(dǎo)學(xué)
- 金鷹Flash 8 中文版視頻教程
- FIF小組Flash MX 2004視頻教程超速入門(mén)
- 北風(fēng)網(wǎng)web講師李炎恢老師網(wǎng)頁(yè)三劍客之flash從入門(mén)到精通59課時(shí)|已完結(jié)
- Flash 8經(jīng)典動(dòng)畫(huà)設(shè)計(jì)實(shí)錄
- 中科院新科海Flash培訓(xùn)視頻
- 金鷹Flash ActionScript編程視頻教程 swf
- 相關(guān)鏈接:
- 教程說(shuō)明:
Flash教程-Flash制作漫天飛雪的視覺(jué)效果
。