Illustrator繪製扁平化風格的房屋和路燈效果

學習PS

微信號：xxps1979(長按複製)

學無止境，技行天下！

本教程主要使用Illustrator繪製扁平化風格的歐式建築房屋，我們觀察一下，這是一個扁平的插畫，所以呢我們做的更多是一些高光和陰影的處理。感興趣的朋友可以跟著教程一起來學習吧。

先看看效果圖:

首先，還是新建一個文檔。(800*600px，鍵盤增量設為1px)

step 1 ：要想富，先修路

新建一個800*120px，顏色為#706B79的矩形，然後在它上面加一個704*10px，顏色為#A8A5AA矩形和一個704*6px，顏色為#706B79的矩形。

ok，路以通，我們來建個商店賺錢吧。

step 2 ：建個商店。

1)新建一個314*7px，顏色為#9D9588的矩形作為商店的地面。然後建一個36*256px，顏色為#E9E7DC的矩形作為商店的側牆。再在牆上添加兩個22*53px，顏色為#F9F6E6的矩形，和一個22*125px，顏色為#F9F6E6的矩形作為牆上的裝飾(浮雕。。)然後這3個矩形都讓他們有個5px的反向圓角。

2)將剛剛的3個裝飾(浮雕)編組，複製兩次，然後將上面一個向下移動2px，再選中它的下一層，布爾運算，減去頂層，改變顏色為#D6D4C3。將新得到的裝飾連同牆一起編組，複製一個，移到右邊對應的位置。

3)新建一個90*180px的矩形，顏色為#EAAB61作為門。然後再建一個62*34px，顏色為#DB9747的矩形(可能是寵物的入口。。)然後給這個寵物門做個陰影。複製兩次，減去頂層，改變顏色(平面里添加層次感)。

4)新建一個62*112px，顏色為#78C4ED的矩形(門上的玻璃)，然後添加一個5*112px，顏色為#64ABD5的矩形作為陰影。接著畫幾個白色的矩形，旋轉45度，改變不透明度(玻璃上添加高光)為30%，利用形狀生成器工具減去多餘的部分。

5)再在門上畫一個On Sale 的牌子。畫一個30*20px的白色牌子，然後畫兩個2*18px的繩子，顏色為#EAAB61，各自旋轉45°，接著畫個6*6px的白色釘子。然後畫兩個顏色為#F7DDC0的矩形充當文字。接著給牌子做個陰影，顏色為#64ABD5，方法同寵物入口。

6)給門上裝個把手。7*7px，顏色為#BB7B33。然後畫個224*27px，顏色為#EAAB61的矩形作為正面的牆，接著畫個224*153px，顏色為#78C4ED的矩形作為大的櫥窗。同樣的方法給正面的牆做個陰影。顏色為#DB9747。

7)給正面的牆添加一些紋理。新建一個3*16px和61*3px的矩形，顏色為#DB9747，將它們拼在一起，編組，複製兩個。

8)我們接著畫一些櫥窗里的細節。使用鋼筆工具，顏色分別為#6BAFE2和#5789C3。

9)接著我們畫櫥窗里的吊燈。畫一個2*44px，顏色為#5789C3的矩形(線)和一個22*12px的矩形(燈罩)，然後我們把燈罩上面的兩點分別向中間移動4px。再畫一個8*8px，顏色為#5789C3的圓(燈泡)。然後編組，複製一個到右邊。

10)給窗戶加高光。和前面門上的一樣，注意：這個平面的高光是一樣的，別把高光分段了。。

11)我們接著把櫥窗區域給劃分一樣，新建三個矩形，分別為7*180px，217*7px，7*146px，顏色為#F9F6E6。

然後分別在左邊加一個4*146px，顏色為#64ABD5的矩形作為陰影。

12)接著給它加上擋蓬(我是這樣叫的。。)新建一個24.15*74px(沒錯，是小數)顏色為#EAAB61的矩形，將它下面弄圓。然後複製一個，顏色改為#EDEEF0。接著將它倆編組，複製。。。

13)接著畫一個顏色為#EAAB61的矩形，蓋過擋蓬就行。選中它們，使用形狀生成器工具剪掉我們不要的。改變混合模式為正片疊底，不透明度為35%。然後再加一條314*4px，顏色為#FFFDEF的矩形。同樣混合模式改為柔光，不透明度改為50%。

14)給擋蓬做個陰影。複製一層擋蓬，向下移動10px，然後改變顏色為黑色，不透明度為10%。

15)添加橫樑。。314*34px，顏色為#E9E1C4的矩形。然後在它之上添加一個296*16px，顏色為#D6D0B5的矩形，4px的反向圓角。然後用相同的方法做出中間這個東東的陰影。(減去頂層，改變顏色)

16)接著添加一個314*35px，顏色為#D6D0B5的橫樑。然後畫一個4*28px，顏色為#C2BCA4的矩形，將它下面弄圓。複製一個到右邊，然後使用混合工具，duang的一下出現很多。

17)接下來還是加幾個陰影，因為下一步要蓋頂。畫兩個36*4px，顏色為#D6D4C3的矩形(兩邊牆上的)，和一個314*7px，顏色為#C2BCA4的矩形，放在中間的橫樑上。改變不透明度為40%，混合模式改為正片疊底。

18)蓋板了。405*27px的大板，顏色為#F9F6E6。接著添加一個351*14px，顏色為#D6D0B5和一個351*4px，顏色為#C2BCA4的矩形。最後再加一個360*7px，顏色為#F9F6E6的矩形。

19)添加一點植被。畫兩個54*54px，顏色分別為#7FBB86和#68A96A。調整好位置，編組，複製一個到右邊。

step 3：路燈，為夜貓子照亮食物的影子。

1)新建一個18*18px，顏色為#7C7C7C的矩形，將上面的兩個點分別想中間移動2px。然後新建一個7*194px，顏色為#6B6B6B的杆子。將杆子上面的兩個點分別向中間移動2px，然後畫個矩形，蓋住上端，改顏色為#424242。利用形狀生成器工具減去不要的部分。

2)新建一個26*3px，顏色為#6B6B6B的矩形放在杆子上面。再建一個36*3px，顏色為#6B6B6B的矩形放在上面，接著3*26px，顏色為#6B6B6B的矩形立在上面。複製一個，高度改為4px，顏色改為#424242。然後使用鋼筆工具畫出燈罩的形狀。

3)新建一個36*3px，顏色為#6B6B6B的矩形，放在燈罩中間，利用形狀生成器工具減去不要的。然後畫一個26*26px，顏色為#7C7C7C的圓(頂上的圓)，然後編組路燈。複製一個到右邊。

step 4： 加個背景。

工程完工，加個雞腿(背景)。顏色為#80C3EA。

友情平台

平台自營微店

點擊展開全文

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！