蔡逸竹

　　Xara 3D是一個用來製作高質量3D文字特效的著名軟件，5.0版可以快捷創作出適用於網頁的高質量的3D文字標題、圖像、標誌和按鈕，也可以創作GIF動畫、AVI動畫和輸出3D屏保，還可以輸出3D Flash動畫呢！


　　Xara 3D 5.0只有1.3M，它小巧、實用、易用，生成3D特效文件速度快、體積小、質量高。它提供了比較豐富的文字模板、按鈕模板和動畫模板，使文字特效和3D按鈕的製作輕鬆快捷。程序提供豐富的字符修飾控制，允許用戶設置單個字符的樣式、字體、顏色、陰影、光照角度、顏色、3D凸出厚度和文字邊緣的傾斜角；甚至可以輕點鼠標就可以把標題文字轉換為網頁按鈕；可以通過拖動定位和旋轉3D對象，並實現實時更新；調整窗口的大小即可輕易改變圖像的大小。

　　Xara 3D 5試用版本可以到Xara公司的站點訪客無法瀏覽此圖片或連結，請先 註冊 或 登入會員 。下載。

　　下面的3D Flash文字動畫就是用Xara 3D製作出來的。看完本教程，你一樣可以輕鬆搞定三維動畫。 　　本教程將從Xara 3D 5的新特點、主操作界面介紹、3D文字特效的基本操作步驟、3D文字特效的高級設置、3D文字動畫和3D動畫按鈕製作幾個方面進行介紹。

Flash: http://www.yesky.com/20030128/softyl2030128_1.swf

一、Xara 3D 5的新特點
　　與Xara 3D 4相比，Xara 3D 5有很多新的特點……


二、主操作界面簡介
　　啟動Xara 3D 後，顯示Xara 3D 的主界面……

三、製作3D文字特效的基本操作步驟
　　從File菜單上選擇「Open」（打開）選項，或單擊工具欄中的打開文件按鈕，顯示打開文件對話對話框。這個對話框列出了Xara 3D的Samples子文件夾中所有特效文字的模板文件……

四、製作3D特效文字的高級設置
　　如果要創作出更漂亮的文字特效，就要使用對話框工具欄進行進一步的設置，如設置背景顏色和材質、文字顏色、文字表面材質、字符厚度等等。　　


五、製作3D文字動畫
　　要製作文字動畫，可以按上面的步驟先製作好文字，然後按下面的操作步驟進行。


六、製作3D動畫按鈕
　　用Xara 3D可以快速地製作出很漂亮的3D動畫按鈕。按鈕的動畫類型可參考上面介紹的文字動畫。製作3D動畫按鈕的操作步驟如下。

蔡逸竹

　　一、Xara 3D 5的新特點

　　與Xara 3D 4相比，Xara 3D 5有很多新的特點，包括：
　　●可以創建3D動畫屏幕保護。
　　●可以導入樣式。這樣，就可以種把現有的X3D文件的部分（或全部）屬性應用到新的文件中。
　　●可以對每一個字符應用材質或材質屬性。
　　●新增了4個傾斜類型：fancy incut 1、fancy incut 2、bumpy和ridged。
　　●可以分別設置按鈕文本的每個字符的顏色。
　　●通過查看幀功能，可以按指定的大小保存或重載圖像。
　　●可以為光標設置熱點。
　　●可以生成更小的GIF圖像。
　　●專門為奔騰4優化了圖形。
　　●在所有的操作系統平台（包括Windows 98）全面支持統一碼。
　　●按住ALT鍵拖曳可以移動文本。
　　●在文本編輯器中可以縮放文本（使用右鍵菜單選項），也可以滾動文本。
　　●在X3D文件中添加註釋。
　　●輸出靜態位圖時，在導出窗口顯示圖像預覽和文件大小信息。
　　●可以輸出Flash動畫（位圖或矢量圖）。
　　●可以創建圖標文件（ICO）和光標文件（CUR）。
　　●創建動畫光標（ANI）文件。
　　●輸出JEPG圖像時可以選擇漸進格式。
　　●新增動畫模板。
　　●大多數動畫選項可以應用於每個字符。
　　●新的動畫時間軸。
　　●更多的搏動動畫選項，可以分別沿3個坐標軸搏動。
　　●可以分別旋轉燈光和文本。
　　●新增打字機、波紋和脈衝動畫類型。

蔡逸竹

　　二、主操作界面簡介

　　啟動Xara 3D 後，顯示Xara 3D 的主界面，如下圖所示。



　　它由菜單欄、標準工具欄、對話框工具欄、編輯窗口、文字工具欄等組成。菜單欄共有File（文件）、Edit（編輯）、View（查看）、Options（選項）、Window（窗口）和Help（幫助）6個菜單。

　　標準工具欄位於窗口上部，共有13個按鈕，代表菜單上的常用選項，其作用見上圖圖解。

　　對話框工具欄位於窗口左邊，共有8個按鈕。單擊其中的按鈕，就會彈出相應的對話框。例如，單擊「顏色選項」按鈕，就會彈出顏色設置對話框，然後就可以在對話框中設置顏色。



　　文字工具欄位於窗口下部，有字體、字體樣式、對齊方式等工具。

蔡逸竹

　　三、製作3D文字特效的基本操作步驟

　　1.在程序主界面，從File菜單上選擇「Open」（打開）選項，或單擊工具欄中的打開文件按鈕，顯示打開文件對話對話框。這個對話框列出了Xara 3D的Samples子文件夾中所有特效文字的模板文件。從中選擇一個模板文件，並可在下邊的預覽窗口查看特效文字的樣式。



　　2.對所選的模板滿意後，單擊「打開」按鈕，選定需要的樣式（本例選擇RoundIncut.x3d），返回主操作界面。



　　3.在文本工具欄中選擇一種中文字體，選定你使用的中文輸入法。單擊對話框工具欄中的文本選項按鈕，顯示文本選項對話框。在該對話框左邊的字體列表中選擇相應的字體，在右邊的文本框中輸入需要製作特效的文字，然後使用界面上面的按鈕設置字符樣式、縮放大小、顯示比例、行距和字距等。



　　提示：必須先在主操作界面中選擇中文字體，接著選定自己使用的中文輸入法，然後打開文本選項對話框。只有這樣操作才能使用中文輸入法輸入中文字符。這是5.0版的一個小小的缺陷吧。

　　4.單擊OK按鈕，返回主界面。在文本工具欄文字大小選擇菜單中選擇「Fit to Width」(與窗口寬度一致)，使文字能夠在窗口中全部顯示出來。



　　5.用鼠標拖曳編輯窗口中的文字，調整文字的傾斜角度，至滿意為止。按住ALT鍵拖曳，可以移動文字的位置。



　　6.至此，文字特效製作基本完成。從File菜單上選擇Export（輸出）選項，即可輸出圖像文件（.bmp、.gif、.png、.jpg等格式）。

蔡逸竹

　　四、製作3D特效文字的高級設置

　　如果要創作出更漂亮的文字特效，就要使用對話框工具欄進行進一步的設置，如設置背景顏色和材質、文字顏色、文字表面材質、字符厚度等等。
　　1.設置背景、前景（文字）、光源和陰影顏色：單擊對話框工具欄中的顏色選項按鈕，彈出顏色設置對話框。單擊該對話框中的顏色選擇下拉菜單，選擇要設置顏色的選項：

	選項	作用
	Front,back and sides	設置字符的正面、背面和側面顏色
	Front and back only	只設置字符的正面和背面顏色
	Sides only	只設置字符側面顏色
	Background	設置背景顏色
	Light 1	設置光源1的顏色
	Light 2	設置光源2的顏色
	Light 3	設置光源3的顏色
	Shadow	設置陰影顏色

　　然後，在顏色選擇框中點選顏色。顏色的選擇結果會立即反映在文字特效編輯窗口中。如果設置效果不理想，可單擊工具欄中的撤銷按鈕或按Ctrl+Z組合鍵恢復到原來的狀態。



　　2.設置個別字符的顏色和材質：要設置個別文字的顏色或材質，先單擊工具欄中的顯示/隱藏光標按鈕，在文字編輯窗口中顯示光標，移動光標到要設置的文字上，按Shift＋光標鍵選擇要設置的文字，然後按上一步的方法設置文字的顏色。勾選Texture（材質）復選框，彈出材質選擇對話框，可以從中選擇一種材質，給選定的文字設置材質。本例只設置顏色。



　　3.設置文字的厚度和表面反光特性：單擊對話框工具欄中的厚度選項按鈕，顯示厚度選項對話框。該對話框上面的顏色（Color）方框表示當前對像（文字）的顏色（如果當前對像表面使用的是材質而不是顏色，則會用網格表示）。單擊該方框，會在厚度選項對話框下面顯示顏色選項對話框，利用它可設定對象的顏色。厚度選項對話框中間有兩個單選鈕和兩個復選框。左邊的單選鈕用來設置對像表面的反光特性：選擇Matt（暗淡），設置對像表面不反光；選擇Gloss（發光），設置對像表面反光。右邊的復選框用於設置對象的正、背面顯示狀態：勾選Front Face（正面）表示要顯示對象的正面；勾選Back Face（背面）表示要顯示對象的背面。按下下面的輪廓按鈕（Outline），可設置對像為空心的。右邊的滾數器用來設置邊緣的厚度。最下面的厚度（Depth）滾數器用於設置對象的厚度。關閉按鈕（Close）用於關閉厚度選項對話框。
　　下圖是把對像（文字）的厚度設為60的結果。



　　4.設置斜接（bevel）：這裡所說的斜接是指文字正面與側面之間的接合方式。單擊對話框工具欄中的斜接選項按鈕，顯示斜接選項對話框。在斜接類型列表中，Xara 3D提供了26種斜接選擇（包括30°、45°、60°斜接等），可以產生不同的斜接特效。對話框中的兩個單選鈕用於設置拐角的風格：選擇Miter（尖形），得到直角邊緣；選擇Round（圓形），得到圓形邊緣。Depth（深度）選項用於設置斜接的深度。
　　本例選擇fancy incut 1（花樣雕刻1）斜接類型，斜接深度為150。



　　5.設置陰影：單擊對話框工具欄中的陰影選項按鈕，顯示陰影選項對話框。上面的Shadow（陰影）復選框設定是否產生陰影。Style（風格）選項可以設定兩個陰影風格：風格1是將文字模糊後做成模擬陰影；風格2是產生真正的投影陰影。Color（顏色）方框顯示陰影的當前顏色，單擊該方框，彈出顏色設置對話框，可重新設定陰影的顏色。Transparency（透明度）和 Blur（模糊度）分別用於設置陰影的透明度和模糊度。
　　本例設置陰影色為藍色，透明度10和模糊度為50%。



　　6.設置材質：材質就是用來製作對像（如文字）的「材料」。單擊對話框工具欄中的材質選項按鈕，顯示材質選項對話框。該對話框的上部有一個下拉菜單，用於選擇文本材質（Text Texture）或背景材質（Backgroung）。Texture（材質）復選框用於設定是否使用材質。Tint（色彩）復選框用於設置是否使用應用材質之前的對象（文字）的色彩。中間的四個滑動條中，Size（大小）用來縮放材質位圖；X)、Y分別用於在水平和垂直方向側移位圖；Angle（角度）設置材質的旋轉角度。Load texture（裝載材質） 按鈕用於裝載Xara 3D自帶的材質或用戶自己創建的材質。材質位圖的格式可以是.bmp、.jpg、.gif、.ico和.png五種格式之一。
　　單擊Load texture按鈕（或勾選Texture復選框），從彈出的對話框中選擇Colors3.jpg並單擊打開按鈕，對文字應用彩色材質，結果如下圖所示。



　　7.設置燈光
　　(1)單擊標準工具欄中的「顯示/隱藏光源」按鈕，可以設置燈光效果。

　　(2)拖曳代表光源的箭頭，可以改變光源照射的角度。雙擊光源箭頭，可以改變光源的顏色。

　　(3)拖曳代表陰影的箭頭，可以改變陰影的投影角度，雙擊可以改變陰影的顏色。

蔡逸竹

　　五、製作3D文字動畫

　　要製作文字動畫，可以按上面的步驟先製作好文字，然後按下面的操作步驟進行。
　　1.單擊工具欄中的動畫選項按鈕，顯示動畫選項對話框。



　　2.在該對話框中設置Frames per cycle選項（每週期總幀數）和Frames per second（每秒播放幀數）選項。每週期總幀數越大，動畫越平滑，但文件也就越大。每秒播放幀數決定動畫的播放速度。
　　3.設置Pause（暫停）選項。該選項指定開始播放其它幀之前第一幀暫停的時間，其作用是使對像在開始運動之前，有一定時間的停頓。本選項只對GIF、屏保和Flash動畫有效，對AVI動畫無效。
　　4.設置Loop選項。該選項指定動畫播放的循環次數。
　　5.選擇動畫類型：
　　從Style下拉菜單選擇下列動畫類型：

	動畫方式	說明
	Rotate 1	旋轉1（文本整體運動）
	Rotate 2	旋轉2（文本中的各個字符獨自運動）
	Swing 1	擺動1（文本整體運動）
	Swing 2	擺動2（文本中的各個字符獨自運動）
	Pulsate 1	博動1（文本整體運動）
	Pulsate 2	搏動2（文本中的各個字符獨自運動）
	Ripple	脈動
	Fade	淡入淡出
	Step	步進
	Typewriter	打字機
	Pulse	脈衝

　　選定一種動畫類型後，可以單擊標準工具欄中開始/停止動畫按鈕，播放（或停止）動畫。下面介紹各種動畫類型的設置方法。

　　(1)旋轉
　　如果選「Rotate」類型，其下面有4個復選框，其作用說明如下：
　　①Front face only（只顯示正面）：指定旋轉時只出現正面不出現背面。
　　② Text（文本）：決定文本對象是否旋轉（如果取消，則上一項也不可選）。其右邊的按鈕決定旋轉軸和方向依次是：Y軸、X軸、中心、順時針或逆時針方向。
　　③ Lights（燈光）：決定燈光是否旋轉。其右邊的按鈕決定旋轉軸和方向。
　　④ Wave（波動）：在旋轉運動中疊加波動。勾選此復選框，在其右邊的文本框中輸入波動幅度（大於100），可以在旋轉運動中疊加波動。按下其右邊的按鈕，可以改變波動的方向（上下或左右）。本選項只有在選擇Rotate 2時可用。



　　(2)擺動
　　如果選擇「Swing」類型，對話框中會顯示擺動角度（Angle）選項和旋轉方向和旋轉軸按鈕。設置擺動角度越大，擺動的幅度就越大。默認值為90。勾選Wave（波動）復選框，在其右邊的文本框中輸入波動幅度（大於100），可以在擺動中疊加波動。按下其右邊的按鈕，可以改變波動的方向（上下或左右）。



　　(3)搏動
　　如果選擇「博動」類型，對話框會顯示最小文本比例（%）選項；4個博動方式選項：Shrink（收縮）、Grow（舒張）、Shrink+Grow（收縮＋舒張）和Grow+Shrink（舒張＋收縮）；搏動方向（上下左右、左右、上下和斜對角）。可根據需要對這些選項進行設置。



　　(4)脈動
　　如果選擇「Ripple」選項，對話框會顯示Amplitude（振幅）選項，用來設置脈動的振幅。單擊對話框中的按鈕，可以改變脈動的方向。



　　(5)淡入淡出
　　如果選擇「Fade」選項，會顯示Fade in（淡入）和Fade out（淡出）選項。可以選擇其中一種，或同時選擇兩種。



　　(5)步進
　　步進動畫類型只能應用於多頁動畫。製作多頁動畫的方法，是在輸入文本時插入分頁符（位於文本選項對話框的右上角）。



　　如果對多頁動畫選擇「Step」選項，對話框會顯示Frame（幀）選項，用於指定每頁持續的幀數。Xara 3D將按照指定的幀數播放每一頁。



　　(6)打字機
　　如果選擇「Typewriter」類型，對話框會顯示Frame（幀）選項，用於指定每個字符之間延遲的幀數，獲得「打字」效果。



　　(7)脈衝
　　如果選擇「Pulse」類型，對話框會顯示Frame（幀）和Size（大小）選項，分別用於指定每個字符持續的幀數和文字的大小。



　　6.選擇一個動畫模板
　　如果不想從Style下拉菜單選擇動畫類型，也可以單擊動畫選項對話框下面的Animation picker（動畫選取）按鈕，打開Animation picker對話框，從中選擇一個動畫模板（本例選擇AlternateCharsRotate.x3d，字符交替旋轉），並在預覽窗口中預覽動畫效果。



　　單擊打開按鈕，即可把選定的動畫模板應用於當前文本。



　　7.輸出動畫
　　從File菜單上選擇Export animation（輸出動畫）命令，然後在彈出的對話框中選擇一種動畫文件格式（.gif、.avi、.ani、.swf），設置保存文件的文件名和路徑，單擊保存按鈕。
　　如果選擇輸出的是GIF動畫，還可以在接著彈出的對話框中設置生成文件的大小、色深、抖動色優化、調色板、透明背景選項，使生成的動畫更好。
　　如果選擇的是輸出Flash bitmap(*.swf)，還可以在接著彈出的對話框中設置生成文件的大小、色深、抖動色，生成Flash位圖動畫（生成的文件比Flash矢量動畫小）。
　　如果選擇的是輸出Flash vector(*.swf)，還可以在接著彈出的對話框中設置生成文件的大小和質量，生成Flash矢量動畫。
　　提示：Flash矢量動畫不支持所有的softyl2030128_3D特性，因此，單擊標準工具欄中的Display as Flash（顯示為Flash）按鈕，將禁用Flash不支持的特性（如材質、陰影等）。

　　六、製作3D動畫按鈕
　　用Xara 3D可以快速地製作出很漂亮的3D動畫按鈕。按鈕的動畫類型可參考上面介紹的文字動畫。製作3D動畫按鈕的操作步驟如下。
　　1.按照上面製作文字特效的操作步驟輸入按鈕文字（如「動畫欣賞」）。
　　2.單擊對話框工具欄中的「按鈕選項」按鈕，打開按鈕選項對話框。



　　3.單擊對話框中的Button picker（按鈕選取）按鈕，打開按鈕模板選取選對話框。從中選擇一種按鈕模板，並在預覽窗口中預覽效果。



　　4.單擊打開按鈕，把選定的按鈕模板應用於當前文字。



　　5.從File菜單上選擇Export animation，輸出動畫，完成3D動畫按鈕製作。
　　本教程就到這裡結束了，可別忘記把你製作的3D動畫插入網頁中哦。

hsu_james

很好的教學,以前不太明瞭的地方總算清楚了,謝謝分享你的經驗!!!

jjkboy

3Q