作者: MUTI  來源:UiiiUiii

關(guān)于教程

用圖形加噪點(diǎn)的方式,你也可以設(shè)計(jì)出一幅迷人的郊野風(fēng)光~

教程效果圖

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

教程步驟

步驟1:新建文檔

打開Adobe Illustrator,點(diǎn)擊文件 – >新建( 快捷鍵Ctrl+N ),創(chuàng)建一個新文件,參數(shù)設(shè)置如下:

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟2:創(chuàng)建背景

找到AI的圖層面板,雙擊圖層名稱處,將名稱修改為“背景-河”: 選中“背景-河”圖層,使用矩形工具(快捷鍵M),待鼠標(biāo)變?yōu)槭中魏?,在畫板中間點(diǎn)擊一下,如下圖,輸入數(shù)值,繪制一個1600x1200px的矩形,顏色填充為#4086C6。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟3:繪制沙灘

3.1 將剛剛做好的 “背景-河”圖層鎖起來,并建立新圖層命名為“沙灘”

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

3.2 選中 “沙灘”圖層,用鋼筆工具(P)開始繪制形狀,并填充顏色#F2B252

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

3.3 使用用鋼筆工具(P)繪制好形狀后,可以用直接選擇工具(A)調(diào)整錨點(diǎn)

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟4:繪制草叢

4.1 建立新圖層命名為“草叢,使用橢圓工具(L),繪制4個橢圓,并打開路徑查找器,選中四個圓形點(diǎn)擊聯(lián)集選項(xiàng),如圖

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

4.2 使用矩形工具(M),繪制1個矩形,打開路徑查找器,選中剛剛做好的圖形和矩形點(diǎn)擊減去頂層選項(xiàng),如圖

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

4.3 繪制完成后選中形狀填充顏色#A7A635

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

4.4 剩下的幾個草叢的繪制也是用上面同樣的方案,完成后選中形狀填充顏色,顏色參數(shù)如下:

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

4.5 繪制填充完成后按照上圖位置擺放好,并選中整個“草叢”圖層,將該圖層放在“沙灘”圖層下面

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟5:繪制河邊景物

5.1 建立新圖層命名為“河邊景物,景物分成兩個部分,一個是草地,一個是沙灘,用鋼筆工具(P)繪制以下形狀

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

5.2 繪制完成并填充顏色,參數(shù)如下

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟6:繪制小房子

6.1 建立新圖層命名為“小房子”

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

6.2 以下圖這個小房子為案列,用矩形工具(M)繪制好門和窗口等幾個矩形,如圖

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

6.3 用多邊形工具繪制三角形,顏色填充為# FBFAD5,使用直接選擇工具(快捷鍵A)選中最上方的點(diǎn),調(diào)整三角形的高度大小
用矩形工具繪制一個矩形,顏色填充為#ED5131,使用直接選擇工具(快捷鍵A)選中矩形最上方兩點(diǎn),將點(diǎn)向左平移,完成后如下圖:

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

6.4 第一個小房子已經(jīng)全部繪制完成,按圖片的擺放位置講圖形組合起來

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

6.5 剩下的幾個小房子做法和上面一樣,顏色參數(shù)如下,沒有標(biāo)明顏色參數(shù)的表示顏色參數(shù)相同

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟7:繪制小植物

7.1 因?yàn)檫@些小植物和小房子之間有互相遮擋的關(guān)系,所有所有的小植物都在“小房子”圖層進(jìn)行繪制,先用鋼筆工具(P)繪制以下不規(guī)則的形狀,并填充相應(yīng)的顏色

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

7.2 用繪制草叢的方法繪制以下相對規(guī)則的圖形,參考如下:

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

7.3 將繪制好的小植物按圖片組合排列起來變成一顆小數(shù)

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

7.4 現(xiàn)在小植物已經(jīng)全部繪制好了,將這些小植物結(jié)合小房子的遮擋關(guān)系可以隨意調(diào)整形圖層的順序(右鍵>排列>置于頂層/底層),排列如下:

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟8:繪制河邊小草

8.1 創(chuàng)建新圖層,命名為“河邊草”,并用鋼筆工具(P)繪制出圖案,并填充相應(yīng)的顏色

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

8.2 繪制完成后形狀按照圖片的位置移動擺放好

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟9:繪制樹木

9.1 創(chuàng)建新圖層,命名為“樹木”,第一步先用鋼筆工具(P)繪制出大的樹干,并填充顏色#933932

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

9.2 第二步用橢圓工具畫出幾個圓,打開路徑查找器選擇聯(lián)集,然后再用矩形工具畫一個矩形置于剛剛做好的那個形狀的上方,選中兩個形狀打開路徑查找器選中減去頂層,這樣樹的部分就做出來了。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

9.3 完成后填充好相應(yīng)的顏色,參數(shù)如下

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

9.4 第三步,用鋼筆工具(P)繪制出小樹枝,并填充顏色#933932

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

9.5 大樹部分已經(jīng)全部繪制完成了,接下來繼續(xù)做畫面前面部分的小樹,用鋼筆工具繪制出以下形狀

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

9.6 現(xiàn)在“樹木”圖層所有的繪制已經(jīng)完成,下面按照圖片的位置擺放好這些圖形

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟10:繪制餐布

10.1 創(chuàng)建新圖層,命名為“餐布”,用鋼筆工具(P)繪制出餐布的形狀,并填充顏色# EC432C

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟11:繪制袋子盒子

11.1 創(chuàng)建新圖層,命名為“袋子”,用鋼筆工具(P)繪制出以下袋子的形狀,并填充顏色

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

11.2 袋子繪制好后接下來我們繪制盒子,首先先用矩形工具繪制出一個矩形,然后選中該矩形打開菜單欄的效果>3D>凸出和斜角,調(diào)整角度和參數(shù),這樣一個立體的盒子形狀就出來了

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

11.3 確定完成后我們給它修改顏色。首先它現(xiàn)在是一個整體,我們選中這個立體的盒子打開對象>擴(kuò)展外觀,然后選中這個立方體右鍵>取消編組,然后就可以將這三個面分別填充顏色啦。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

11.4 盒子繪制好后接下來我們來用鋼筆工具繪制出盒子上面的裝飾物,組合起來就完成了。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

11.5 這個盒子袋子部分全部完成后,可以調(diào)整他們的位置關(guān)系,將他們按圖中位置擺放好就可以了

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟12:繪制食物和物品

12.1 創(chuàng)建新圖層,命名為“食物”,首先我們先繪制出這個玻璃瓶,使用矩形工具(M)和多邊形工具,繪制出兩個矩形和一個三角形,將它們拼接放在一起,選中這三個圖形然后打開路線查找器點(diǎn)擊聯(lián)集,然后就變成一個瓶身的形狀了,接著我們選中這個形狀打開直接選擇工具(A)調(diào)整特點(diǎn)錨點(diǎn),使它的邊角變得平滑圓潤一點(diǎn)

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

12.2 繪制糕點(diǎn),先用橢圓工具繪制一個橢圓,然后使用鋼筆工具繪制出一個斜面的三角形,繪制完成后用直接選擇工具調(diào)整錨點(diǎn),使側(cè)面的邊變得彎曲的弧度。接著用矩形工具繪制出一個矩形,選中右邊的兩個錨點(diǎn)向上平移就完成了。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

12.3.1 繪制蛋糕,首先我們先看看蛋糕的分解圖,顏色參數(shù)如下

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

12.3.2 首先我們用橢圓工具畫出一個橢圓,那么蛋糕的高度怎么做呢,我們還是用到前面說過的方法。選中這個橢圓,打開菜單欄的效果>3D>凸出和斜角,調(diào)整角度和參數(shù),這樣蛋糕的高度就出來了,做完之后記得打開對象>擴(kuò)展外觀,然后選中這個形狀右鍵>取消編組,然后就可以分別填充顏色啦。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

12.3.3 接下來我們要繪制蛋糕的裝飾。用橢圓工具畫出一個橢圓,然后用直接選擇工具改變橢圓錨點(diǎn),將它改為尖角,改完錨點(diǎn)后選中這個橢圓然后用旋轉(zhuǎn)工具(R)按住Alt鍵點(diǎn)一下下方你想要的中心點(diǎn)的位置,然后會出來這樣一個框,調(diào)整旋轉(zhuǎn)角度為90°,點(diǎn)擊復(fù)制,然后就會有兩個這樣的形狀了,接著連續(xù)點(diǎn)兩下Ctrl+D ,就會出現(xiàn)四個這樣相同的圖形了

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

12.3.3 接下來我們要繪制蛋糕的缺口。用鋼筆工具繪制出形狀,調(diào)整一下錨點(diǎn)即可

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

12.4繪制面包,用橢圓工具繪制出幾個橢圓,面包上的三個橢圓使用直接選擇工具調(diào)整錨點(diǎn)

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

12.5 繪制水果,用橢圓工具畫出兩個圓,然后使用鋼筆工具勾勒出小葉子的形狀

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

12.6 繪制小餐布,使用鋼筆工具勾勒出形狀

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

12.7 繪制籃子,使用鋼筆工具勾勒出形狀。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟13:繪制人物

13.1.1 創(chuàng)建新圖層,命名為“女人”,我們先來看看這個人物造型的分解圖

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

13.1.2 人物部分的造型都是用鋼筆工具(P)繪制完成的,完成后組合在一起就可以了,我們主要來看看這個酒杯是怎么做的。第一步先用矩形工具畫出一個矩形,然后選中最下面的兩個錨點(diǎn),調(diào)整圓角弧度到最大。里面的紅酒就可以將剛剛做好的杯子直接復(fù)制一個出來,然后可以按住Alt鍵中心縮小一圈,接著我們使用鋼筆工具畫出一條斜線,選中該斜線將斜線打開對象>擴(kuò)展外觀。完成之一步后,同時選中這兩個形狀,打開左側(cè)工具欄的形狀生成器點(diǎn)擊一下,可以按住Alt鍵刪除不需要的部分 ,這樣紅酒就做出來了。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

13.2 創(chuàng)建新圖層,命名為“男人”,先來看看這個人物造型的分解圖,我們直接用鋼筆工具勾勒出形狀就可以了,酒杯的做法和上面的一樣這里就不再重復(fù)了。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟14:保存導(dǎo)出PSD格式文件

14.1 到現(xiàn)在為止我們AI部分的繪制就已經(jīng)全部完成啦,我們先來看看整體的效果

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

14.2 接著我們就要去PS里面完成質(zhì)感效果,在這一步之前我們要現(xiàn)在AI里完成很重要的一步。首先我們打開圖層面板,選擇圖層,打開右邊提示的這個按鈕選項(xiàng),選擇釋放到圖層(順序),接下來每一個圖層依次安裝這個操作進(jìn)行。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

14.3 等到所有圖層都完成釋放到圖層(順序)這步驟后,我們點(diǎn)擊菜單欄的文件>導(dǎo)出>導(dǎo)出為>選擇導(dǎo)出文件為PSD格式,這時會彈出一個提示框,我們選中寫入圖層和勾選最大可編輯星,現(xiàn)在優(yōu)化圖稿就點(diǎn)擊確定,這樣就可以導(dǎo)出PSD格式的文件啦。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

步驟15:在PS添加噪點(diǎn)效果

15.1 接下來我們要在Adobe Photoshop打開剛剛保存的PSD文件,然后在PS里面完成噪點(diǎn)的質(zhì)感效果,那么我們的質(zhì)感效果要怎么添加呢,在這里我們簡單示范一下。我們添加的噪點(diǎn)質(zhì)感分為兩部分,一部分是暗面,一部分是亮面。我們要確定好光源位置,然后就可以區(qū)分暗面和亮面了。首先我們先選中要做效果的這個形狀的圖層,然后在該圖層上方添加新圖層“暗面”,模式改為正片疊底

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

15.2 接下來我們使用畫筆工具(B)選中柔邊緣,模式改為溶解,筆刷可以適當(dāng)?shù)姆糯?,降低不透明度和流量,顏色用吸管工具(I)吸一下原本形狀的顏色即可。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

15.3 這樣我們暗部的噪點(diǎn)效果就會出來了

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

15.4 做好暗面的噪點(diǎn)之后我們再接著做亮面的噪點(diǎn),我們在暗面圖層的上方添加新圖層“亮面面”,模式改為濾色,記得按住Ctrl鍵點(diǎn)一下下面那個需要做質(zhì)感圖層的圖層略縮圖,這樣我們畫面中就會出現(xiàn)一個選區(qū)(虛線邊框),這樣我們的做的效果就會只出現(xiàn)這里里面了,然后我們同樣是使用柔邊畫筆溶解模式下進(jìn)行涂抹就可以了

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

15.5 畫面里的所有形狀物體的噪點(diǎn)質(zhì)感都是上面這個方法完成的哦,這里就不展開詳說啦!我們來看看添加完噪點(diǎn)質(zhì)感最終效果圖吧。

AI教程!扁平風(fēng)噪點(diǎn)質(zhì)感郊游插畫

隨機(jī)推薦