光 芒 四 射

前言: 製作3個白色光芒的Movie Clip,利用Duplicate(衍生)的功能,產生許多的光束,再利用Random(隨機)的功能,讓光束的射出角度在畫面中隨機出現,造成自然佈滿畫面的光芒四射。

步驟 1

整個Movie寬高設定為600 X 400 像素,產生一個Graphic,命名為"bg0",在"bgo"的編制介面中,畫一個線性漸層填色的白色三角形。如圖 1所示。



步驟 2

產生一個Movie Clip,命名為"bg1"。在"bg1"的編輯介面中,利用Library把"bg0"拉進畫面來。做一段由右向左水平位移的Motion動畫,時間長度約為10個 Frame,位移的距離約為300個像素(可利用Rulers尺規來輔助作業)。在Frame 1的時候,把"bg0"縮小,並且將Alpha值設為0,在Frame 10的時候,則將"bgo"的大小設為原來大小,Alpha值調至100。如圖 2所示。


步驟 3

產生一個Movie Clip,命名為"bg2"。在"bg2"的編輯介面中,利用Library把"bg0"拉進畫面來。做一段由右向左水平位移的Motion動畫,時間長度約為15個 Frame,位移的距離約為300個像素(可利用Rulers尺規來輔助作業)。在Frame 1的時候,把"bg0"縮小,並且將Alpha值設為0,在Frame 10的時候,則將"bg0"的大小設為原來大小,Alpha值調至100。與步驟 2相同。

步驟 4

產生一個Movie Clip,命名為"bg3"。在"bg3"的編輯介面中,利用Library把"bg0"拉進畫面來。做一段由右向左水平位移的Motion動畫,時間長度約為20個 Frame,位移的距離約為300個像素(可利用Rulers尺規來輔助作業)。在Frame 1的時候,把"bg0"縮小,並且將Alpha值設為0,在Frame 10的時候,則將"bg0"的大小設為原來大小,Alpha值調至100。與步驟 2相同。

步驟 5

回到Scene場景來,將Layer 1命名為"光芒",利用Library把"bg1"、"bg2"、"bg3"拉到場景上,將"光芒"的時間設為2個Frame,如 圖 3 所示。


步驟 6

依次點選"bg1"、"bg2"、"bg3",分別給予InstanceName命名"bg1"、"bg2"、"bg3"。如圖 4所示


步驟 7

再插入一個Layer圖層,命名為"actions",在Frame1及Frame2都插入空白的Blank Keyframe。

在Frame 1的 Frame Properties的Actions做以下設定

if (n<50) {

n = n+1;
an = "a" + n;
duplicateMovieClip("bg1", an, n*3);
setProperty(an, _rotation, Math.random()*360);
bn = "b" + n;
duplicateMovieClip("bg2", bn, n*3+1);
setProperty(bn, _rotation, Math.random()*360);
cn = "c" + n;
duplicateMovieClip("bg3", cn, n*3+2);
setProperty(cn, _rotation, Math.random()*360);

}

 

在Frame 2的 Frame Properties的Actions做以下設定

gotoAndPlay(1);

 

步驟 8

 

再插入一個Layer圖層,命名"文字",輸入"軟體大學"之宣傳文字,整個作品則大工告成。如 圖 5所示。


原始檔下載


回課程目錄