Labels

2021年4月22日 星期四

從ai平面設計到立體3D,也可以這樣玩⋯⋯

將包裝平面設計稿轉換為華麗的3D立體結構圖,是許多資深設計師必備的功力,除了藉助Photoshop外,市售諸如Esko Studio、iC3D Suite、Cinema 4D的Cineware及Adobe Dimension等等諸多軟體均能與Ai完美搭配,本篇要介紹的是一款精量級,但功能毫不遜色的app−「Origami」。
Origami是一套簡易上手、功能豐富的Illustrator 3D立體摺紙擴充功能(Plugins),不用輸出任何格式即可即時預覽包裝的3D結構,並藉以檢視包裝結構的正確與否。
利用Origami的功能,將平面設計稿轉換為3D圖樣並向客戶提案,是非常快速有效率的方式,輕輕鬆鬆就搞定。

 

上圖為本次範例在Acrobat Reader的螢幕預覽

其作用模式如下:

一、備好設計檔案

準備好你的包裝設計稿並將你的刀模獨立一個圖層並命名為「origami」。【圖1-1~圖1-3】 


二、設定切割線與摺線

將包裝盒切割線設為實線,摺痕線為虛線。並檢查切割線錨點是否確實連接、摺痕線是否確實接觸切割線之錨點(非連接錨點)。【圖2-1~圖2-2】


三、標示紙盒正面與底部

在「origami」圖層中分別繪出無填色、無線條之矩形兩個,分別標示為「front」、「bottom」,目的為成像時顯示哪一部分為正面、哪一部分為底部。【圖3-1~圖3-2】


四、除錯

點擊Origami應用程式以生成立體圖像【圖4-1】,若切割線與摺痕現為確實連接,軟體會標示出錯誤的區域,讓我們能快速修正【圖4-2~圖4-4】。



五、成像

切換回origami程式,按下Space鍵,就正確成像了。【圖5-3】
☆透過View⇨Fit to View調整結構圖在觀景視窗的位置。【圖5-1】
☆透過Paper⇨Edit Paper Types調整紙張厚度。【圖5-2】


六、總結

優點:
1. 在illusator子圖層即可控制摺痕線角度,若不設定則軟體即默認為90度摺角。
2. 可輸出3D PDF 直接使用Acrobat Reader預視,obj檔自帶材質貼圖。
3.可輸出透明背景PNG檔,方便與Photoshop搭配使用。
3.自定義紙張厚度,不用再另外修改刀模。
缺點:
1.目前摺線角度均只支援直角,彎曲角度無法成型。
2.較複雜的盒型如為天地蓋盒,無法一起成型於同一預覽視窗。

沒有留言:

張貼留言