AI怎么繪制一幅扁平化便利店的插畫?
我要評論ai中想要繪制一個扁平化的插畫，今天就以便利店圖形為例，喜歡的朋友可以進來學(xué)習(xí)一下。
首先，還是新建一個文檔。（800*600px，鍵盤增量設(shè)為1px）
step 1 ：要想富，先修路
新建一個800*120px，顏色為#706B79的矩形，然后在它上面加一個704*10px，顏色為#A8A5AA矩形和一個704*6px，顏色為#706B79的矩形。
ok，路以通，我們來建個商店賺錢吧。
step 2 ：建個商店。
1）新建一個314*7px，顏色為#9D9588的矩形作為商店的地面。然后建一個36*256px，顏色為#E9E7DC的矩形作為商店的側(cè)墻。再在墻上添加兩個22*53px，顏色為#F9F6E6的矩形，和一個22*125px，顏色為#F9F6E6的矩形作為墻上的裝飾（浮雕。。）然后這3個矩形都讓他們有個5px的反向圓角。
2）將剛剛的3個裝飾（浮雕）編組，復(fù)制兩次，然后將上面一個向下移動2px，再選中它的下一層，布爾運算，減去頂層，改變顏色為#D6D4C3。將新得到的裝飾連同墻一起編組，復(fù)制一個，移到右邊對應(yīng)的位置。
3）新建一個90*180px的矩形，顏色為#EAAB61作為門。然后再建一個62*34px，顏色為#DB9747的矩形（可能是寵物的入口。。）然后給這個寵物門做個陰影。復(fù)制兩次，減去頂層，改變顏色（平面里添加層次感）。
4）新建一個62*112px，顏色為#78C4ED的矩形（門上的玻璃），然后添加一個5*112px，顏色為#64ABD5的矩形作為陰影。接著畫幾個白色的矩形，旋轉(zhuǎn)45度，改變不透明度（玻璃上添加高光）為30%，利用形狀生成器工具減去多余的部分。
5）再在門上畫一個On Sale 的牌子。畫一個30*20px的白色牌子，然后畫兩個2*18px的繩子，顏色為#EAAB61，各自旋轉(zhuǎn)45°，接著畫個6*6px的白色釘子。然后畫兩個顏色為#F7DDC0的矩形充當(dāng)文字。接著給牌子做個陰影，顏色為#64ABD5，方法同寵物入口。
6）給門上裝個把手。7*7px，顏色為#BB7B33。然后畫個224*27px，顏色為#EAAB61的矩形作為正面的墻，接著畫個224*153px，顏色為#78C4ED的矩形作為大的櫥窗。同樣的方法給正面的墻做個陰影。顏色為#DB9747。
7）給正面的墻添加一些紋理。新建一個3*16px和61*3px的矩形，顏色為#DB9747，將它們拼在一起，編組，復(fù)制兩個。
8）我們接著畫一些櫥窗里的細(xì)節(jié)。使用鋼筆工具，顏色分別為#6BAFE2和#5789C3。
9）接著我們畫櫥窗里的吊燈。畫一個2*44px，顏色為#5789C3的矩形（線）和一個22*12px的矩形（燈罩），然后我們把燈罩上面的兩點分別向中間移動4px。再畫一個8*8px，顏色為#5789C3的圓（燈泡）。然后編組，復(fù)制一個到右邊。
10）給窗戶加高光。和前面門上的一樣，注意：這個平面的高光是一樣的，別把高光分段了。。
11）我們接著把櫥窗區(qū)域給劃分一樣，新建三個矩形，分別為7*180px，217*7px，7*146px，顏色為#F9F6E6。
然后分別在左邊加一個4*146px，顏色為#64ABD5的矩形作為陰影。
12）接著給它加上擋蓬（我是這樣叫的。。）新建一個24.15*74px（沒錯，是小數(shù)）顏色為#EAAB61的矩形，將它下面弄圓。然后復(fù)制一個，顏色改為#EDEEF0。接著將它倆編組，復(fù)制。。。
13）接著畫一個顏色為#EAAB61的矩形，蓋過擋蓬就行。選中它們，使用形狀生成器工具剪掉我們不要的。改變混合模式為正片疊底，不透明度為35%。然后再加一條314*4px，顏色為#FFFDEF的矩形。同樣混合模式改為柔光，不透明度改為50%。
14）給擋蓬做個陰影。復(fù)制一層擋蓬，向下移動10px，然后改變顏色為黑色，不透明度為10%。
15）添加橫梁。。314*34px，顏色為#E9E1C4的矩形。然后在它之上添加一個296*16px，顏色為#D6D0B5的矩形，4px的反向圓角。然后用相同的方法做出中間這個東東的陰影。（減去頂層，改變顏色）
16）接著添加一個314*35px，顏色為#D6D0B5的橫梁。然后畫一個4*28px，顏色為#C2BCA4的矩形，將它下面弄圓。復(fù)制一個到右邊，然后使用混合工具，duang的一下出現(xiàn)很多。
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。調(diào)整好位置，編組，復(fù)制一個到右邊。
step 3：路燈，為夜貓子照亮食物的影子。
1）新建一個18*18px，顏色為#7C7C7C的矩形，將上面的兩個點分別想中間移動2px。然后新建一個7*194px，顏色為#6B6B6B的桿子。將桿子上面的兩個點分別向中間移動2px，然后畫個矩形，蓋住上端，改顏色為#424242。利用形狀生成器工具減去不要的部分。
2）新建一個26*3px，顏色為#6B6B6B的矩形放在桿子上面。再建一個36*3px，顏色為#6B6B6B的矩形放在上面，接著3*26px，顏色為#6B6B6B的矩形立在上面。復(fù)制一個，高度改為4px，顏色改為#424242。然后使用鋼筆工具畫出燈罩的形狀。
3）新建一個36*3px，顏色為#6B6B6B的矩形，放在燈罩中間，利用形狀生成器工具減去不要的。然后畫一個26*26px，顏色為#7C7C7C的圓（頂上的圓），然后編組路燈。復(fù)制一個到右邊。
step 4： 加個背景。
工程完工，加個雞腿（背景）。顏色為#80C3EA。
今天我們主要講述的是一個扁平的插畫的繪制，所以呢，我們做的更多是一些高光和陰影的處理，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
版權(quán)申明：本文原創(chuàng)作者“呆呆志”，感謝“呆呆志”的原創(chuàng)經(jīng)驗分享！
相關(guān)推薦：
相關(guān)文章
這篇教程教腳本之家的Illustrator教程學(xué)習(xí)者使用AI繪制卡通可愛雞寶寶插畫的方法，教程有些難度，制作的兩只雞寶寶非常的可愛，有一定的Illustrator學(xué)習(xí)基礎(chǔ)的小伙伴可以動2017-08-18
ai怎么制作卡通手繪效果的插畫？ai中國想要手繪一個插畫并上色，該怎么制作一幅紫色風(fēng)格的插畫呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-08-18
這篇教程教腳本之家的Illustrator教程學(xué)習(xí)者使用AI繪制寫實風(fēng)格冰淇淋插畫的方法，教程中主要用到了鋼筆工具，繪制的冰淇淋插畫非常逼真，小編很喜歡，推薦給大家一起分享2017-08-09
這篇教程教腳本之家的Illustrator教程學(xué)習(xí)者們使用AI繪制一幅暖暖的圣誕節(jié)主題插畫，教程有一點難度，需要一定的ai基礎(chǔ)知識，繪制的是圣誕老人送禮物的圣誕節(jié)主題插畫，非2017-08-02
這篇教程教腳本之家的Illustrator教程學(xué)習(xí)者們使用AI繪制漢堡包、飲料和薯條的組合插畫的方法，教程繪制的漢堡包速食組合，都是由最基本的形狀完成的，難度不大，感興趣的2017-07-24
這篇教程教腳本之家的Illustrator教程學(xué)習(xí)者們使用AI繪制卡通矢量風(fēng)騷的烤串大叔插畫的方法，教程繪制的大叔非常的有意思，難度不大，感興趣的朋友可以試著繪制一個2017-07-18
這篇教程教腳本之家的Illustrator教程學(xué)習(xí)者使用AI繪制矢量風(fēng)格帶安全帽施工的工人插畫的方法，畫面由背景高樓大廈、人物、及細(xì)節(jié)裝飾三個部分組成，難度不是很大，適合新2017-07-17
ai怎么繪制一個可愛的卡通小老虎插圖？ai中想要畫一個卡通的老虎，該怎么繪制呢？下面我們就來看看詳細(xì)的繪制方法，很簡單，需要的朋友可以參考下2017-07-17
AI怎么繪制一個小蘿莉插畫效果？ai中想要繪制一個漫畫效果的小蘿莉圖，該怎么繪制呢？下面我們就來看看詳細(xì)的教程，很簡單，需要的朋友可以參考下2017-07-16
這篇教程教腳本之家的Illustrator教程學(xué)習(xí)者們使用AI繪制萌萌噠星球大戰(zhàn)bb-8機器人插畫的方法，教程繪制的插畫是豌豆形狀，背景有沙灘、飛機和小太陽，從而使得星球大戰(zhàn)bb-2017-07-13
