字效(4) 純 3D 字
2007‧1112 Final
很多時後,我們只是需要一些簡單的 3D 字或是 3D LOGO 來為 2D ( Vector、Bitmap )、Presentation、Webpage、Flash、...、加分
這些簡單的需求沒必要祭出怪獸級的 3D Studio MAX、MAYA、Lightwave、…、等軟體,此 EZ3D ( easy3D ) 擅場之由也
Xara 3D
‧ Text Options ( 文字選項 )
‧ Color Options ( 顏色選項 )
‧ Extrusion Options ( 推擠選項 )
‧ Design Options ( 設計圖形選項 )
‧ Bevel Options ( 斜邊選項 )
‧ Shadow Options ( 陰影選項 )
‧ Texture Options ( 紋理選項 )
‧ Animation Options ( 動畫選項 )
‧ 其它
‧ 輸出
‧ 3D LOGO
Cool 3D Production Studio
‧ 3D 字效
‧ 3D 字動畫
‧ 輸出
‧ OpenGL
‧ 3D LOGO
Asymetrix Web 3D
‧ 界面
‧ 背景
‧ 字效
‧ 紋理
‧ 算圖
‧ 3D LOGO
‧ 動畫
比較
補充
( Rapidshare 使用說明 )
與 Cool3D、Web3D 相較,Xara3D 只有一個功能:3D 字
因為只專注於 3D 字,所以 Xara3D 操作起來無比簡易:該有的功能都有、不該有的功能一個也沒有
‧Xara3D 只能載入 *.wmf、*. emf 的向量檔,然後拉出厚度
WMF 檔是 Windows 通用的向量檔 ( 即:所有的向量軟體一定都支援這種最陽春的向量格式 ),EMF 檔則是 WMF 的強化版
‧Cool 3D Production Studio 可以載入 *.3ds 檔
3DS 檔是 3D Studio MAX 早期的格式檔,與 MAYA 的 OBJ 檔同為最通用的 3D 格式檔
‧Asymetrix Web 3D 則可以載入 *.3ds、*.dxf 檔
DXF 檔是 AutoCAD 的 3D 格式檔 ( AutoCAD 的 2D 格式檔則是 DWG 檔 )
Xara 公司計有 4 套重要的產品:
‧Xara3D ( 即本例,這個最知名 ),3D 字效軟體
‧WebStyle ( 還算有點名氣 ),一大堆的網頁元件
‧Menu Maker ( 知道的人不多 ),快速生成網頁的各種選單
‧Xtreme ( CorelDRAW 曾向其取經 ),強悍的向量繪圖軟體
在 Xara3D + Cool3D + Web3D 的 Blogger 中,筆者會再討論到 Xara3D
在 Tools 的 Blogger 中,筆者會討論到 Xara 另外的三套產品
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Text Options(文字選項)
1. Xara3D 的啟動畫面
2. 點選到 Text Options ( 文字選項 ) 的按鍵 ( 也可以按快速鍵 Alt + T,左側的工具列會顯示快速鍵 )
3. 把文字與字型改成您要的 ( 支援中文 )
4. 文字、字型、大小都已 OK 了
5. 在物件以外的地方 拖曳,就可以 720° 旋轉 ( 物件的中心就是旋轉中心 )
6. 在物件以外的地方 按 Shift + 滑鼠左鍵,就可以 垂直旋轉 ( 同上 )
7. 在物件以外的地方 按 Ctrl + 滑鼠左鍵,就可以 水平旋轉 ( 同上 )
8. 在物件以外的地方 按 Alt + 滑鼠左鍵,就可以 移動
9. 在物件以外的地方 按 Alt + Ctrl + 滑鼠左鍵,就可以 水平移動
10. 在物件以外的地方 按 Alt + Shift + 滑鼠左鍵,就可以 垂直移動
11. 在物件以外的地方 按 Ctrl + Shift + 滑鼠左鍵,就可以 繞軸旋轉 ( 以水平軸為旋轉中心 )
12. 在側邊拖曳 ( 不管是文字或是字外的圓框 ),就可以增減厚度
13. 按 Ctrl or Shift 就可以拉成汽車車輪的鋼圈狀
14. 換個角度看,就更清楚了 ( 鋼圈狀 )
15. 文字則會變成圓滾滾的
16. 移到陰影處,也可以拖曳陰影的位置
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Color Options(顏色選項)
可以針對文字、字邊 ( 字的厚度 )、背景、燈光、陰影分別上色
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Extrusion Options(推擠選項)
1. Text 是指文字,Design ( 設計圖形 ) 是指字外的圓框
2. 點選後,拉圖中的捲軸,就可以拉出 ( 推擠 ) 物件的厚度
3. 還可以把文字設為只有外框 ( Outline )
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Design Options(設計圖形選項)
1. 如果只是 3D 字效,那麼 Xara3D 並不突出,但是多出了 Design ( 設計圖形 ),Xara3D 就變成很實用了
2. Border ( 邊框 ):Design 也可以拉出寬度,不再只是之前笨笨的車輪鋼圈
3. Stretch ( 伸展 ):下圖已把 Design 從橢圓框拉成圓框
4. Size ( 文字大小 )、Angle ( 文字旋轉角度 )、X / Y ( 文字座標位置 )
5. Corners ( Design 的角落 ):可以控制 Design 從橢圓變成圓角矩形
6. 我們也可以自行更換 Design 的圖形:Design Picker ( 設計圖形挑選器 )
7. Xara3D 支援 WMF 與 EMF 檔的輸入 ( 這兩種檔案是所有向量軟體都支援的格式 )
8. 載入後就會取代原本的橢圓框
9. Design Type ( 設計圖形類型 ):設計圖形與文字間的變化關係,也就是左側工具列最下方那 5 個
計有五種,依序為:Text ( 文字 )、Button ( 按鍵 )、Board ( 板子 )、Board + holes ( 板子 + 鏤空 )、Border ( 邊框 )
依序排列:
Text ( 文字 )
Button ( 按鍵 )
Board ( 板子 )
Board + holes ( 板子 + 鏤空 )
Border ( 邊框 )
10. Design Shape ( 設計圖形外觀 )
依序為:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Bevel Options(斜邊選項)
Xara3D 當然可以設定文字與設計圖形的斜邊
Xara3D 並不算是 100% 的 3D 軟體 ( 大概只能算是 2.75 D 吧 ),所以斜邊效果不一定會很理想,故筆者也不翻譯之,挑您喜歡的即可
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Shadow Options(陰影選項)
Xara3D 的陰影設定:可以設定 Transparency ( 透明度 ) 與 Blur ( 模糊 )
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Texture Options(紋理選項)
1. 先點選 Text ( 整個文字 ) or Text faces ( 字的正反面 ) or Text sides ( 字側 ) or
Border ( 設計圖形 ) or Border and text ( 設計圖形與文字 ) or Border and text, sides ( 設計圖形與字側 ) or Background ( 背景 )
2. 點選 Texture ( 紋理 )
3. 選擇紋理 ( 副檔名不是特殊的格式,而是最常見的 *.jpg,所以可以自行增減之 ),就這麼簡單
看看貼上紋理的效果,還不錯喔
貼了紋理之後,若想換貼其它的紋理,請按 Load Texture ( 載入紋理 )
在 Color options 設定顏色時,也可以同時設定紋理
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Animation Options(動畫選項)
動畫的部份先不討論,等到筆者寫到 Xara3D + Cool3D + Web3D 的 Blogger 時,再討論之 ( 本篇主要是討論靜態的 3D 字效 )
動畫效果大致如下:( 貼上材質後的效果還不錯 )
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
其它
動畫有很多樣版 ( Animation picker ),如圖,這兩處都可以叫出動畫樣版
Xara3D 也有很多樣版 ( Style Picker )
游標也是立體的
很重要地,Xara3D 也有光源控制
這一排都是文字的功能
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
輸出
Xara3D 有一個很重要的功能:那就是可以直接輸出背景透明的 SWF 檔
1. 輸出靜畫 ( Flash bitmap 是有 紋理與陰影,Flash vetor 則是 純向量,無紋理,無陰影 )
2. 輸出動畫 ( 一樣可以選擇 Flash bitmap or Flash vector )
3. 可以顯示 Flash Vector 的樣貌,再決定輸出時是 Flash bitmap 還是 Flash vector ( Xara 預設的是 bitmap )
Xara3D 在輸出 Flash Bitmap 時 ( 不論靜畫或是動畫 ),會彈出一個小視窗:
‧Size ( 大小尺寸 )
。Current window size:Xara3D 沒有紙張大小設定的功能,視窗多大,檔案的長寬就多大
。Crop:可以裁切
。User defined:可以自行定義長寬的大小
‧Color Depth ( 色彩深度 ):反正就都用 24-bit 就對了
‧Options ( 選項 ):如果要背景透明,就把 Transparent 打勾;如果 Flash bitmap 要壓縮的話,Lossless 就不要打勾
Xara3D 輸出 Flash Vector 時 ( 不論靜畫或是動畫 ),也會彈出一個小視窗:
1. 提醒您陰影、紋理是不能輸出的,與其它注意事項
2. 設定尺寸大小與輸出品質
Xara3D 當然可以輸出背景透明的 PNG-24 的檔案格式
Xara3D 也可以輸出 Gif 動畫、AVI、…等動畫格式
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
3D LOGO
3D LOGO 最簡易的方法,就是在 EZ3D 軟體中輸入向量檔,然後再加上厚度
1. 這是一開啟 Xara3D 時的畫面
2. 下拉選單 > File ( 檔案 ) > Import ( 讀入 )
3. Xara3D 可以載入 Windows 本身就支援的向量格式 WMF, EMF
4. 載入後,就會插入到 Version 6 的後面
5. 點選 Text Options ( 文字選項 )
6. 剛才載入的向量圖,變成了文字的一部份
7. 以文字游標去掉向量圖之外的其它部份
8. 按 OK 後的樣貌
9. 稍微編製一下
要把 LOGO 搞成簡易的動畫也不是問題 ( 前面 動畫選項 的 Flash,就是如此編製出來的 )
Ulead ( 友立 ) 被 InterVideo ( 英特維 ) 併走,而 InterVideo 又被 Corel 併走,所以 Ulead 的產品都已是 Corel 的旗下了
‧Ulead 以前最知名的產品就是 PhotoStyler,後來被 Aldus 併走來對抗 Adobe 的 Photoshop
結果 Aldus 戰敗,重要的產品都被 Adobe 併走 ( PageMaker、PhotoStyler )
‧Ulead 現在比較知名的產品是 PhotoImpact、Cool 3D、Media Studio Pro、Gif Animator
( 至若會聲會影、拍拍燒、錄錄燒等等太玩具級的產品,除非必要,筆者是不會去討論的 )
‧Cool 3D 有兩個版本,比較陽春的是 Cool 3D,另一個進階的版本是 Cool 3D Production Studio
Cool 3D Production Studio 也支援簡單的建模,但是以下先討論與 3D 字有關的部份
剩下的等到筆者寫到 Xara3D + Cool3D + Web3D 的 Blogger 時再討論之
筆者一向只用英文版的軟體,但是為了要讓大家熟悉一下 3D 軟體的名詞,所以 Cool 3D Production Studio 筆者就採中文版
也順便為 Ulead ( 友立資訊 ) 加加油,能在國際大廠的夾縫求生存 ( 縱被併購 ),Ulead 是值得筆者表達敬意的 !!
一開啟 Cool 3D Production Studio,就會彈出下圖的提示小視窗
1. 先設定檔案的尺寸
2. 插入文字
3. 旋轉物件
4. Shift + 左鍵,就可以等比例縮放
5. 移動 ( 按 Shift + 左鍵,可以水平或垂直移動 )
Cool 3D Production Studio 也有類似 Xara3D 裝飾外框 ( Design ) 的功能:
1. 百寶箱 > 物件樣式 > 斜角特效 > 外框
2. 選擇一個自己喜歡的外框樣式:在百寶箱的縮圖上連點兩下,即可套用
3. 套用後還可以在 屬性面板 繼續編修
如果屬性面板沒出現的話,可以在 下拉選單 > 檢視 > 工具列管理員 中點選出來
( 屬性面板非常重要,請永遠保持是開啟的 )
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
3D 字效
1. Ulead 的產品 ( Cool 3D、PhotoImpact、Media Studio Pro ) 都有 百寶箱,這對初學者而言是很實用的功能
3D 字效要有斜邊 ( Bevel, 即 Cool 3D 中的斜角 ) 才會好看,所以先設定斜邊:在百寶箱的縮圖上連點兩下,即可套用
2. 套用後若是不滿意,也可以在 屬性面板 調整
3. 斜邊出現了
4. 再來要加上紋理 ( 材質 )
5. 屬性面板中有非常多的參數可以調整
6. 斜邊 + 紋理 = 不錯看吧
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
3D 字動畫
1. 百寶箱裡,有很多文字特效 ( 廢話,Cool 3D 最早就是搞 3D 文字特效的 Tools )
2. 套用後,點選時間軸上方,看大概的效果
3. 看了幾格後,大致滿意即可
4. fps ( frames per second ):每秒的格數
動畫想要順一點,設定到 24 格即可,不然 12 ~ 18 就夠用了
5. 動畫的總格數,視情況自行輸入數字 ( 總格數越多,檔案就越大 )
6. 這一區是關鍵格等等的設定,等筆者寫到 Xara3D + Cool3D + Web3d 的 Blogger 時,會詳述之
依上述的設定,不用幾分鐘、就輕鬆得到下圖的動畫效果
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
輸出
靜畫
輸出靜畫最重要的就是能否支援 背景透明 的格式
1. 輸出 TGA 檔 ( Targa 檔, *.tga, 是視訊軟體的標準檔案格式,其地位猶如 2D Bimap 的 *.tif,甚至是 *.psd 檔 )
2. TGA 檔最重要的就是在幾百年前就已經支援背景透明
3. 在 Photoshop 開啟背景透明的 TGA 檔
4. 動畫如果要去背呢 ?! 那就是輸出背景透明的 影像序列 ( 即一連串背景透明的 TGA 檔 ← 視訊軟體可以把這一連串的 TGA 檔組合成去背的動畫 )
動畫
EZ3D,不是替 2D ( Print, 印刷 ) 加分,就是替 Webpage、Flash、Video 加分,所以能直接輸出 Flash 就至為重要
1. Xara 3D 的本質是向量 ( Vector ),所以輸出時可以是 Flash Vector 或是貼上紋理的 Flash Bitmap
但是 Cool 3D 的本質是點陣圖 ( Bitmap ),故輸出時只能選 JPEG 或是 點陣圖 ( 背景透明的點陣圖 )
2. 如果不需要背景透明的 Flash,就點選 以 JPEG,壓縮率會比較高
3. 如果要背景透明的 Flash,那麼就點選 以點陣圖
這是在 Cool 3D 輸出 以點陣圖 ( 背景透明 ) 的檔案,再到 Flash 去加工:
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
OpenGL
以前可以很簡單就界定啥是 EZ3D ( easy3D )、啥不是 EZ3D:只要看支不支援 OpenGL 即可 ( 支援的就是正統 3D,不支援的就是 EZ3D )
不過現在 EZ3D 軟體也開始支援 OpenGL 了,故正統 3D 與 EZ3D 的界限已越來越模糊
還是有簡單的方法可以來界定:全功能的就是正統 3D,非全功能的就是 EZ3D
Cool 3D Production Studio 專注於 3D 字效 ( 非全功能 )、簡易建模 ( 非全功能 )、不支援 OpenGL,故為筆者所說的 EZ3D
至若啥是 OpenGL ( Open Graphics Library / Open Graphics Language ) ?! 這不太好解釋,只能講個大概
OpenGL 是電腦繪圖的一種標準語言 ( 很類似印刷用的 PostScript ),其主要目的之一就是跨平台
也就是說不管是工作站 ( Unix ) 還是 PC ( Windows ),只要是支援 OpenGL 的軟體,檔案就能跨平台互通,可以在 Unix / Mac / PC 間協同工作
OpenGL 比微軟的繪圖語言 DirectX 嚴謹許多:
OpenGL 比 DirectX 還早推出,目前的版本才到了 2 版 ( 而主要用於 3D 遊戲的 DirectX,目前的版本已是 10 版 )
OpenGL 並非只適用於 3D,事實上很多視訊軟體現在也開始支援 OpenGL
支援 OpenGL 的最主要目的就是 Preview ( 預覽 )
試想:若是花了兩個月算圖的 3D 動畫,算完圖後才發現有破面或是其它不滿意處,那動畫公司的老闆可能每兩個月就要跳樓一次 ...
OpenGL 可以讓您在不需要算圖的情況下就可以 即時 預覽動畫,而且預覽的品質非常接近算圖後的結果
享受 OpenGL 的代價,就是得買一張比一般 DirectX 貴好幾倍 ( 甚至幾十倍 ) 的 OpenGL 顯示卡
‧通常支援 OpenGL 的顯示卡其 DirectX 的效能都很差
‧同理,以 DirectX 為主的顯示卡其 OpenGL 的效能也很差
也就是說只能二選一 ! ( 現在中階以上的 OpenGL 卡,已可以 100% 支援 DirectX )
Windows Vista 只支援 OpenGL 1.3,而且不完全支援 ( 得自己去 OpenGL 的官網找驅動程式 )
至若 Vista 未來的 Windows Update 或是 SP1 會不會支援 OpenGL 2.X,目前來看還很難說
為啥要講那麼多的 OpenGL ?! 來看一下下圖的紅框處 ( 動畫播放列,在 Cool 3D 叫做導覽工具列 )
當您按播放 ( 左邊數來第一個圖示) 後,您會發現動畫的預覽根本就跑不順 ( 等到跑第二次時才會順暢 )
若是支援 OpenGL 的軟體 ( 當然也要有 OpenGL 卡 ),動畫預覽是非常的流暢,而且與算圖後的效果相去不遠
Cool 3D Production Studio 並不支援 OpenGL,所以就算是您有 OpenGL 顯示卡也是白搭
除非您的硬體夠猛,不然在編製時請把下拉選單 > 專案 > 顯示品質 > 設為 佳 即可 ( 若是設為最佳,隨便動一下,就要等等等等… )
至若輸出品質,當然要設為最佳
大半的網友,對於 硬體 vs. 軟體 都不熟悉,故筆者簡述一下:
‧Intel or AMD 的 CPU ( x86 ),強在多工:可以同時執行好幾個軟體
IBM or Sun ( 昇陽 ) 的 CPU,強在多緒:雖然主要只執行一個 SQL 軟體,但是可以同時處理數以萬筆的資料進出
‧Intel or AMD 的 CPU ( x86 ),強在浮點運算 ( 浮點就是小數點 ):適用於向量或是 3D 運算
IBM or Sun ( 昇陽 ) 的 CPU,強在整數運算:故適合於大型商用
‧3D 算圖,只與 CPU ( 浮點運算 ) 有關,所以 CPU 越猛越好
‧3D Preview ( 預覽 ),只與 OpenGL 有關,所以最好能有 OpenGL 卡 ( 當然軟體要支援 OpenGL )
‧向量軟體 ( 如 Illustrator, Flash ),只與 CPU ( 浮點運算 ) 有關,所以 CPU 越猛越好
‧點陣軟體 ( 如 Photoshop ),與 RAM 的大小比較有關,故 RAM 越大越好
‧Photoshop 的 Filter 與 Plug-Ins,常與浮點運算有關,所以 CPU 越猛越好
‧視訊軟體 ( 如 Premiere, After Effects, Particle illusion),經常要壓縮、解壓縮,所以 CPU 越猛越好
視訊軟體處理的檔案都很大,所以 RAM 越大越好
現在的視訊軟體多多少少都有 3D 的功能,或是視訊特效的繪圖語言採用 OpenGL,故也開始需要 OpenGL 卡來執行 Preview
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
3D LOGO
先不管 3D Model 的輸入與輸出 ( 先不管如何輸入一個火星頭的 3D Model )
除了能編製 3D 字效外,Cool 3D 也跟 Xara 3D 一樣,可以載入向量檔、增加其厚度與斜角而變成 3D LOGO
1. 匯入 ( 向量 ) 圖形
2. 選擇向量檔的格式
3. 載入向量檔後,會自動產生厚度,接下來的處理過程跟字效一樣,不再贅述
稍加處理 ( 如設定斜邊 ),再貼上 2D 動畫當紋理材質:
有時後覺得電腦進步得實在是太快了,有時後又覺得進步很慢:
Asymetrix Web 3D 2.0 這個軟體,已是 10 年前的軟體,但目前仍沒有任何一個同類型的軟體比它好用 !!
1975 年, 後門 ( Bill Gates ) 先生與破矮輪 ( Paul Allen ) 先生創設了微軟
1985 年, 破矮輪先生離開微軟,帶著大把股票享受人生,並且投資各種奇怪的事業
同年破矮輪先生創設了 Asymetrix 公司
Asymetrix 公司的產品計有:
‧3D F/X ( Web 3D 的前一版 )
‧Web 3D
‧DSP ( 視訊剪接軟體 )
‧Toolbook ( 早期與 Macromedia 的 Authorware、Director 齊名 )
但現在只剩下 ToolBook 這個軟體還活著 .... ( Asymetrix 的網站也更變成是 ToolBook 的官網 )
也就是說即令您現在想要買 Asymetrix Web 3D 也買不到 !
故您一定會罵筆者:那幹嘛介紹這套東東 凸凸凸 =..= 凸凸凸
好唄,筆者就介紹幾種方法讓您可以找到 Web 3D 來測試一下:
第一、6、7 年前,很多 顯示卡 ( 如麗台 ) 都有送 Asymetrix Web 3D 這套軟體,請趕快翻箱倒櫃去找
或是問問您身邊的電腦高手,看他們還有沒有 ( 筆者手上就有好幾套買顯示卡送的 )
第二、拖出騾子, eMule ( 有時後搜得到,有時後搜不到。檔案大小約 200 MB 左右的才是 )
或是到 VeryCD 去找看看
第三、用 BT 找到的機會不大
第四、祭出 Google 大神 ( 但已不好找了 )
第五、洽 補帖商 ( 筆者查過補帖商的網站,有 Asymetrix Web 3D,不過是比較早期的資料 )
原來補帖商也有保存文物的功能 ^^|||
第六、其實還有得買啦,70 美金 ( 很便宜 ),但是不知道 這個網站 還有沒有在營業 ?! ^^|||
第七、看看 ShareMiner 會不會有人上傳
全世界大概也只有筆者在力推這個 10 年前的軟體了 …
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
界面
Web 3D 的介面 ( 啟動時會彈出一個快速功能的小視窗 )
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
背景
Web 3D 的使用方式不是 Drag&Drop ( 拖曳 ),就是 DbClick ( 連點兩下 )
如下圖,要改變底色 ( 底圖 ):切換到 Backdrops 的標籤,然後把底色 ( 底圖 ) 拖曳到主視窗中即可
1. 當然也可以自訂底圖:在 Scene Contents 面板 中的 Backdrop 上 DbClick ( 連點兩下 )
2. Browse:瀏覽檔案 ( 找出您要套用的底圖 )
3. 預覽並點選圖檔
4. 點選圖檔後,步驟2中原本是灰色的 Picture Options ( 圖檔選項 ) 變成黑色了,點選之
5. 設定檔案的長寬與底圖相同
6. 已換成自訂的底圖了
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
字效
1. 點選 A 的圖示,準備輸入文字
2. 輸入文字、設定字型 ( 支援中文 )
3. 點選 Modify 3D ( 修改 3D 的設定 )
4. 設定斜邊、厚度等參數
5. 3D 字出現了 ( 這只是 Prerview ( 預視, 預覽 ),要 Render ( 算圖 ) 才會漂亮 )
6. 在 Scene Contents 面板 中,也出現了 Text 的項目
3D 文字的控制:( 前 3 個都是以滑鼠控制,最後一個微調 )
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
紋理
1. 在 + 號上按一下,就會拉出 Text 的所有細部
‧上半部是 整個字串 的 Faces ( 正面 )、Backs ( 背面 )、Sides ( 側邊 )、Bevels ( 斜邊 )
‧下半部是 個別字母 的 Face ( 正面 )、Back ( 背面 )、Side ( 側邊 )、Bevel ( 斜邊 )
真是個物件導向 100% 的軟體 …
2. 在 Text 上 DbClick,就可以修改文字字串 ( 即前面 字效 的那個 A 圖示 )
3. 切換到 Surfaces ( 表面, 即紋理 or 材質 ),準備貼上紋理材質
4. 紋理的套用方法很簡單,就是 拖曳 ( 拖曳紋理到 字串 or 字母 的 Face / Back / Side / Bevel 去,就搞定了 )
5. 在 字串 or 字母 的 Face / Back / Side / Bevel 上 DbClick,就會彈出一個小視窗,有一堆參數可以調整
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
算圖
一切都設定好之後,就要算圖:( 以下以靜畫為例,動畫的設定也大同小異 )
1. 下拉選單 > Scene ( 場景 ) > Generate Snapshot ( 產生快照, 即靜畫 )
2. 在1. 下方的則是 Generate Animation ( 產生動畫 )
3. 按 Snapshot ( 快照的設定 )
4. 快照的設定有 5 個標籤,左邊數來第一個是 Size ( 尺寸大小 ):輸出靜畫 or 動畫的尺寸大小
5. Quality ( 品質 ):
‧Snapshot style ( 快照樣式 ),設為 Ray Traced w/Shadows ( 有陰影的光跡追蹤, 此為 Asymetrix Web 3D 的最佳效果 )
‧Smoothing ( 平滑度 ),設為 Best
‧Number of ray traced reflections ( 光跡追蹤的反射次數 ),不要設太大,不然算圖會變很慢
6. Colors ( 顏色數 ):設為 16 million ( 24 bit ),即 1677 萬色、24 位元色的全彩
下一個標籤, Effects:一般都用不到,先不管它
7. Animation ( 動畫 ):fps 與其它動畫參數的設定
Asymetrix Web 3D 也可以輸出 背景透明 的格式:
1. 先按 Snapshot settings ( 靜畫設定 ) 的按鍵,並於彈出的視窗切換到 Colors 的標簽,把紅框處打勾
2. 再按 Browser ( 瀏覽 ) 的按鍵,選定檔案夾
3. 設定儲存檔案的格式為 *.tga
4. 算圖 > 存檔 > 在 Photoshop 開啟該 TGA 檔,就可以看到背景透明的效果
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
3D LOGO
1. 按 五邊形 的圖示就可以讀入向量檔
2. 按 Browser 的按鍵,可以載入 WMF or EMF 檔
3. 按 Modify 3D 的按鍵,可以設定斜邊與厚度
4. 最後就得到這個素模 ( 還沒加上材質紋理的模型 )
Asymetrix 這個 10 年前的 3D Tools 就支援 *.tga 的輸出、支援 Ray Traced 的算圖效果、支援材質紋理的透明度、…
載入 向量圖、把材質紋理設為 半透明,再加上 Ray Traced 的算圖效果,就得到下圖:( 很漂亮吧 ! )
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
動畫
EZ3D 字效軟體的動畫不可能太複雜,所以通常都有現成的樣版,直接套用即可
1. 切換到 Paths,挑選一個動畫路徑,然後拖曳到 Scene Contents 裡的字串或是向量圖即可
2. DbClick 後,還有很多細部可以設定
把正面的材質紋理貼上 2D 動畫,把字邊與背面設為半透明:( 很難想像這是 10 年前的軟體吧 … )
以上都只是概述,日後 Xara3D + Cool3D + Web3D 的 Blogger 中會詳盡討論
載入外部的 3D Model
Xara3D 只能處理字效與向量檔,但是 Cool3D 與 Web3D 則多了能載入外部 3D Models 來加工的功能
因為與 3D 字效無關,所以請自行參考:無中生有 ( 1 ) 金 裡的 動畫效果
( Asymetrix Web3D 的算圖比較漂亮 ) ( Cool 3D Production Studio 則是強在動畫特效 )
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
Bryce 3D 字效
難道要搞純 3D 字,只能靠 Xara3D or Cool3D or Web3D ?! 答案當然不是 ! 還有一個好用的 3D Tool:Bryce
例一、純 Bryce 的方法
首先在 Photoshop 編製出下圖
在 Bryce 中,把上圖的灰階轉成山脈:
例二、Cool3D + Bryce
把 Cool3D 的字效輸出成 *.3DS 檔,然後在 Bryce 中載入、貼材質、算圖
例三、向量 + Cool3D + Bryce = 3D LOGO
先畫好一張向量圖,然後在 Cool3D 加上厚度與斜邊,輸出成 *.3DS 檔
在 Bryce 中載入上述的 *.3DS 檔,貼材質、算圖:
Bryce 沒有 Cool3D 的字效等功能,Cool3D 的算圖效果則不夠優,不過把此兩者的優點整合在一起,就能搞出漂亮的效果了
Bryce 也能搞簡易的動畫,以後筆者也會寫 Bryce 的 Blogger