關(guān)于教程
—

本次教程內(nèi)容臨摹追波上 Febin-Raj的作品，出色的光影和色彩的搭配，構(gòu)造出一個和諧統(tǒng)一的畫面。作品實際的繪制過程涉及布爾運算、路徑查找器、鋼筆工具等很多知識點，還有ps里的雜色、蒙版等。這副插畫的漸變比較多也是重點所在。下面我們就開始吧！

繪制思路分析
—

由于畫面的結(jié)構(gòu)較多，所以我們首先把畫面分為幾個部分。

步驟 01

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

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

繪制背景
—

步驟 02

新建畫板大小為800x600px

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

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

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

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

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

步驟 03

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

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

接著再用矩形工具把背景畫面的矩形條畫出來，順序為由上到下，

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

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

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

3. #ecc9cb，#f4efde

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

漸變從上至下分別為：

1. #c2d9d2 ~ #94c9d8

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

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

繪制主體
—

步驟 04

先來制作一下樹的部分。

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

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

做完之后為圖層上鎖。

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

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

2. #d03e4b ~ #f4c67c

3. #152e5c ~ #073592

步驟 05

接著我們在來制作畫面左下方的草叢。

用橢圓工具畫出，并添加漸變?nèi)鐖D所示。下方不需要的部分用 減去頂層 方式可以減掉，也可以不減，因為我們保存時會選擇畫板，下方不在畫板的部分是不會顯示的。

做完之后為圖層上鎖。

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

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

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

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

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

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

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

步驟 06

接下來在做地面部分。

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

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

接下來我們在做上面的地面。同樣用鋼筆工具畫出類似的形狀，并添加漸變?nèi)鐖D所示。

步驟 07

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

細節(jié)圖形都是用鋼筆工具畫的，因為是不規(guī)則圖形大小大家可以根據(jù)自己畫面來定。注意的是圖形與圖形之間要相切對齊。

做完之后鎖定圖層。

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

步驟 08

下面制作房子。

房子也是由矩形工具和鋼筆工具畫出圖形添加漸變完成的，因為大部分都是不規(guī)則圖形，數(shù)值不好控制，大家根據(jù)自己的畫面調(diào)節(jié)，這里的數(shù)值是大約數(shù)值，可以自己調(diào)整，圖形與圖形之間對齊即可。可以用鋼筆工具直接畫，也可以用矩形工具加“聯(lián)集”或者“減去頂層”來制作，我就挑幾個有代表性的說一下。

①    繪制房子前面圖形：

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

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

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

②    繪制窗戶：

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

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

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

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

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

③    繪制房檐：

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

④    繪制屋頂：

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

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

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

步驟 09

最后我們制作塔的部分。

矩形工具建立一個83px*159px的矩形，接著用 接選擇工具 上方兩個端點往里縮進5px變成梯形。

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

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

塔窗的繪制：

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

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

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

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

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

步驟 10

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

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

用魔棒工具選擇塔的部分

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

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

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

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

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

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

因為原圖中雜色的數(shù)量是不一樣的，所我們要用蒙版來遮住不需要那么雜色的地方，只留下需要的地方。

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

好了整幅作品就完成了。

最終效果圖
—

結(jié)語
—

本期教程到這里就結(jié)束了，希望大家在練習(xí)過程中多思考、理解制作思路和操作方法，活學(xué)活用。