本篇教程通過PS制作一副扁平化得夜景房屋插畫，教程可以通過PS制作，也可以通過AI制作，我們會(huì)用到布爾運(yùn)算、圖層樣式、漸變色等，通過這些制作安靜的夜景房屋，教程比較詳細(xì)，同學(xué)們可以根據(jù)教程所述嘗試著做一下，對(duì)制作插畫有興趣的同學(xué)們可以跟著做一下，具體如何做通過教程來學(xué)習(xí)一下。

效果圖：

www.16xx8.com

操作步驟：

首先整理下大致內(nèi)容：

1：布爾運(yùn)算運(yùn)用

2：簡單圖層樣式的運(yùn)用

3：漸變色應(yīng)用

4：細(xì)節(jié)把控

PART1：繪制背景

Step1.首先新建畫布1200*900px,分辨率72px，然后畫個(gè)矩形做底色，填充顏色如下：

PART2：繪制房屋

Step1.首先在頁面合適的位置通過矩形合并形狀來畫出主房屋的墻面，顏色#ee7250

Step2.接下來，在地面合適的高度把屋的外沿用矩形畫出來并把陽臺(tái)的顏色與主墻顏色區(qū)分拉開層次，接著需要注意的是外沿的立體度，通過陰影（#863026 透明度：50%)拉開界面的三維度。

Step3.大體外形建立后，我們要把房子他的窗戶和們制作出來，這里主要利用到的是矩形合并方法，以及圖層之間的前后關(guān)系。注意門的細(xì)節(jié)處理，局部陰影處理。

依次豐富頁面其它窗戶和門。

Step4.繪制屋頂太陽能熱水器，布爾運(yùn)算方法。

Step5.繪制小屋屋頂，形狀變形+圖層蒙版。

按照以上方法，畫出主屋側(cè)邊漏水管、小屋煙窗及屋面的色塊磚，豐富主體物不要忘了添加外沿墻的投影(#863026,透明度：50%)

PART3：繪制設(shè)施及樹木

Step1.背景樹采用圓圈合并圖層+矩形補(bǔ)充，矩形修正起水平線。首先用圓形工具畫出第一個(gè)圓，按住alt拖動(dòng)復(fù)制圓調(diào)整其大小，因?yàn)闃鋮彩歉叩湾e(cuò)落的，圓形只能勾勒起外型還需通過矩形合并疊加來填滿空余，最后要通過矩形(減去頂層形狀)來修整在一條水平線上。顏色采用透明漸變色，漸變加強(qiáng)其上下空間，留有呼吸空間，添加透明是可以很好的融入背景色。此處注意層次感

Step2.繪制單顆數(shù)木，注重樹球的前后層次關(guān)系

依次畫出另一顆樹

Step3.電線桿繪制

PART4：繪制星空

Step1.繪制云通過布爾運(yùn)算去處理，顏色#ffffff。月亮#f1f56d外暈通過層次漸變，疊加效果處理同樣使用顏色#f1f56d不同透明度效果（18% 、7%），疊加出來。

Step2.運(yùn)用上述方法畫出第二種云效果。

Step3.繪制四角星，顏色#ffffff用矩形工具。

Step4.最后通過復(fù)制其他的云和星星，完成最后的效果，注意星空的層次感，所以要把控好云和星星的大小及透明度。

完成：

www.16xx8.com

操作的時(shí)候小心細(xì)節(jié)的把控，跟著教程一起來學(xué)習(xí)一下吧。