PS製作2.5D風格排插小插畫老幹貨

這篇教程將教你如何用PS來製作一個2.5d風格的排插小插畫,雖然看著很簡單,細分來講也只有20來個步驟,但是有些小細節的處理還是值得注意和學習的。

完成效果圖

PS製作2.5D風格排插小插畫老幹貨


PS製作2.5D風格排插小插畫老幹貨


1,製作網格,建立一個100*60的畫布,利用矩形工具,畫3條線,矩形粗細為2Px,兩條斜線離水平線為30度。畫好後選擇編輯——定義圖案。

PS製作2.5D風格排插小插畫老幹貨


2,新建一個畫板1800*1200,填充一個淺藍色圖層,點開混合模式——圖案疊加——選擇剛自己自定義的網格,然後調節縮放,自己看的舒服就行了。並將此圖層填充調節為0 ,並置於所有圖層的頂層,然後就可以開始愉快的做圖了。

PS製作2.5D風格排插小插畫老幹貨


PS製作2.5D風格排插小插畫老幹貨


3,複製一層顏色改為淺藍。

PS製作2.5D風格排插小插畫老幹貨


4,繼續複製一層改變顏色為白色。

PS製作2.5D風格排插小插畫老幹貨


5,用鋼筆工具為插座兩面,填補好明暗兩面。以同樣的方法畫一個圓和一個矩形,合併形狀,得到一個插孔。CTRL+T 後,右鍵透視將框對齊網格線後如圖。

PS製作2.5D風格排插小插畫老幹貨


6,複製一層插孔,將顏色改為淺色。將此圖層在第一層上剪切蒙版,並往下移動一段距離,使得插孔有凹凸感。

PS製作2.5D風格排插小插畫老幹貨


7,畫一個矩形,顏色改為深藍色,剪切蒙版在插孔圖層上。使插孔有一個暗面。

PS製作2.5D風格排插小插畫老幹貨


8,以同樣的方法制作其餘插孔。

PS製作2.5D風格排插小插畫老幹貨


9,畫一個矩形,並透視對齊網格,如圖。

PS製作2.5D風格排插小插畫老幹貨


10,複製一層,顏色改為白色。

PS製作2.5D風格排插小插畫老幹貨


11,鋼筆工具,將立方體兩面補好。

PS製作2.5D風格排插小插畫老幹貨


12,頂上自己可以發揮想象。添加信號燈。注意添加明暗面。

PS製作2.5D風格排插小插畫老幹貨


13,(為了使圖更豐富,繪製線板縫隙)複製一層插板的圓角矩形,淺藍色。

PS製作2.5D風格排插小插畫老幹貨


14,複製淺藍色圓角矩形,並縮小一點點。顏色改為白色

PS製作2.5D風格排插小插畫老幹貨


15,為縫隙添加暗面,繪製一個矩形,並改為深藍色。調整位置沿插板對角線。在剛才的粉藍色圓角矩形上剪切蒙版。得到如下:

PS製作2.5D風格排插小插畫老幹貨


16,畫一個圓形,並透視,同樣的透視對齊網格線。

PS製作2.5D風格排插小插畫老幹貨


17,複製一層透視好的圓,改變顏色為深藍色,在淺色的圓上剪切蒙版。並向下移動一段距離。得到如下效果:

PS製作2.5D風格排插小插畫老幹貨


18,鋼筆工具,關閉填充,選擇描邊。調整自己合適的粗細。繪製一段曲線作為電線。如圖:

PS製作2.5D風格排插小插畫老幹貨


19,複製一層曲線,描邊顏色改變為淺藍色,同樣的方法剪切蒙版,並向上移動一段距離,得到以下情景。

PS製作2.5D風格排插小插畫老幹貨


20,再複製一層曲線,改變顏色為深藍色,移動到合適位置作為陰影。

PS製作2.5D風格排插小插畫老幹貨


21,處理細節,電線和插板間的細節,用鋼筆工具繪製圖形,為線頭畫一個弧型與線孔貼合。並在電線上,繪製一層弧圈作為線孔投射在點線上的陰影。

PS製作2.5D風格排插小插畫老幹貨


好了一個2.5D風格排插小插畫就這樣完成了。

福利互動

為答謝客官閱讀完此文支持,特准備新人大禮包贈送領取:2000種設計筆刷,10本設計書,設計師必備500種字體~~下方是領取方式

2,評論文章,不限字數,一個字都行


分享到:


相關文章: