基于Flash 3D的影片剪輯的3D平移應用探討

陳敏++裴云

摘 要 FLASH動畫能夠有效的調動觀看者的觀賞積極性，激發觀看者的樂趣，因此當前Flash動畫需求量越來越大。Flash 3D效果可以有機的結合到傳統動畫與商業動畫當中，制作出如“行走的廣告牌”、“移動的樹木”等更炫的flash動畫效果。自從FLASH新版本中新增3D功能后，我們即可以使用flash 3D知識創建類似3D效果動畫。本文總結自己制作Flash 3D平移動畫的案例體會談談使用FLASH制作舞臺上影片剪輯的3D平移。

【關鍵詞】FLASH 3D平移 ActionScript 3.0

在3D空間中，要想更好的設置對象的位置必須了解3D坐標。Flash使用X軸、Y軸和Z軸3根軸劃分空間。其中，舞臺上，X軸表示水平方向，左邊坐標X=0；Y軸表示垂直方向，上邊坐標Y=0；Z軸則表示立體方向，“舞臺”平面上的Z=0，Z軸表示進出“舞臺”平面（對象離我們遠或近，朝向或離開我們）。

3D 空間中移動一個對象稱為3D平移， 我們可以通過“3D平移”工具移動舞臺上的影片剪輯來創建 3D 平移效果；若要使對象看起來離我們更近或更遠，可以使用 3D 平移工具或屬性檢查器沿 z 軸移動該對象。3D 平移工具允許用戶在全局 3D 空間或局部 3D 空間中操作對象，3D 平移工具的默認模式是全局，全局 3D 空間即為舞臺空間；全局平移與舞臺相關，局部 3D 空間即為影片剪輯空間，局部平移與影片剪輯空間相關。例如，如果影片剪輯包含多個嵌套的影片剪輯，則嵌套的影片剪輯的局部 3D 變形與容器影片剪輯內的繪圖區域相關。若要在局部模式中使用這些工具， 需單擊“工具”面板的“選項”部分中的“全局”切換按鈕。為了使以后能更好、更輕松的制作出實用的flash 3D平移動畫，現將自己制作flash 3D平移動畫的總結寫出來與大家分享、交流，以flash 3D平移動畫“移動的樹木”為例。

1 3D功能的支持設置

ActionScript 2.0中不支持3D功能，要想實現3D效果，必須以ActionScript 3.0中的影片剪輯為目標，選擇【發布設置】【flash】【腳本】下拉選項為ActionScript 3.0時3D功能才可以使用（如圖1）。

2 3D平移工具的用法

我們要想使用 3D 平移工具在 3D 空間中移動影片剪輯實例，必須先創建好影片剪輯后，在3D 空間中移動單個對象或移動多個對象。使用3D 平移工具進行移動對象時，可以使用指針移動或者屬性面板移動對象。

在flash 3D 空間中如何移動單個對象？要想實現單個對象的平移效果，首先需要選中一個影片剪輯實例作為操作對象，再選用3D平移工具來完成。應用步驟如下：

（1）新建一個ActionScript 3.0文檔，在舞臺上繪制一個長方形，并將其轉換成影片剪輯元件。

（2）在“工具”面板中選擇 3D 平移工具（或按 G 鍵選擇此工具）。

（3）將該工具設置為局部或全局模式。 通過選中“工具”面板的“選項”部分中的“全局”切換按鈕，確保該工具處于所需模式。單擊該按鈕或按 D 鍵可切換模式。

（4）用 3D 平移工具選擇長方形影片剪輯。

（5）使用3D 平移工具進行拖動來移動對象時，需將指針移動到 x、y 或 z 軸控件上，沿所選軸移動對象。若使用屬性面板移動對象，可以在屬性面板的“3D 定位和視圖”部分中輸入 X、Y 或 Z 的值。 在 z 軸上移動對象時，對象的外觀尺寸將發生變化。外觀尺寸在屬性檢查器中顯示為屬性檢查器的“3D 位置和視圖”部分中的“寬度”和“高度”值，這些值是只讀的，顯示為灰色，不能進行修改。

在flash 3D 空間中如何移動多個對象？要想實現多個對象的3D移動效果，需要選中多個影片剪輯實例作為操作對象，再選用3D平移工具來完成。平移多個影片剪輯實例的方法是按住shift的同時進行選擇。 使用3D 平移工具進行移動多個對象時，可以使用鼠標指針移動或者屬性面板移動對象。利用鼠標指針移動多個對象影片剪輯實例時，選擇并拖動X軸、Y軸控件箭頭并沿著所選軸移動可以設置出水平方向、垂直方向平移效果；選擇并上下拖動 z 軸控件可在 z 軸上移動對象，其中Z軸控件是影片剪輯中間的黑點。通過屬性面板設置多個對象影片剪輯實例時，可以在屬性面板的“3D 定位和視圖”部分中輸入 X、Y 或 Z 的值。應用步驟如下：

（1）新建一個ActionScript 3.0文檔，在舞臺上創建4個影片剪輯元件實例。

（2）使用3D移動工具在舞臺上選擇4個影片剪輯實例。

選擇3D移動工具指定給其中一個影片剪輯后（如圖2），按住shift鍵的同時再選擇其他影片剪輯實例，可以實現同時選擇多個影片剪輯實例。雙擊控件中心的小圓圈，使控件位于4個影片剪輯的中心。使用 3D 平移工具移動選定的多個對象，所有對象將以相同的方式移動。按住 Shift 并雙擊其中一個選中對象可將軸控件移動到該對象（如圖3）。

（3）若要在全局 3D 空間中以相同方式移動組中的每個對象，需將 3D 平移工具設置為全局模式，然后用軸控件拖動其中一個對象。按住 Shift 并雙擊其中一個選中對象可將軸控件移動到該對象。

3 案例描述--“移動的樹木”動畫

使用3D 平移工具制作“移動的樹木”動畫。在本應用中分別涉及圖層、元件和3D平移工具（如表1）。

應用步驟：

（1）新建AS3.0文檔，新建”藍天“層繪制藍天、新建”背景“層繪制道路背景、新建”樹木“層繪制左右樹木。

（2）制作樹木運動基礎動畫。選擇“樹木”層上的左右兩棵大樹，按F8轉換成影片剪輯元件“tree1+2”，再次按F8轉換成影片剪輯元件“移動樹”，雙擊進入“移動樹”影片剪輯（圖4），選擇“圖層1”，在第60幀處按鍵添加幀，然后對該段時間軸添加補間動畫（圖6）。鼠標選擇第60幀，然后單擊工具欄中的【3D平移工具】（圖5），當鼠標懸浮在黑點處Z軸之上時，拖動鼠標左鍵向下移動時，可以拉近廣告牌到鏡頭的距離，與此同時調整屬性面板中的消失點（確保兩棵樹在路的兩邊），可以得到理想的動畫效果，至此完成一個樹木由遠及近的效果（注意開啟時間軸上的繪圖紙外觀按鈕），由“移動樹”影片剪輯返回到【場景一】。

（3）新建【圖層4】，改名為“樹木1”，選擇第20幀，為其添加一個空白關鍵幀，然后復制“樹木”層中的“移動樹”元件粘貼到當前位置（ctrl+shift+v），與上一個“移動樹”重合，在第120幀處按快捷鍵添加幀。

（4）新建【圖層5】，改名為“樹木2”，在第40幀處添加一個空白關鍵幀，，然后復制“樹木”層中的“移動樹”元件粘貼到當前位置（ctrl+shift+v），與上一個“移動樹”重合，在第120幀處按快捷鍵添加幀。（圖7）。

（5）按鍵預覽動畫，或者按組合鍵測試動畫，效果圖如圖8。

4 總結

Flash 3D效果可以有機的結合到傳統動畫與商業動畫當中，制作出如”行走的廣告牌“、”移動的樹木“等更炫的flash動畫效果，Flash 3D平移和3D旋轉是制作3D效果的關鍵知識點。我們要想有效的調動觀眾的觀賞積極性，激發觀眾的樂趣，獲得更佳的動畫效果，可以在FLASH中適當的引入3D效果，這就需要了解3D平移和3D旋轉的相關知識。

參考文獻

[1]王夢，師鳴若，鄭睿編.Flash CS6案例教程[M].北京：電子工業出版社，2011.

[2]老虎工作室，黃曉瑜，田婧著.從零開始 Flash CS6中文版基礎培訓教程[M].北京：人民郵電出版社，2013.

作者單位

海南軟件職業技術學院 海南省瓊海市 571400