網站首頁 教育 學前教育 精緻生活 飲食養生 命理 科普教育 金融 歷史 影視 數碼 熱門資訊
當前位置:生活百科站 > 數碼 > 

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

欄目: 數碼 / 釋出於: / 人氣:1.62W

讓我們直接開始吧!

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張