範文齋

用flash製作火苗教程

本例講解了使用AS代碼製作鼠標跟隨效果,讓火苗跟着你的鼠標呈現出美麗的圖形吧!

效果演示:

現在開始製作:

新建flash文檔,背景色爲黑色,其它默認。首先來畫火苗:新建圖形元件,取名爲:“火苗”,用橢園工具無填充,畫一橢園,如圖:

用flash製作火苗教程

然後用選擇工具,調整成下圖形狀:

用flash製作火苗教程 第2張

這個圖一邊是弧形,一邊凹進去了一點。一定是這樣。

用放射填充,按下圖選擇顏色,注意最右邊色標透明度爲零。新建一圖層,並將它拉到第一個圖層的下面:用橢園工具畫一個園,無邊框,填充色爲淡紅色,左色標透明度爲20%,右色標透明度爲0%。畫好後用填充變形工具調整,按下圖放好。

用flash製作火苗教程 第3張

用flash製作火苗教程 第4張

注意,火苗填充後,用填充變形工具,將填充中心點調到,火苗一下部,如圖:

用flash製作火苗教程 第5張

新建一影片剪輯元件,取名爲:“煙”。逐幀插入7個關鍵幀,用放射填充,左右色標都爲白色,左色標透明度爲20%,右色標透明度度爲0%,每一幀的`圖形如下:(點擊小圖看大圖)

用flash製作火苗教程 第6張

然後,打開洋蔥皮工具,讓7幀都行看見,調整7幀圖形位置,成如下形狀。

用flash製作火苗教程 第7張

用flash製作火苗教程 第8張

接下來再建一影片剪輯元件,取名爲閃動的火苗。將火苗元件拖入,在第2幀插入關鍵幀。在第2幀,選中火苗元件,點“修改”-“變形”-“水平翻轉”。上鎖。插入新圖層,畫一無筆觸,黃色放射填充,左色標透明度80%,右色標透明度50%,的橢園,放到火苗的下部。如圖:

用flash製作火苗教程 第9張

用flash製作火苗教程 第10張

在第2幀插入幀,上鎖。再插入新圖層,將煙元件拖入,放到火苗的上方,第2幀插入幀,上鎖。現在回到主場景,將閃動的火苗拖入場景,隨便放個地方。打開屬性面板,爲元件取名爲:hm_mc.然後中,在第3幀插入幀,上鎖。插入新圖層,取名爲:action,在第1幀,打開動作面板,輸入如下代碼:

var i =1;//聲明一個變量i,後面有用。

hm_mc._visible = false;//讓火苗元件不可見。

在第2幀,插入關鍵幀,輸入如下代碼:

if ( i<7) {//將複製7個火苗

hm_icateMovieClip("hm" i,i);//複製火苗

fzhm = eval("hm" i);//獲取新複製火苗的名稱

fzhm._x = _xmouse random(5);//設置複製的火苗的x座標在鼠標座標右方5個象素內

fzhm._y = _ymouse - random(5);//設置複製的火苗的y座標在鼠標座標上方5個象素內

fzhm._._alpha = random(100);//設置新複製火苗的透明度爲隨機的。

i ;

} else {

i = 1;//如果火苗已複製了7個上,將i設爲1,以便複製可以重複進行。

}

在第3幀插入關鍵幀,輸入如下代碼:

gotoAndPlay(2);好了,完工,存盤測試,拖動鼠標看看效果...

標籤:flash 火苗