Vectary 一般人上手教學,圖示、文字快速轉 3D 立體圖片免費工具



今天想分享一個很經典的線上 3D 繪圖、建模工具:「 Vectary 」,但不是要教大家如何繪製與設計 3D 模型(因為這也不是我的專業),而是「一般使用者」如何利用「 Vectary 」的免費版本,就能快速把平面 2D 圖示、 Logo 圖案,甚至是中英文字,轉成 3D 立體模型圖檔,快速下載 3D 立體圖片使用。

如果你並非專業的 3D 圖像設計師,也不熟悉 3D 繪圖工具。但是手邊的某些宣傳圖片、海報 Banner 有 3D 圖示的需求,想要把一些既有的(或者免費圖庫中很容易找到的)圖示、Logo、文字素材,轉成 3D 立體版本來使用,就很適合利用下面這篇教學來解決問題。

我也會盡量把步驟寫得精簡扼要,讓即使沒有用過 3D 設計軟體的一般使用者也能快速上手。(最簡單的平面圖示轉成立體圖案,只需要 4 個步驟!)




首先,我們要先在「 Vectary 」註冊一個免費帳號,可以利用 Google 帳號等註冊,接著透過「 New Project 」可以開始建立一個 3D 模型,免費帳戶可以建立與管理 25 個 Project 模型圖案。





2D Logo、 Icon 圖示轉成 3D(四步驟簡易快速版)

我們先來試試看,如果手邊有平面的 ICON 圖示、 LOGO 圖案素材,如何利用「 Vectary 」在簡單幾個步驟後,就可以轉成包含打光陰影等特效的 3D 立體圖案。

  • 第一步驟:
先準備好一張 SVG 圖檔(其實 PNG 等圖檔也可以,只是會無法做出完整特效),你可以在許多圖庫網站找到可以下載 SVG 圖檔的素材圖案,例如:SVG、 PNG Repo 免費下載 30 萬高解析 ICON 圖庫,強大搜尋、支援商用

接著利用左上方的「 Import 」功能把 SVG 圖檔匯入。




  • 第二步驟:
透過圖案中間的「旋轉角度、移動軸線功能」,按住不同顏色的調整線,透過拖曳移動,就能把剛剛匯入的平面圖片,先轉成想要的 3D 立體角度。

下方功能列的第一個按鈕「 Fit View 」,可以隨時幫我們把畫面置中。




  • 第三步驟:
如果想要 3D 模型的效果,這時候可以透過右方的「 extrude 」數值,加上「厚度」。

因為原本是平面圖片,所以需要加上立體厚度。




  • 第四步驟:
如果你覺得上述這樣的 3D 立體效果就可以了,那其實可以收工了!

點擊左方的「 Project Name 」項目(這邊也可能改成你自己設定的專案名稱了),在右方功能中:
  • 透過「 Background 」,把背景設定為透明,這樣可以下載透明背景的 PNG 圖檔。
  • 透過開啟「 Ground Plane 」,可以加上地面陰影。(不過要記得把圖案往上拉到地平線上)




下方功能列,有一個「圖片」按紐,可以直接下載 PNG 圖檔,這樣就可以利用在自己的其他需求中,像是簡報、海報、貼文圖案等等。





把 3D 立體圖案加上材質與打光

如果說上述的簡單版本覺得還不夠,想要把轉成的 3D 圖案做更多效果變化,可以加上下面幾個步驟。

設定好想要的角度、厚度後,在左方的圖檔項目上點擊右鍵,選擇「 covert to geometry 」,轉成可以重新繪製材質的幾何圖案。




接著在右方功能的「 Materials 」清單中,按下「圖庫」按紐,可以選擇「 Vectary 」內建的大量材質庫,有木頭、鋼鐵、塑膠、自然等等不同風格。

當然我們也可以進一步利用下面的調整工具來修改材質的顏色與效果。




如果要讓 3D 立體圖案的效果更好,還可以利用上方功能列中的「 Light 」相關功能,加上打光特效。




最後也可以利用下方的圖片按紐,把設計好的圖檔下載。





設計中文的 3D 立體文字圖案

如果想要製作 3D 立體字體,可以利用上方功能列的第二個「 3D 模組」選單,選擇「 3D Text 」。




接著,右方功能列有幾個可以調整的地方:
  • 文字輸入欄:輸入文字
  • 字體選擇選單:選擇一個可以顯示中文的字體(有許多日文字體可以顯示中文字)
  • 選擇文字之間的寬度距離、高度距離
  • Depth:選擇立體厚度



接著,如果想要為文字加上顏色,在右方功能列的「 Material 」處,同樣可以選擇材質、調整顏色。

針對文字的部分,需要調整「 Metalness 」數值讓文字更清晰。




最後,同樣的如果想要讓效果更好,可以選擇左方清單的專案層後:
  • 右方的「 Ground Plane 」,開啟地板功能,加上地面影子。
  • 右方的「 Effects 」,可以加入像是柔化陰影等特效。
  • 上方功能列的「打光」功能,可以讓效果更立體。




完成後,也可以直接下載圖檔,或是左上方選單可以匯出其他 3D 圖形檔案格式。




「 Vectary 」除了專業的 3D 繪圖設計功能外,也還有許多一般人也用得到的簡單 3D 圖形工具,除了上述的「 2D 圖示轉 3D 立體圖案」、「平面文字轉 3D 立體文字」功能外,也有內建大量的 3D 模組可以直接套用(例如在立體螢幕裝置上貼上你的圖片)等等。

有興趣的朋友,還可以進一步參考:

留言

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

Roam Research 解放思考自由的網絡狀筆記工具,全圖解教學

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

用 Windows 內建時鐘開始番茄鐘工作法,不需安裝其他專注工具

Draw.io 中文線上製作流程圖首選!專業水準完全免費

Google Maps 我的地圖完全教學!規劃自助旅行攻略