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

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

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

圖2

圖3
5.回到“場景1”,把庫中的“雪花運動”元件拖入到場景中,點選第3幀按下F5鍵插入幀。點選場景中的“雪花運動”元件,在“屬性”面板里給影片剪輯“雪花影片”取個實例名“雪花”,如圖4所示。

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

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