本次教程內容臨摹追波上 Febin-Raj的作品，出色的光影和色彩的搭配，構造出一個和諧統(tǒng)一的畫面。作品實際的繪制過程涉及布爾運算、路徑查找器、鋼筆工具等很多知識點，還有ps里的雜色、蒙版等。這副插畫的漸變比較多也是重點所在。下面我們就開始吧！
由于畫面的結構較多，所以我們首先把畫面分為幾個部分。
步驟 01
先把畫面分成背景和主體兩部分
其次再把主體拆分成幾部分：房子、塔、樹、草叢、地面幾部分。
步驟 02
新建畫板大小為800x600px
由于背景比較繁瑣我們先制作大塊面，然后在添加細節(jié)。
先用矩形工具畫一個與畫板大小一樣的矩形并填充漸變，色值 #4bb8e4 ~ #d2ebf0
（注意：這副插畫所有的漸變都是線性）
然后在用矩形工具畫一個 800px*392px 的矩形放在上一個矩形的下方，
填充漸變顏色從左至右分別為：#d2cfc5，#c7dbd7，#d2e0de，#dde5e6，位置 22%，42%，62%
步驟 03
大背景制作完成，下面我們來添加背景里面的漸變細節(jié)。
用鋼筆工具勾勒出背景左上方的不規(guī)則形狀，并填充漸變，上部分填充顏色為 #a8d1e1 ~ #ebebee，下部分填充顏色為 #7cc2d7 ~ #ebebee
接著再用矩形工具把背景畫面的矩形條畫出來，順序為由上到下，
漸變數(shù)值從上至下分別為：
#54bae4，#cbe4e9，#c8e4f0，位置 8%，50%
#c9dace，#95c8e0，#d1dadd，#ca9b84，位置 36%，84%
#ecc9cb，#f4efde
背景中還有兩個不規(guī)則形狀并加了模糊
漸變從上至下分別為：
#c2d9d2 ~ #94c9d8
#cd7763 ~ #f19470 ~ #fbdbc2 ~ #d9c1e2，位置分別為：45%，55%，70%
這樣，背景部分就完成了。為圖層上鎖，保證后面做圖不回移動背景。
步驟 04
先來制作一下樹的部分。
葉子：使用工具畫一個大小為60*60px的圓，復制出三個，用直接選擇工具把右邊兩個圓節(jié)一下邊緣如圖一樣，然后在底部用鋼筆工具鏈接兩個端點，接著用形狀生成器連接圖案形成一個整體，在下方用矩形工具畫一個長度大于葉子的矩形，選中兩個圖形，減去頂層，這樣葉子就做好了。其余的葉子按住Alt復制即可，添加漸變如圖所示。
樹枝：鋼筆工具畫，用直接選擇工具進行調整，描邊數(shù)值為4pt，并添加漸變如圖所示。
做完之后為圖層上鎖。
漸變填充從上至下分別為：
#182a7b ~ #3a4e9a ~ #2c65b0，位置20%，40%
#d03e4b ~ #f4c67c
#152e5c ~ #073592
步驟 05
接著我們在來制作畫面左下方的草叢。
用橢圓工具畫出，并添加漸變如圖所示。下方不需要的部分用 減去頂層 方式可以減掉，也可以不減，因為我們保存時會選擇畫板，下方不在畫板的部分是不會顯示的。
做完之后為圖層上鎖。
填充漸變從左至右，從上至下分別為：
#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
接下來在做地面部分。
用矩形工具畫一個800*120px的矩形放在畫板的底部，并添加漸變如圖所示。
然后為這個地面加上粉光影。用鋼筆工具畫出類似的形狀，并添加顏色和高斯模糊。
接下來我們在做上面的地面。同樣用鋼筆工具畫出類似的形狀，并添加漸變如圖所示。
步驟 07
整個地面的大色塊已經制作完畢現(xiàn)在需要給地面添加細節(jié)。
細節(jié)圖形都是用鋼筆工具畫的，因為是不規(guī)則圖形大小大家可以根據(jù)自己畫面來定。注意的是圖形與圖形之間要相切對齊。
做完之后鎖定圖層。
柵欄是帶漸變效果的，圖形大小最長的為2px*25px。全部選中，對象-復合路徑-建立，然后添加漸變，漸變數(shù)值如圖。
步驟 08
下面制作房子。
房子也是由矩形工具和鋼筆工具畫出圖形添加漸變完成的，因為大部分都是不規(guī)則圖形，數(shù)值不好控制，大家根據(jù)自己的畫面調節(jié)，這里的數(shù)值是大約數(shù)值，可以自己調整，圖形與圖形之間對齊即可?？梢杂娩摴P工具直接畫，也可以用矩形工具加“聯(lián)集”或者“減去頂層”來制作，我就挑幾個有代表性的說一下。
① 繪制房子前面圖形：
點擊星形工具，用鍵盤上上下左右鍵的 ↓ 將邊數(shù)減到3變成三角形，繪制一個寬106px、高63px的三角形。
再換成矩形工具，繪制兩個106px*4px和95px*119px的矩形。
將三角形和兩個矩形按順序組合在一起，全選后 形狀模式 里面的 聯(lián)集，這三個形狀集合成一個如圖所示的形狀了。并添加漸變如所示
② 繪制窗戶：
選擇矩形工具畫一個20px*37px描邊數(shù)值為1px的矩形，ctrl+c 、trl+f 原位復制后對象-路徑-偏移路徑（-2px）。把偏移后的矩形數(shù)值設置為16px*32px，并稍微拖動讓上面的寬度大一些。選擇兩個矩形后 形狀模式 里的“減去頂層”得窗框并添加#141f40的色值。
之后再用矩形工具畫一個17px*35px，兩個9px*24px的窗戶里面的漸變矩形。不難發(fā)現(xiàn)每個矩形是單獨的漸變這樣是不對的。所以我們還是需要使用聯(lián)集把這三個圖形連成一個圖形。
然后還是用矩形工具畫一個10px*28px的矩形放在窗框的兩側，這時候有兩個選擇，第一種是可以和做中間窗框一樣偏移路徑得到。第二種就是讓中間的漸變排列在兩側窗框的上方，調整一下位置就可以得到最后的圖形了，看自己選擇。
同理。下方的窗戶做法也是一樣的。我就不過多贅述了。
中間窗框的數(shù)值為20px*37px，描邊數(shù)值為0.5px。兩邊數(shù)值為10px*36.5px，描邊數(shù)值為1px。
③ 繪制房檐：
接著在用星形工具繪制一個寬119px高72px的三角形，ctrl+c、ctrl+f 原位復制后對象-路徑-偏移路徑（-3px）并將偏移后的三角形向下移動到多出底邊一些，選中兩個圖形后“減去頂層”得到房檐，再把兩個角稍加調整即可。
④ 繪制屋頂：
用矩形工具畫一個160px*73px的矩形，然后用直接選擇工具調整左下角和右上角變成一個平行四邊形，添加漸變如圖所示。
再用矩形工具畫一個寬度為0.8px的矩形長條，添加色值為# 172f61的顏色。復制一條向下拖，ctrl+d 重復上一步。調整邊緣使長度與屋頂?shù)钠叫兴倪呅芜呄嗲小?/p>
剩下的其他部分就是畫好形狀再添加漸變即可。
步驟 09
最后我們制作塔的部分。
矩形工具建立一個83px*159px的矩形，接著用 接選擇工具 上方兩個端點往里縮進5px變成梯形。
矩形工具建立一個88px*13px的矩形與梯形相切，橢圓工具畫一個15px*15px的正圓放在如圖所示的位置，選中矩形和正圓，“減去頂層”。然后用鋼筆工具在塔的上方中點添加一個錨點，直接選擇工具拉成弧形，再用聯(lián)集把這兩個圖形連成一個圖形，并添加如圖所示的漸變。
塔上面的三個弧形漸變條，做法也和塔上方的弧形一樣。這里就不多說了，因為是不規(guī)則圖形寬度和長度也是需要自己調整的。
塔窗的繪制：
矩形工具建立一個10px*19px的矩形，然后在上面一條邊的中點用鋼筆工具添加一個錨點。用 接選擇工具 向拉出三角，再拖成圓角。
中間的框條大小為1px*20px，下方窗臺大小為93px*4px，色值如圖所示。
塔尖的繪制和之前塔的繪制類似，這里就說一下色值。
最后，用鋼筆工具勾畫出鳥的形狀，并添加漸變如圖所示。
這時，整幅畫差不多就完成了，但是還需要在ps里面添加雜色。
步驟 10
先導出jpg圖片，在導入ps中,將畫布大小也調整為800px*600px，因為文件太大，導出后色彩變化就會越大，降低畫面像素大小，盡量保持原色。也可以修改完之后再改，都可以。
我們先要把塔上面的光影制作出來。
用魔棒工具選擇塔的部分
用一個硬邊緣畫筆，流量設為6%，大小為600 色值為#ff5a00，在塔的地方請拍一下。
然后將畫筆大小調整為150 柔邊畫筆 流量為34% 色值為#febe4d，輕拍幾下。
再將畫筆大小調整為80 柔邊畫筆 流量為50% 色值為# ff981e
塔的光影就完成了，色值大家可以根據(jù)自己的畫面進行調整。
然后我們復制一層，將上面的圖層添加4%雜色，下面圖層添加1%雜色。
然后為上面的圖層添加蒙版，用畫筆擦除。
因為原圖中雜色的數(shù)量是不一樣的，所我們要用蒙版來遮住不需要那么雜色的地方，只留下需要的地方。
合并圖層后，我們給圖層添加一個曲線，提亮一下整個畫面。自己根據(jù)自己的畫面做適當?shù)恼{整。
好了整幅作品就完成了。
本期教程到這里就結束了，希望大家在練習過程中多思考、理解制作思路和操作方法，活學活用。
