AI繪製扁平化風格的簡約小屋和路燈效果

來源:趣味百科館 1.64W

讓我們直接開始吧!

AI繪製扁平化風格的簡約小屋和路燈效果

嗯,我們觀察一下,這是一個扁平的插畫,所以呢,我們做的更多是一些高光和陰影的處理。

那麼,要點說完我們就開始吧!

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

AI繪製扁平化風格的簡約小屋和路燈效果 第2張

step 1 :要想富,先修路

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

AI繪製扁平化風格的簡約小屋和路燈效果 第3張

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

step 2 :建個商店。

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

AI繪製扁平化風格的簡約小屋和路燈效果 第4張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第5張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第6張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第7張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第8張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第9張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第10張

8)我們接着畫一些櫥窗裏的細節。使用鋼筆工具,顏色分別爲#6BAFE2和#5789C3。

AI繪製扁平化風格的簡約小屋和路燈效果 第11張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第12張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第13張

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

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

AI繪製扁平化風格的簡約小屋和路燈效果 第14張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第15張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第16張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第17張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第18張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第19張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第20張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第21張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第22張

step 3:路燈,爲夜貓子照亮食物的影子。

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

AI繪製扁平化風格的簡約小屋和路燈效果 第23張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第24張

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

AI繪製扁平化風格的簡約小屋和路燈效果 第25張

step 4: 加個背景。

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

AI繪製扁平化風格的簡約小屋和路燈效果 第26張

熱門標籤