網站首頁 教育 學前教育 精緻生活 飲食養生 命理 科普教育 金融 歷史 影視 數碼 熱門資訊
當前位置:生活百科站 > 數碼 > 

Freehand MX輕鬆製作Flash三維動畫效果

欄目: 數碼 / 釋出於: / 人氣:3.96K
至今Flash還是沒有提供三維動畫的編輯功能,但是有一些關於Flash的3D輔助軟體,比如說Swift3D,但今天我們所講的這種輕鬆製作Flash三維動畫的方法並不是關於這個軟體的。我要教大家如果用Freehand MX來製作這種效果。或許有些讀者已經熟悉Freehand,有些還不是很熟悉。那麼在文章開始之前我先來簡單的介紹一下Freehand。

Freehand是一款優秀的向量軟體,它和Illustrator、CorelDRAW在向量繪圖軟體領域向來是呈三分鼎立之勢,並且有各自的忠實使用者,三種軟體各有優勢,很難說誰能夠絕對壓倒誰。FreeHand有它自己的優勢:體積不像Illustrator、CorelDRAW那樣龐大,執行速度快,與Macromedia的其他產品如Flash、Fireworks等相容性極好,被廣泛應用於出版印刷、插畫製作、網頁製作、Flash動畫等方面。同時它的文書處理功能尤其突出,甚至可與一些專業文書處理軟體媲美。

介紹這些後,不瞭解Freehand的人應該明白它是一款優秀的向量軟體了吧,看完本篇教程如果您開始對它感興趣的話,可以多找一些有關這方面的書籍或是教程來看。言歸正傳,現在我們來開始在Freehand中製作Flash的三維動畫的方法。

這個效果只能使用Freehand MX這個版本來製作,因為需要用到它的新功能——Extrude擠壓功能。如下圖所示的工具面板中用箭頭所指的工具就是了。別小看它哦,等會你就會發現它的強大功能了。

Freehand MX輕鬆製作Flash三維動畫效果

好了,現在我們從頭開始這個教程,首先得先啟動Freehand MX吧,然後通過選單命令:File>New新建一個檔案。點選軟體視窗左下角的縮放選項,將當前的縮放比例調整至100%。

選擇工具面板中的橢圓工具,按住Shift鍵在當前檔案中畫一個圓形,在工具面板下面顏色選項中,設定一個填充色,本例中我選擇藍色,如下圖所示。

Freehand MX輕鬆製作Flash三維動畫效果 第2張

為了要體現立體效果,所以我準備再畫一個圓,再次使用橢圓形工具繪製一個比先前那個圓要小點的圓,換一種顏色,換顏色只是為了區別顏色看得清楚些而矣,沒有什麼其他的作用。

使用選單命令:Window>Align,開啟Aligh視窗,全選這二個圓形物件,在Align面板中設定水平和垂直的排列方式都為Align center(居中排列)然後點選一下Apply按鈕,如下圖所示,這樣這二個圓形物件就能以中心點對齊了,成為一組同心圓。

Freehand MX輕鬆製作Flash三維動畫效果 第3張

此時這二個圓形物件依舊處於被選擇狀態,我們使用選單命令:Modify>Join,使用這個結合命令能夠使這二個圓形物件成為一個圓環物件,中心的孔的大小就是小圓的直徑,小圓的大小沒有關係,你們可以根據你的要求隨意設定。

Freehand MX輕鬆製作Flash三維動畫效果 第4張

現在進入製作的關鍵進期了,大家可要看好了,選擇工具面板中的Extrude擠壓工具,在當前的圓環物件中點選一下,此時你可以看到一個調節手柄,通過拖長擠壓調節手柄來獲取三維效果,同時保持原始形狀的可編輯性。一旦應用了擠壓,就能調節表面、旋轉角度和擠壓深度以及沒影點、燈光方向和輪廓。

簡單的說,就是能對圖元應用立體化的效果,還可以具體的調整立體化程度以及"滅點"和燈光等屬性。如下圖所示,只要你點選擠壓物件中的十字梅花形狀,就算你已經釋放了滑鼠,都能再次調整擠壓的程度。

此時這個簡單的圓環立刻就變了樣,成了一個有立體感的漂亮的圓柱體,如果你覺得這個立體程度不是你想要的,你也可以撤消剛才的操作,再次使用Extrude擠壓工具,剛開始接觸這個新工具可能大家都有新陌生,不過沒關係,多試幾次就熟悉了。

Freehand MX輕鬆製作Flash三維動畫效果 第5張

上步操作中所講的“調整立體化程度以及"滅點"和燈光等屬性”可能大家找不到地方,現在我就來告訴大家,你可以在屬性面板的Object面板中找到這些設定(Window>Object),如:Length、Vanishing Point等引數設定。

現在我們要來讓這個立體的圓柱體給轉起來,操作非常的簡單,只不過過程有些多,是這樣的。在Object面板中,設定Extrude的Rotation引數的Y數值為10°,當然你也可以設定X和Y的度數,這都沒有關係的。現在我們可以看到這個立體物件在Y軸上旋轉了10度。

Freehand MX輕鬆製作Flash三維動畫效果 第6張

使用選單命令:Edit>Clone,或是使用快捷方式Ctrl+Shift+D,將當前的物件進行克隆,然後還是在Object面板中設定Y的旋轉值為20°,如下圖所示。

Freehand MX輕鬆製作Flash三維動畫效果 第7張

再次執行這個操作15次,每次分別在Object面板中將Y軸的旋轉度數加上10,直到最後一個物件的Y軸旋轉度數為170°。雖然過程是繁瑣了些,但是操作非常容易啊,特別是使用快捷方式。執行完操作後,如下圖所示,我們現在可以看到當前位置疊加了很多個物件,它們的Y軸角度各不相同,但是在同一個位置疊加放置是根本不能產生動畫效果的啊。

Freehand MX輕鬆製作Flash三維動畫效果 第8張

Ctrl+A全選這些圓柱物件,使用選單命令:Modify>Group將它們成為一個組物件,此時這個組物件處於被選擇狀態時,選擇選單命令:Xtras>> Animate > Release to Layers(釋放到層)。當Release to Layers 視窗被開啟時,我們不需要調整什麼,一切按照預設的設定,點選OK按鈕,完成操作。

Freehand MX輕鬆製作Flash三維動畫效果 第9張

原先物件都在一個層中,現在我們通過Layer層面板就能看到裡面多了好多層了,如下圖所示。

Freehand MX輕鬆製作Flash三維動畫效果 第10張

如果我們想預覽這個動畫的話,可以使用象Flash中那樣的快捷方式Ctrl+Enter,看到這個三維動畫效果了嗎,如果大家沒有操作錯誤的話,那麼相信你們都已經看到這個旋轉的三維動畫效果了。

Freehand MX輕鬆製作Flash三維動畫效果 第11張

點選Flash預覽視窗下面最右邊的第二個按鈕我們就可以非常快速地輸出這個SWF檔案,最右邊第一個按鈕是用來設定Flash電影的一些引數,比如說是不是自動播放,每秒多少幀等一些至關重要的引數,如下圖所示視窗。

Freehand MX輕鬆製作Flash三維動畫效果 第12張

至此,我們這個簡單的圓環三維動畫效果就畫算是完成了,給大家一點提示,在我們教程中旋轉的只是一個圓環效果,如果是一個很漂亮的向量物件,我們也可以讓它使用這種方法轉起來啊,比如說是你們公司的LOGO,將一個平面的LOGO變成一個漂亮的立體的旋轉Flash動畫,哇,那該是多漂亮啊,試試吧……(完)

教程結束,以上就是對Freehand MX輕鬆製作Flash三維動畫效果全面介紹,希望大家看完之後會有所收穫,謝謝大家觀看本教程!