PS製作2.5D風格拖線板插畫

完成步驟和效果

PS製作2.5D風格拖線板插畫

PS製作2.5D風格拖線板插畫

PS製作2.5D風格拖線板插畫

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

PS製作2.5D風格拖線板插畫

01.新建一個畫板1800*1200,填充一個淺藍色圖層,點開混合模式——圖案疊加——選擇剛自己自定義的網格,然後調節縮放,自己看的舒服就行了。並將此圖層

填充調節為0 。並置於所有圖層的頂層。

然後就可以開始愉快的畫圖了。

PS製作2.5D風格拖線板插畫

PS製作2.5D風格拖線板插畫

02.複製一層顏色改為淺藍。www.missyuan.net

PS製作2.5D風格拖線板插畫

03.繼續複製一層改變顏色為白色

PS製作2.5D風格拖線板插畫

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

PS製作2.5D風格拖線板插畫

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

PS製作2.5D風格拖線板插畫

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

PS製作2.5D風格拖線板插畫

07.以同樣的方法制作其餘插孔。

PS製作2.5D風格拖線板插畫

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

PS製作2.5D風格拖線板插畫

  • 09.複製一層,顏色改為白色。

  • 010.鋼筆工具,將立方體兩面補好。

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

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

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

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

  • 015.畫一個圓形,並透視,同樣的透視對齊網格線。www.missyuan.net

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

PS製作2.5D風格拖線板插畫

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

PS製作2.5D風格拖線板插畫

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

PS製作2.5D風格拖線板插畫

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

PS製作2.5D風格拖線板插畫

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

PS製作2.5D風格拖線板插畫

好了一個小插畫就這樣完成了。


分享到:


相關文章: