Flash制作漂亮的雪落櫻花舞文字特效

發(fā)布時(shí)間：2014-09-24 15:20:28 作者：佚名

這篇教程是向腳本之家的朋友介紹利用Flash制作漂亮的雪落櫻花舞文字特效，教程制作出來的效果很不錯(cuò)，難度不是很大，適合初學(xué)朋友學(xué)習(xí)，推薦給大家，希望大家喜歡

　　本教程是向腳本之家的朋友介紹利用Flash制作漂亮的雪落櫻花舞文字特效，教程制作出來的文字很漂亮，教程屬于初級(jí)教程，主要運(yùn)用了遮罩應(yīng)用,形成嵌套動(dòng)畫,復(fù)制影片剪輯命令:duplicateMovieClip();等，實(shí)用性很強(qiáng)，推薦給腳本之家的朋友，感興趣的朋友可以一起來學(xué)習(xí)哦！

　　1.首先打開flash ,按下ctrl+j來設(shè)置一下文檔的屬性.默認(rèn)文檔尺寸,默認(rèn)白色背景.修改FPS值為16,(這些值是本例的要求,你自己作的時(shí)候可以自定義.)

　　2.新建一個(gè)圖符元件(按下ctrl+F8).起名為:”文字”.如圖:

　　確定后在打開的新窗口中用”文本工具”在場(chǎng)景中輸入文字”雪落櫻花舞”,文字屬性如圖設(shè)置:

　　3.再新建一個(gè)影片剪輯元件(按下ctrl+F8).起名為:”文字動(dòng)畫.”如圖:

　　確定后,打開庫面板(ctrl+L),將”文字”元件拖到窗口中來.調(diào)整一下位置.然后新建一個(gè)圖層.在這個(gè)圖層上畫一個(gè)無邊框的方形.大小為能夠遮蓋一個(gè)文字就好.不要太大也不要過小.如圖:

　　然后打開”混色器”面板給小方塊填充放射狀漸變色.混色器中設(shè)置如圖:

　　填充好后用”填充變形工具”將填充修改如圖:

　　修改好填充后我們把它轉(zhuǎn)換成一個(gè)圖符元件,以便今后修改.在這個(gè)方形被選中的狀態(tài)下按下F8.轉(zhuǎn)換成一個(gè)圖符元件.如圖:

　　然后選中”方塊”元件進(jìn)行”復(fù)制”—“粘貼”N次(我復(fù)制了10個(gè)),排列成如圖所示;選中這些方塊后按下F8將它們轉(zhuǎn)換成一個(gè)圖符元件.起名為”方塊遮罩”如圖:

　　4.接下來我們作遮罩動(dòng)畫

　　將圖層2設(shè)成顯示輪廓狀態(tài)(點(diǎn)擊圖層2名稱右邊的小方框),然后將”方塊遮罩”元件放到如圖位置:

　　然后將所有圖層延長到第30幀處,并在圖層2的30幀處插入一個(gè)關(guān)鍵幀.將”方塊遮罩”元件移到如圖位置,并建立運(yùn)動(dòng)間補(bǔ)動(dòng)畫.

　　這樣就可以形成一個(gè)動(dòng)畫嵌套的運(yùn)動(dòng)的效果.

　　將圖層2拖到圖層1下,設(shè)立遮罩,圖層1為遮罩層,圖層2為被遮罩層,然后將圖層2的輪廓顯示取消

　　回車看一下效果.如果你現(xiàn)在是循環(huán)播放，那你會(huì)看到動(dòng)畫是一個(gè)循環(huán)運(yùn)動(dòng)的。沒有停頓，也沒有太大的變化，這就是我們所說的動(dòng)畫嵌套運(yùn)動(dòng)；

　　5.接下來我們就給這個(gè)字上加點(diǎn)小特效。落葉！

　　新建一個(gè)圖符元件,起名為”落葉”.確定后在窗口中畫個(gè)大小為10象素左右的葉子形狀,填充色可以是單色,也可以是一漸變色.為了觀察我將背景改成了黑色如圖:

　　6.再新建一個(gè)影片剪輯元件,起名為”落葉動(dòng)畫”.確定后把”落葉”元件從庫中拖到場(chǎng)景中注冊(cè)點(diǎn)左下角位置..并在放置它的圖層的第30幀處插入一個(gè)關(guān)鍵幀.將第30幀上的”落葉”元件向左下角移到一段距離.然后設(shè)置運(yùn)動(dòng)間補(bǔ)動(dòng)畫.并在屬性面板中設(shè)置順時(shí)針旋轉(zhuǎn)一圈.

　　7.再新建一個(gè)影片剪輯元件,起名為”復(fù)制落葉”, .確定后把”落葉動(dòng)畫”元件從庫中拖到場(chǎng)景中注冊(cè)點(diǎn)右邊位置..并起實(shí)例名為”ly”

選中第1幀(或新建一個(gè)圖層,選中第1幀),按下F9,打開動(dòng)作面板,在動(dòng)作面板中加入以下代碼

(注釋參考源文件中…..)

復(fù)制代碼

代碼如下:

onLoad = function () {
n = 0;
};
onEnterFrame = function () {
duplicateMovieClip("ly", "ly"+n, n);
setProperty("ly"+n, _x, random(300));
setProperty("ly"+n, _y, random(30));
setProperty("ly"+n, _alpha, random(50)+50);
n++;
if (n>30) {
n = 0;
}
};

　　8.回到主場(chǎng)景中來,把”文字動(dòng)畫”MC與”復(fù)制落葉”拖到主場(chǎng)景中.并使”復(fù)制落葉”MC位于”文字動(dòng)畫”MC的左上角