輕鬆學會！教你製作2.5D插畫

2.5D 插畫教程

近一兩年來，為了提升視覺傳達效果，創意插畫的使用越來越頻繁，在最近這段時間新湧現的設計作品當中，強烈的視覺衝擊力和產品結合的展現是它們共通的特點。那麼 2.5D 插畫也作為一種設計趨勢，活躍出現在海報、專題頁、banner、網頁設計、UI設計中。

by 隱身少女Alice ，cr behance

究竟什麼是2.5D插畫？首先舉一個大家都熟悉不過的例子：紀念碑谷

以上是《紀念碑谷》遊戲中的一些設計畫面，遊戲中的所有場景都呈現2.5D效果，對於創造立體空間，營造新穎、酷炫的氛圍特別有幫助，同時結合現實生活的建築以及藝術家的想像，可產生更有創意的idea。

等距視角（Isometric），也稱為等軸測圖，為了增加立體感而採用的 45 度視角，擁有出色的視覺表現，尤其適用於地圖、城市的圖形展現，同時使用 3D 製作工具設計的效果也會更加吸引眼球。除此之外，很多精美的遊戲場景設計也會用到這種視角。當然，簡單的等軸測圖也可以運用 PS、AI 等平面繪圖工具製作。

優點：

如下圖，等距視角可以把所有正方形拆分成三角形，在製圖時很方便地單位化，模塊化製作場景和造型，化繁為簡。

把立方體切成三角形後可以發現，側面透視正方形的對角線和頂面的邊線呈一條直線，這樣最大的好處在於做透明材質的結構時，可以輕鬆完成。

最後非常重要的一點，就是等距視角中的元素水平翻轉後，得到另外的另一個角度的結構也是同樣符合場景透視的。這樣可以大大節省製圖的時間，提高效率。

接下來就進入今天的教程，教大家如何利用 AI 的 3D 功能，繪製出等距視角的 2.5D 插畫，快馬住學習吧！

1、打開設計軟體AI

2、建立基礎的2.5D圖形可以通過兩種簡單的方法實現：

畫一描邊矩形，然後選擇：效果 ——3D——凸出和斜角—— 等角上方（根據自己需求選擇合適的位置）

（P.S. 基礎的3D圖像可以用「對象——擴展外觀」轉換為矢量圖像，方便編輯處理。）

建立三角形為單位的參考線模板，在此框架上畫出場景結構，可以更加輕鬆和規範。

3、針對效果後的矩形進行: 對象 —— 擴展外觀，然後選擇想呈現的顏色。

4、 做相同角度的正方體，以下是正方體製作的具體步驟：

5、根據做好的基本模型，創建場景。

6、依據創建的場景模型，豐富畫面內容。（所有的形體在 AI 中打好擴展形狀後，再導入 PS 中處理細節。）

這種立體插畫形式的展現，既豐富了產品內容，又增強了畫面故事性，這樣的立體造型從視覺上讓用戶印象深刻，過目不忘，同時希望本次簡單的紀念碑谷製作對大家的設計創作有一定的幫助！

歡迎來我們UBAT體驗學習！我們的專業顧問導師團隊，會為每位學員打造私人訂製的、更有針對性的學習內容，以協助大家順利拿到心儀學校的offer哦，歡迎大家前來諮詢~

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！