當前位置:學問君>學習教育>畢業論文>

淺談Flash三維效果應用實例

學問君 人氣:1.3W

摘 要:Flash雖然是二維動畫製作軟件,但也可以採用一些三維技術原理在flash中實現簡單的僞三維效果,即透過對物體放大縮小,改變透明度、深度,運動變換等操作來達到視覺欺騙的效果。原理雖然簡單,如果應用合理也能產生很眩的效果。通常,我們可以利用三種方法實現:光影效果、遮罩、使用ActionScript。其中,光影效果實現起來比較簡單,不再贅述,下面分別對如何利用遮罩和ActionScript實現三維效果做簡單介紹。

淺談Flash三維效果應用實例

關鍵詞:flash 三維效果 遮罩 ActionScript

實例一:利用遮罩製作三維旋轉效果——善待地球

操作步驟:

(1)新建圖形元件“地球”。單擊“橢圓工具"按鈕,按住shift鍵,畫出一個正圓。

(2)在“混色器”中選擇放射狀漸變色,設定兩個漸變點,左邊漸變點是“alpha”值爲16%的藍色(003366),右邊漸變點是“alpha”值爲100%的藍色(003366),如圖1。

(3)使用“顏料桶工具”爲圓填充這種漸變色,並刪去圓的邊框,如圖2。

圖1      圖2

(4)新建圖形元件“文字”。單擊“文字工具”按鈕,選擇白色,在舞臺中寫出“善待地球”文字,字型爲黑體,字號爲“50”。

(5)新建圖形元件“遮罩”。使用“橢圓工具”畫個正圓,顏色值爲“#666666”。

(6)匯入庫中的兩張地圖圖片,“地圖1”和“地圖2”

(7)新建圖形元件“旋轉的地球”。將圖層1改名爲“遮罩”,在此圖層的第1幀匯入名爲“遮罩”的元件。

(8)在“遮罩”層第35幀插入關鍵幀。

(9)新建圖層,命名爲“地圖2”,位於“遮罩”圖層的下方,在此圖層的第1幀匯入圖片“地圖2”。

(10)單擊“地圖2”層的第35幀,按F6插入關鍵幀,並調整圖形位置。

(11)右鍵單擊“地圖2”層第1幀到35幀任意一幀,在彈出的選單中單擊“創建補間動畫”命令。

(12)右鍵單擊“遮罩”層的層標,在彈出的選單中單擊“遮罩層”命令。

(13)在“遮罩”層和“地圖2”層中間新建圖層“地圖1”。在此圖層的第1幀匯入元件“地圖1”。單擊“地圖1”層的第35幀,插入關鍵幀,並調整圖片位置。

(14)右鍵單擊“地圖1”層的第1幀,在彈出的選單中單擊“創建補間動畫”命令。

(15)新建圖層“地球”,位於已有圖層的上方,在此圖層的第1幀匯入名爲“地球”的'元件,用“任意變形工具”的大小和位置,使它與“遮罩”剛好重合。

(16)單擊“場景1”。

(17)在“圖層1”的第1幀匯入元件“旋轉的地球”,調整其大小和位置。

(18)在第105幀插入關鍵幀。

(19)新建“圖層2”,位於“圖層1”的上方,右擊第25幀插入關鍵幀,匯入名爲“遮罩”的元件,調整並覆蓋“旋轉的地球”元件。

(20)單擊“圖層2”的第66幀,插入關鍵幀。

(21)將“圖層2”第25幀上圖形的“alpha”值設爲0,第66幀上圖形的“alpha”值設爲68%。

(22)右鍵單擊“圖層2”的第25幀,選擇“創建補間動畫”命令。

(23)新建“圖層3”,位於已有圖層的上方。在第61幀插入關鍵幀,在此幀中匯入名爲“文字”的元件,將它縮小置於舞臺上方。

(24)在“圖層3”第67幀插入關鍵幀,調整“文字”元件。

(25)右鍵單擊“圖層3”的第25幀,選擇“創建補間動畫”命令。

最後按Ctrl+Enter觀看效果(如圖):隨着地球的旋轉,純淨湛藍的地球最終變成污濁蒙灰的地球,立體感很強,呼籲人類要善待地球。

實例二:神奇的ActionScript

如果flash僅僅是靠改變幀動作來製作動畫,或許就不會有今天的輝煌。強大的ActionScript吸引了更多愛好者,我們可以利用ActionScript實現三維效果。下面透過一個簡單的實例,領略ActionScript的數字三維魔力。

操作步驟:

(1)新建檔案並插入一個新圖層,從上至下取名爲腳本、小球。按Ctrl+F8創建一個名爲“小球”的影片剪輯,在其中繪製一個小球,並填充放射性漸變色;將小球從“庫”中拖放到“小球”圖層的第1幀,單擊“屬性”按鈕,將其“實例名”設定爲“ball”,再在第2幀按F5鍵。

(2)在“腳本”圖層的第1幀按F6鍵,然後單擊下方的“動作”按鈕,輸入如下腳本:“zongshu=12;”在第2幀按F6鍵,再輸入如下語句:

stagewidth=500;

stageheight=320;

centerstageX=stagewidth/2;

centerstageY=stageheight/2;

for (i=1; izongshu+1; i++) {

duplicateMovieClip (“ball”, “ball”+i, i);

}

stop();

(3)選中小球,開啟“動作面板”,爲小球加上如下語句:

onClipEvent (load){

_root.ball._visible=false;

name=substring(_name, 5, 2);

x=(2*Math.PI)*(name/_root.zongshu);

_root.xspeed=0;

_root.yspeed=1;

}

onClipEvent (enterFrame) {

zradius=50;

xradius=150;

x+=_root.xspeed;

cosX=Math.cos(x);

sinX=Math.sin(x);

_x=cosX*xradius*(4+sinX)/4+_root.centerstageX;

scale=sinX*zradius/2+100;

_xscale=scale;

_yscale=scale;

alpha=sinX*zradius+85;

_alpha=alpha;

y=(sinX+(1-sinX)*(1-sinX)/6)*zradius;

_y=_root.yspeed*y+130;

this.swapDepths((sinX+1)*100);

}

onClipEvent (mouseMove){

_root.xspeed=0.0004*_xmouse;

_root.yspeed=0.01*(_ymouse+50);

}

最後按Ctrl+Enter觀看效果(如圖):小球會隨着鼠標的移動方向而旋轉,立體感很強。

利用遮罩和ActionScript實現flash三維效果,也如此的美輪美奐。當然,如果想透過flash實現更多的視覺效果,還需要不斷挖掘和探索,比如引進三維引擎技術,可能會更好地實現flash三維效果,讓我們努力去研究並拭目以待。

參考文獻

[1]育碟 Flash精華案例[軟件公司]Adobe 2009。

Adobe Flash CS3中文版經典教程(1CD).人民郵電出版社,2008。

Flash CS3動畫設計教程與上機指導. 清華大學出版社,2008。

中文版Flash動畫製作實訓教程.航空工業出版社,2009。

Flash CS3動畫製作基礎與案例教程.北京理工大學出版社,2008。