AI怎么繪制一幅扁平化便利店的插畫(huà)?

ai中想要繪制一個(gè)扁平化的插畫(huà),今天就以便利店圖形為例,喜歡的朋友可以進(jìn)來(lái)學(xué)習(xí)一下。

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