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; 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觀看效果（如圖）：小球會隨著鼠標的移動方向而旋轉，立體感很強。
利用遮罩和ActionScript實現flash三維效果，也如此的美輪美奐。當然，如果想通過flash實現更多的視覺效果，還需要不斷挖掘和探索，比如引進三維引擎技術，可能會更好地實現flash三維效果，讓我們努力去研究并拭目以待。
參考文獻
[1]育碟 Flash精華案例[軟件公司]Adobe 2009。
[2]Adobe Flash CS3中文版經典教程(1CD).人民郵電出版社，2008。
[3]Flash CS3動畫設計教程與上機指導. 清華大學出版社，2008。
[4]中文版Flash動畫制作實訓教程.航空工業出版社，2009。
[5]Flash CS3動畫制作基礎與案例教程.北京理工大學出版社，2008。
【Flash三維效果應用實例】相關文章：
多媒體輔助教學與Flash應用03-29
論文：計算機科學應用領域與應用效果解析03-15
三維CAD技術在機械設計的應用論文03-16
試析人際傳播在廣告傳播效果中的應用12-06
農業技術綜合應用效果分析論文03-16
flash的開題報告11-16
VRP技術在三維動畫課程中的應用論文03-16
三維動畫中應用皮影表演的技術手段論文03-17
- 相關推薦