- 相關推薦
淺談Flash三維效果應用實例
摘 要：Flash雖然是二維動畫制作軟件，但也可以采用一些三維技術原理在flash中實現簡單的偽三維效果，即通過對物體放大縮小，改變透明度、深度，運動變換等操作來達到視覺欺騙的效果。原理雖然簡單，如果應用合理也能產生很眩的效果。通常，我們可以利用三種方法實現：光影效果、遮罩、使用ActionScript。其中，光影效果實現起來比較簡單，不再贅述，下面分別對如何利用遮罩和ActionScript實現三維效果做簡單介紹。
關鍵詞：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。
【淺談Flash三維效果應用實例】相關文章：
淺談膜下滴灌技術在馬鈴薯種植中的應用效果03-17
淺談Flash在多媒體網站中的運用03-26
淺談網絡效果營銷的利與弊03-24
淺談光合細菌的應用11-23
淺談納米材料的應用03-20
淺談植物文化的應用03-26
Flash3D在網絡三維課件制作中的探索03-13
淺談學生因素對教學效果的影響03-07
淺談對林業有害生物的控制效果12-06
淺談新聞采訪技巧的應用11-27