火星網校
AI插畫教程：教你打造2.5D插畫設計風格
2.5D插畫設計風格，已經越來越多的出現我們的UI設計中，H5動畫、APP閃屏 、廣告banner、ICON等等，本期就給大家帶來AI插畫教程，教你打造2.5D插畫設計風格！那我們來看看2.5D到底是什麼樣的風格。
好了，看到這裏，不知道有木有小心動，畫之前還是來了解一下, 2.5D插畫風格特點。
2.5D插畫風格特點
透視：和傳統美術中的近大遠小的透視原理不同，2.5D的透視是同一方向的兩條線是平行、永不相交的；常見的2.5D圖形，以透視的正方形為例，其底邊與視平線的夾角是30度。
色彩：色彩特點是明快、色彩豐富
想畫好2.5D插畫也不難，學好我這個方法，加上勤動手就可以~好了，閑話不多說！
最終效果圖：
為了方便教程，設計稿略過了草圖，為了方便大家學習，在Illustrator 中做好了設計圖，現在隻要二維畫麵轉2.5D即可，設計稿如下：
使用工具和方法
使用工具：Illustrator
方法：繪製2.5網格做參考線配合使用 效果- 3D - 凸出和斜角
畫之前了，我們需要打開Illustrator，做兩個設置，在Illustrator裏，將 - 視圖菜單欄裏，勾選 - 智能參考線，確保關閉- 對齊點 ，如下圖：
設置完，接下來就要繪製2.5D的網格參考線了，步驟如下：
Step1：通過鋼筆工具，在繪製好的網格上，勾出遊戲機的基礎型，勾勒形狀要對準參考線，將遊戲機身基本型繪製出，並上色。
Step2：繪製屏幕，打開 -效果 -3D -凸出和斜角，角度分別是：45°、-35°、30°，勾選預覽，如下：
Step3：繪製遊戲方向鍵，角度設置同上個步驟，勾選凸出厚度8pt，接下來，在菜單欄選擇：對象-擴展外觀，右鍵取消編組，得到相應的形狀，需要對相應形狀進行聯集合並，由於生成3D後，形狀顏色會變暗，所以需要重新上色，效果如圖：
Step4：剩餘的部件，可依次使用該方法調整，給出按鍵必要的厚度,調整顏色，組合起來：
遊戲機組合完效果：
Step5: 文字部分依舊使用相同方法，，角度分別是：45°、-35°、30°，給出凸出厚度，調整顏色：
Step6：完善其他的裝飾物，組合畫麵：
最後加上一些陰影關係，讓畫麵更立體，加上一些後期文字，就大工告成啦！
當然最後效果圖，還是以最終畫麵的呈現效果來適當修改優化的，最後呈現：
本期小教程就到這裏了，希望大家喜歡。
作者： 張永祥
來源：UI設計師之家
上一篇 線體扁平風格宣傳海報製作
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
這篇文章詳細介紹了如何學習使用UE4進行可視化製作，以及火星時代教育對此方麵培訓的專業性
-
麵對繁多的移動端UI培訓機構，如何選擇一個適合自己的呢? 本文將為你解答疑問，而火星時代教育，我們敢說是最好的選擇！
-
基於火星時代教育的高質量課程體驗, 揭示遊戲開發的前瞻性和職業發展前景。
-
以UE4作為工具來建構智慧城市，能大大提高其實用性和創新性。火星時代教育通過專業的UE4課程培訓來助力學習者掌握UE4建構智慧城市的技巧。
-
對於很多熱愛製作遊戲特效的朋友來說，擔心的一個問題就是，學習遊戲特效需要多少時間？火星時代教育為您詳細分析和解答。
-
了解影視原畫設計的基本知識和學習路徑，尤其是在火星時代教育的專業指導下，你將擁有更好的學習體驗。
