Flash三維效果應(yīng)用實例
摘 要:Flash雖然是二維動畫制作軟件,但也可以采用一些三維技術(shù)原理在flash中實現(xiàn)簡單的偽三維效果,即通過對物體放大縮小,改變透明度、深度,運動變換等操作來達到視覺欺騙的效果。原理雖然簡單,如果應(yīng)用合理也能產(chǎn)生很眩的效果。通常,我們可以利用三種方法實現(xiàn):光影效果、遮罩、使用ActionScript。其中,光影效果實現(xiàn)起來比較簡單,不再贅述,下面分別對如何利用遮罩和ActionScript實現(xiàn)三維效果做簡單介紹。關(guān)鍵詞:flash 三維效果 遮罩 ActionScript
實例一:利用遮罩制作三維旋轉(zhuǎn)效果——善待地球
操作步驟:
(1)新建圖形元件“地球”。單擊“橢圓工具"按鈕,按住shift鍵,畫出一個正圓。
(2)在“混色器”中選擇放射狀漸變色,設(shè)置兩個漸變點,左邊漸變點是“alpha”值為16%的藍色(003366),右邊漸變點是“alpha”值為100%的藍色(003366),如圖1。
(3)使用“顏料桶工具”為圓填充這種漸變色,并刪去圓的邊框,如圖2。
圖1 圖2
(4)新建圖形元件“文字”。單擊“文本工具”按鈕,選擇白色,在舞臺中寫出“善待地球”文字,字體為黑體,字號為“50”。
(5)新建圖形元件“遮罩”。使用“橢圓工具”畫個正圓,顏色值為“#666666”。
(6)導入庫中的兩張地圖圖片,“地圖1”和“地圖2”
(7)新建圖形元件“旋轉(zhuǎn)的地球”。將圖層1改名為“遮罩”,在此圖層的第1幀導入名為“遮罩”的元件。
(8)在“遮罩”層第35幀插入關(guān)鍵幀。
(9)新建圖層,命名為“地圖2”,位于“遮罩”圖層的下方,在此圖層的第1幀導入圖片“地圖2”。
(10)單擊“地圖2”層的第35幀,按F6插入關(guān)鍵幀,并調(diào)整圖形位置。
(11)右鍵單擊“地圖2”層第1幀到35幀任意一幀,在彈出的菜單中單擊“創(chuàng)建補間動畫”命令。
(12)右鍵單擊“遮罩”層的層標,在彈出的菜單中單擊“遮罩層”命令。
(13)在“遮罩”層和“地圖2”層中間新建圖層“地圖1”。在此圖層的第1幀導入元件“地圖1”。單擊“地圖1”層的第35幀,插入關(guān)鍵幀,并調(diào)整圖片位置。
(14)右鍵單擊“地圖1”層的第1幀,在彈出的菜單中單擊“創(chuàng)建補間動畫”命令。
(15)新建圖層“地球”,位于已有圖層的上方,在此圖層的第1幀導入名為“地球”的元件,用“任意變形工具”的大小和位置,使它與“遮罩”剛好重合。
(16)單擊“場景1”。
(17)在“圖層1”的第1幀導入元件“旋轉(zhuǎn)的地球”,調(diào)整其大小和位置。
(18)在第105幀插入關(guān)鍵幀。
(19)新建“圖層2”,位于“圖層1”的上方,右擊第25幀插入關(guān)鍵幀,導入名為“遮罩”的元件,調(diào)整并覆蓋“旋轉(zhuǎn)的地球”元件。
(20)單擊“圖層2”的第66幀,插入關(guān)鍵幀。
(21)將“圖層2”第25幀上圖形的“alpha”值設(shè)為0,第66幀上圖形的“alpha”值設(shè)為68%。
(22)右鍵單擊“圖層2”的第25幀,選擇“創(chuàng)建補間動畫”命令。
(23)新建“圖層3”,位于已有圖層的上方。在第61幀插入關(guān)鍵幀,在此幀中導入名為“文字”的元件,將它縮小置于舞臺上方。
(24)在“圖層3”第67幀插入關(guān)鍵幀,調(diào)整“文字”元件。
(25)右鍵單擊“圖層3”的第25幀,選擇“創(chuàng)建補間動畫”命令。
最后按Ctrl+Enter觀看效果(如圖):隨著地球的旋轉(zhuǎn),純凈湛藍的地球最終變成污濁蒙灰的地球,立體感很強,呼吁人類要善待地球。
實例二:神奇的ActionScript
如果flash僅僅是靠改變幀動作來制作動畫,或許就不會有今天的輝煌。強大的ActionScript吸引了更多愛好者,我們可以利用ActionScript實現(xiàn)三維效果。下面通過一個簡單的實例,領(lǐng)略ActionScript的數(shù)字三維魔力。
操作步驟:
(1)新建文件并插入一個新圖層,從上至下取名為腳本、小球。按Ctrl+F8創(chuàng)建一個名為“小球”的影片剪輯,在其中繪制一個小球,并填充放射性漸變色;將小球從“庫”中拖放到“小球”圖層的第1幀,單擊“屬性”按鈕,將其“實例名”設(shè)置為“ball”,再在第2幀按F5鍵。
(2)在“腳本”圖層的第1幀按F6鍵,然后單擊下方的“動作”按鈕,輸入如下腳本:“zongshu=12;”在第2幀按F6鍵,再輸入如下語句:
stagewidth=500;
stageheight=320;
centerstageX=stagewidth/2;
centerstageY=stageheight/2;
for (i=1; i<zongshu+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觀看效果(如圖):小球會隨著鼠標的移動方向而旋轉(zhuǎn),立體感很強。
利用遮罩和ActionScript實現(xiàn)flash三維效果,也如此的美輪美奐。當然,如果想通過flash實現(xiàn)更多的視覺效果,還需要不斷挖掘和探索,比如引進三維引擎技術(shù),可能會更好地實現(xiàn)flash三維效果,讓我們努力去研究并拭目以待。
參考文獻
[1]育碟 Flash精華案例[軟件公司]Adobe 2009。
[2]Adobe Flash CS3中文版經(jīng)典教程(1CD).人民郵電出版社,2008。
[3]Flash CS3動畫設(shè)計教程與上機指導. 清華大學出版社,2008。
[4]中文版Flash動畫制作實訓教程.航空工業(yè)出版社,2009。
[5]Flash CS3動畫制作基礎(chǔ)與案例教程.北京理工大學出版社,2008。
【Flash三維效果應(yīng)用實例】相關(guān)文章:
論文:計算機科學應(yīng)用領(lǐng)域與應(yīng)用效果解析03-15
三維CAD技術(shù)在機械設(shè)計的應(yīng)用論文03-16
試析人際傳播在廣告?zhèn)鞑バЧ械膽?yīng)用12-06
農(nóng)業(yè)技術(shù)綜合應(yīng)用效果分析論文03-16
flash的開題報告11-16
VRP技術(shù)在三維動畫課程中的應(yīng)用論文03-16
淺析三維標注技術(shù)在工程制圖課教學中的應(yīng)用論文12-02
三維動畫中應(yīng)用皮影表演的技術(shù)手段論文03-17
- 相關(guān)推薦