AI插畫教程，用AI和PS制作安靜村莊漸變質(zhì)感插畫(4)

教程通過AI和PS制作一副安靜村莊漸變質(zhì)感插畫，整體光影和色彩搭配特別棒，漸變構(gòu)建出一個(gè)和諧的畫面，因?yàn)楫嬅娼Y(jié)構(gòu)較多，作品實(shí)際的繪制過程涉及布爾運(yùn)算、路徑查找器、鋼筆工具等很多知識(shí)點(diǎn)，我們會(huì)把畫面通過幾個(gè)部分來完成，你會(huì)看著自己一步步做出漂亮的插畫，具體通過教程來學(xué)習(xí)一下吧。

效果圖：

m.theoat.com.cn

操作步驟：

步驟 01

先把畫面分成背景和主體兩部分

其次再把主體拆分成幾部分：房子、塔、樹、草叢、地面幾部分。

繪制背景

步驟02

新建畫板大小為800x600px

由于背景比較繁瑣我們先制作大塊面，然后在添加細(xì)節(jié)。

先用矩形工具畫一個(gè)與畫板大小一樣的矩形并填充漸變，色值 #4bb8e4 ~ #d2ebf0

（注意：這副插畫所有的漸變都是線性）

然后在用矩形工具畫一個(gè) 800px*392px 的矩形放在上一個(gè)矩形的下方，

填充漸變顏色從左至右分別為：#d2cfc5，#c7dbd7，#d2e0de，#dde5e6，位置 22%，42%，62%

步驟 03

大背景制作完成，下面我們來添加背景里面的漸變細(xì)節(jié)。

用鋼筆工具勾勒出背景左上方的不規(guī)則形狀，并填充漸變，上部分填充顏色為 #a8d1e1 ~ #ebebee，下部分填充顏色為 #7cc2d7 ~ #ebebee

接著再用矩形工具把背景畫面的矩形條畫出來，順序?yàn)橛缮系较拢?/p>

漸變數(shù)值從上至下分別為：

#54bae4，#cbe4e9，#c8e4f0，位置 8%，50%

#c9dace，#95c8e0，#d1dadd，#ca9b84，位置 36%，84%

#ecc9cb，#f4efde

背景中還有兩個(gè)不規(guī)則形狀并加了模糊

漸變從上至下分別為：

#c2d9d2 ~ #94c9d8

#cd7763 ~ #f19470 ~ #fbdbc2 ~ #d9c1e2，位置分別為：45%，55%，70%

這樣，背景部分就完成了。為圖層上鎖，保證后面做圖不回移動(dòng)背景。

繪制主體

步驟 04

先來制作一下樹的部分。

葉子：使用工具畫一個(gè)大小為60*60px的圓，復(fù)制出三個(gè)，用直接選擇工具把右邊兩個(gè)圓節(jié)一下邊緣如圖一樣，然后在底部用鋼筆工具鏈接兩個(gè)端點(diǎn)，接著用形狀生成器連接圖案形成一個(gè)整體，在下方用矩形工具畫一個(gè)長度大于葉子的矩形，選中兩個(gè)圖形，減去頂層，這樣葉子就做好了。其余的葉子按住Alt復(fù)制即可，添加漸變?nèi)鐖D所示。

樹枝：鋼筆工具畫，用直接選擇工具進(jìn)行調(diào)整，描邊數(shù)值為4pt，并添加漸變?nèi)鐖D所示。

做完之后為圖層上鎖。

漸變填充從上至下分別為：

#182a7b ~ #3a4e9a ~ #2c65b0，位置20%，40%

#d03e4b ~ #f4c67c

#152e5c ~ #073592

步驟 05

接著我們?cè)趤碇谱鳟嬅孀笙路降牟輩病?/p>

用橢圓工具畫出，并添加漸變?nèi)鐖D所示。下方不需要的部分用 減去頂層 方式可以減掉，也可以不減，因?yàn)槲覀儽４鏁r(shí)會(huì)選擇畫板，下方不在畫板的部分是不會(huì)顯示的。

做完之后為圖層上鎖。

填充漸變從左至右，從上至下分別為：

#000000 ~ #04050f ~ #8a3f45，位置 57%

#161b61 ~ #031c48 ~ #14172d ~ #451d27，位置40%，64%，90%

#0e0c27 ~ #0b2452 ~ #904e6a，位置 66%

#1e3770 ~ #182a7b ~ #884164，位置 21%，61%

#1e3770 ~ #182a7b ~ #884164，位置 21%，61%

#1c2b55 ~ #7c6d7f，位置 70%

步驟 06

接下來在做地面部分。

用矩形工具畫一個(gè)800*120px的矩形放在畫板的底部，并添加漸變?nèi)鐖D所示。

然后為這個(gè)地面加上粉光影。用鋼筆工具畫出類似的形狀，并添加顏色和高斯模糊。

接下來我們?cè)谧錾厦娴牡孛妗Ｍ瑯佑娩摴P工具畫出類似的形狀，并添加漸變?nèi)鐖D所示。

步驟 07

整個(gè)地面的大色塊已經(jīng)制作完畢現(xiàn)在需要給地面添加細(xì)節(jié)。

細(xì)節(jié)圖形都是用鋼筆工具畫的，因?yàn)槭遣灰?guī)則圖形大小大家可以根據(jù)自己畫面來定。注意的是圖形與圖形之間要相切對(duì)齊。

做完之后鎖定圖層。

柵欄是帶漸變效果的，圖形大小最長的為2px*25px。全部選中，對(duì)象-復(fù)合路徑-建立，然后添加漸變，漸變數(shù)值如圖。

步驟 08

下面制作房子。

房子也是由矩形工具和鋼筆工具畫出圖形添加漸變完成的，因?yàn)榇蟛糠侄际遣灰?guī)則圖形，數(shù)值不好控制，大家根據(jù)自己的畫面調(diào)節(jié)，這里的數(shù)值是大約數(shù)值，可以自己調(diào)整，圖形與圖形之間對(duì)齊即可�？梢杂娩摴P工具直接畫，也可以用矩形工具加“聯(lián)集”或者“減去頂層”來制作，我就挑幾個(gè)有代表性的說一下。

① 繪制房子前面圖形：

點(diǎn)擊星形工具，用鍵盤上上下左右鍵的 ↓ 將邊數(shù)減到3變成三角形，繪制一個(gè)寬106px、高63px的三角形。

再換成矩形工具，繪制兩個(gè)106px*4px和95px*119px的矩形。

將三角形和兩個(gè)矩形按順序組合在一起，全選后 形狀模式 里面的 聯(lián)集，這三個(gè)形狀集合成一個(gè)如圖所示的形狀了。并添加漸變?nèi)缢?/p>

② 繪制窗戶：

選擇矩形工具畫一個(gè)20px*37px描邊數(shù)值為1px的矩形，ctrl+c 、trl+f 原位復(fù)制后對(duì)象-路徑-偏移路徑（-2px）。把偏移后的矩形數(shù)值設(shè)置為16px*32px，并稍微拖動(dòng)讓上面的寬度大一些。選擇兩個(gè)矩形后 形狀模式 里的“減去頂層”得窗框并添加#141f40的色值。

之后再用矩形工具畫一個(gè)17px*35px，兩個(gè)9px*24px的窗戶里面的漸變矩形。不難發(fā)現(xiàn)每個(gè)矩形是單獨(dú)的漸變這樣是不對(duì)的。所以我們還是需要使用聯(lián)集把這三個(gè)圖形連成一個(gè)圖形。

然后還是用矩形工具畫一個(gè)10px*28px的矩形放在窗框的兩側(cè)，這時(shí)候有兩個(gè)選擇，第一種是可以和做中間窗框一樣偏移路徑得到。第二種就是讓中間的漸變排列在兩側(cè)窗框的上方，調(diào)整一下位置就可以得到最后的圖形了，看自己選擇。

同理。下方的窗戶做法也是一樣的。我就不過多贅述了。

中間窗框的數(shù)值為20px*37px，描邊數(shù)值為0.5px。兩邊數(shù)值為10px*36.5px，描邊數(shù)值為1px。

③ 繪制房檐：

接著在用星形工具繪制一個(gè)寬119px高72px的三角形，ctrl+c、ctrl+f 原位復(fù)制后對(duì)象-路徑-偏移路徑（-3px）并將偏移后的三角形向下移動(dòng)到多出底邊一些，選中兩個(gè)圖形后“減去頂層”得到房檐，再把兩個(gè)角稍加調(diào)整即可。

④ 繪制屋頂：

用矩形工具畫一個(gè)160px*73px的矩形，然后用直接選擇工具調(diào)整左下角和右上角變成一個(gè)平行四邊形，添加漸變?nèi)鐖D所示。

再用矩形工具畫一個(gè)寬度為0.8px的矩形長條，添加色值為# 172f61的顏色。復(fù)制一條向下拖，ctrl+d 重復(fù)上一步。調(diào)整邊緣使長度與屋頂?shù)钠叫兴倪呅芜呄嗲小?/p>

剩下的其他部分就是畫好形狀再添加漸變即可。

步驟 09

最后我們制作塔的部分。

矩形工具建立一個(gè)83px*159px的矩形，接著用 接選擇工具 上方兩個(gè)端點(diǎn)往里縮進(jìn)5px變成梯形。

矩形工具建立一個(gè)88px*13px的矩形與梯形相切，橢圓工具畫一個(gè)15px*15px的正圓放在如圖所示的位置，選中矩形和正圓，“減去頂層”。然后用鋼筆工具在塔的上方中點(diǎn)添加一個(gè)錨點(diǎn)，直接選擇工具拉成弧形，再用聯(lián)集把這兩個(gè)圖形連成一個(gè)圖形，并添加如圖所示的漸變。

塔上面的三個(gè)弧形漸變條，做法也和塔上方的弧形一樣。這里就不多說了，因?yàn)槭遣灰?guī)則圖形寬度和長度也是需要自己調(diào)整的。

塔窗的繪制：

矩形工具建立一個(gè)10px*19px的矩形，然后在上面一條邊的中點(diǎn)用鋼筆工具添加一個(gè)錨點(diǎn)。用 接選擇工具 向拉出三角，再拖成圓角。

中間的框條大小為1px*20px，下方窗臺(tái)大小為93px*4px，色值如圖所示。

塔尖的繪制和之前塔的繪制類似，這里就說一下色值。

最后，用鋼筆工具勾畫出鳥的形狀，并添加漸變?nèi)鐖D所示。

這時(shí)，整幅畫差不多就完成了，但是還需要在ps里面添加雜色。

步驟 10

先導(dǎo)出jpg圖片，在導(dǎo)入ps中,將畫布大小也調(diào)整為800px*600px，因?yàn)槲募螅瑢?dǎo)出后色彩變化就會(huì)越大，降低畫面像素大小，盡量保持原色。也可以修改完之后再改，都可以。

我們先要把塔上面的光影制作出來。

用魔棒工具選擇塔的部分

用一個(gè)硬邊緣畫筆，流量設(shè)為6%，大小為600 色值為#ff5a00，在塔的地方請(qǐng)拍一下。

然后將畫筆大小調(diào)整為150 柔邊畫筆 流量為34% 色值為#febe4d，輕拍幾下。

再將畫筆大小調(diào)整為80 柔邊畫筆 流量為50% 色值為# ff981e

塔的光影就完成了，色值大家可以根據(jù)自己的畫面進(jìn)行調(diào)整。

然后我們復(fù)制一層，將上面的圖層添加4%雜色，下面圖層添加1%雜色。

然后為上面的圖層添加蒙版，用畫筆擦除。

因?yàn)樵瓐D中雜色的數(shù)量是不一樣的，所我們要用蒙版來遮住不需要那么雜色的地方，只留下需要的地方。

合并圖層后，我們給圖層添加一個(gè)曲線，提亮一下整個(gè)畫面。自己根據(jù)自己的畫面做適當(dāng)?shù)恼{(diào)整。

好了整幅作品就完成了。

最終效果圖

m.theoat.com.cn

在練習(xí)中多思考，理解制作思路，通過教程做出具有自己風(fēng)格的插畫。