Photoshop設計扁平化風格的夜景房屋插畫
學習PS
微信公眾號:xxps1979
本教程主要使用Photoshop設計扁平化風格的房屋插畫教程,扁平化風格是大家最喜歡的一種設計模式,一個簡約風格的夜景房屋的插畫,推薦給思緣的朋友學習,希望大家可以喜歡。
先看看效果圖:
首先整理下大致內容:
1:布爾運算運用
2:簡單圖層樣式的運用
3:漸變色應用
4:細節把控
PART1:繪製背景
Step1、首先新建畫布1200*900px,解析度72px,然後畫個矩形做底色,填充顏色如下:
PART2:繪製房屋
Step1、首先在頁面合適的位置通過矩形合併形狀來畫出主房屋的牆面,顏色#ee7250
Step2、接下來,在地面合適的高度把屋的外沿用矩形畫出來並把陽台的顏色與主牆顏色區分拉開層次,接著需要注意的是外沿的立體度,通過陰影(#863026 透明度:50%)拉開界面的三維度。
Step3、大體外形建立後,我們要把房子他的窗戶和們製作出來,這裡主要利用到的是矩形合併方法,以及圖層之間的前後關係。注意門的細節處理,局部陰影處理。
依次豐富頁面其它窗戶和門。
Step4、繪製屋頂太陽能熱水器,布爾運算方法。
Step5、繪製小屋屋頂,形狀變形+圖層蒙版。
按照以上方法,畫出主屋側邊漏水管、小屋煙窗及屋面的色塊磚,豐富主體物不要忘了添加外沿牆的投影(#863026,透明度:50%)
PART3:繪製設施及樹木
Step1、背景樹採用圓圈合併圖層+矩形補充,矩形修正起水平線。首先用圓形工具畫出第一個圓,按住alt拖動複製圓調整其大小,因為樹叢是高低錯落的,圓形只能勾勒起外型還需通過矩形合併疊加來填滿空餘,最後要通過矩形(減去頂層形狀)來修整在一條水平線上。顏色採用透明漸變色,漸變加強其上下空間,留有呼吸空間,添加透明是可以很好的融入背景色。此處注意層次感
Step2、繪製單顆數木,注重樹球的前後層次關係
依次畫出另一顆樹
Step3、電線杆繪製
PART4:繪製星空
Step1、繪製雲通過布爾運算去處理,顏色#ffffff。月亮#f1f56d外暈通過層次漸變,疊加效果處理同樣使用顏色#f1f56d不同透明度效果(18% 、7%),疊加出來。
Step2.運用上述方法畫出第二種雲效果。
Step3、繪製四角星,顏色#ffffff用矩形工具。
Step4、最後通過複製其他的雲和星星,完成最後的效果,注意星空的層次感,所以要把控好雲和星星的大小及透明度。
注意點:
1:布爾運算運用
2:簡單圖層樣式的運用
3:漸變色應用
4:細節把控
原圖鏈接:http://dribbble.com/shots/2858845-Hometown
※Photoshop設計漸變風格的簡約海報教程
※復古風格的足球球星插畫設計欣賞
TAG:學習PS |