關(guān)于教程
用圖形加噪點(diǎn)的方式，你也可以設(shè)計出一幅迷人的郊野風(fēng)光~
教程效果圖
教程步驟
步驟1：新建文檔
打開Adobe Illustrator，點(diǎn)擊文件 – >新建( 快捷鍵Ctrl+N )，創(chuàng)建一個新文件，參數(shù)設(shè)置如下：
步驟2：創(chuàng)建背景
找到AI的圖層面板，雙擊圖層名稱處，將名稱修改為“背景-河”： 選中“背景-河”圖層，使用矩形工具（快捷鍵M），待鼠標(biāo)變?yōu)槭中魏?，在畫板中間點(diǎn)擊一下，如下圖，輸入數(shù)值，繪制一個1600x1200px的矩形，顏色填充為#4086C6。
步驟3：繪制沙灘
3.1 將剛剛做好的 “背景-河”圖層鎖起來，并建立新圖層命名為“沙灘”
3.2 選中 “沙灘”圖層，用鋼筆工具（P）開始繪制形狀,并填充顏色#F2B252
3.3 使用用鋼筆工具（P）繪制好形狀后,可以用直接選擇工具（A）調(diào)整錨點(diǎn)
步驟4：繪制草叢
4.1 建立新圖層命名為“草叢，使用橢圓工具（L），繪制4個橢圓，并打開路徑查找器，選中四個圓形點(diǎn)擊聯(lián)集選項(xiàng)，如圖
4.2 使用矩形工具（M），繪制1個矩形，打開路徑查找器，選中剛剛做好的圖形和矩形點(diǎn)擊減去頂層選項(xiàng)，如圖
4.3 繪制完成后選中形狀填充顏色#A7A635
4.4 剩下的幾個草叢的繪制也是用上面同樣的方案，完成后選中形狀填充顏色，顏色參數(shù)如下：
4.5 繪制填充完成后按照上圖位置擺放好，并選中整個“草叢”圖層，將該圖層放在“沙灘”圖層下面
步驟5：繪制河邊景物
5.1 建立新圖層命名為“河邊景物，景物分成兩個部分，一個是草地，一個是沙灘，用鋼筆工具（P）繪制以下形狀
5.2 繪制完成并填充顏色，參數(shù)如下
步驟6：繪制小房子
6.1 建立新圖層命名為“小房子”
6.2 以下圖這個小房子為案列，用矩形工具（M）繪制好門和窗口等幾個矩形，如圖
6.3 用多邊形工具繪制三角形，顏色填充為# FBFAD5，使用直接選擇工具（快捷鍵A）選中最上方的點(diǎn)，調(diào)整三角形的高度大小
用矩形工具繪制一個矩形，顏色填充為#ED5131，使用直接選擇工具（快捷鍵A）選中矩形最上方兩點(diǎn)，將點(diǎn)向左平移，完成后如下圖：
6.4 第一個小房子已經(jīng)全部繪制完成，按圖片的擺放位置講圖形組合起來
6.5 剩下的幾個小房子做法和上面一樣，顏色參數(shù)如下，沒有標(biāo)明顏色參數(shù)的表示顏色參數(shù)相同
步驟7：繪制小植物
7.1 因?yàn)檫@些小植物和小房子之間有互相遮擋的關(guān)系，所有所有的小植物都在“小房子”圖層進(jìn)行繪制，先用鋼筆工具（P）繪制以下不規(guī)則的形狀，并填充相應(yīng)的顏色
7.2 用繪制草叢的方法繪制以下相對規(guī)則的圖形，參考如下：
7.3 將繪制好的小植物按圖片組合排列起來變成一顆小數(shù)
7.4 現(xiàn)在小植物已經(jīng)全部繪制好了，將這些小植物結(jié)合小房子的遮擋關(guān)系可以隨意調(diào)整形圖層的順序（右鍵>排列>置于頂層/底層），排列如下：
步驟8：繪制河邊小草
8.1 創(chuàng)建新圖層，命名為“河邊草”，并用鋼筆工具（P）繪制出圖案，并填充相應(yīng)的顏色
8.2 繪制完成后形狀按照圖片的位置移動擺放好
步驟9：繪制樹木
9.1 創(chuàng)建新圖層，命名為“樹木”，第一步先用鋼筆工具（P）繪制出大的樹干，并填充顏色#933932
9.2 第二步用橢圓工具畫出幾個圓，打開路徑查找器選擇聯(lián)集，然后再用矩形工具畫一個矩形置于剛剛做好的那個形狀的上方，選中兩個形狀打開路徑查找器選中減去頂層，這樣樹的部分就做出來了。
9.3 完成后填充好相應(yīng)的顏色，參數(shù)如下
9.4 第三步，用鋼筆工具（P）繪制出小樹枝，并填充顏色#933932
9.5 大樹部分已經(jīng)全部繪制完成了，接下來繼續(xù)做畫面前面部分的小樹,用鋼筆工具繪制出以下形狀
9.6 現(xiàn)在“樹木”圖層所有的繪制已經(jīng)完成，下面按照圖片的位置擺放好這些圖形
步驟10：繪制餐布
10.1 創(chuàng)建新圖層，命名為“餐布”，用鋼筆工具（P）繪制出餐布的形狀，并填充顏色# EC432C
步驟11：繪制袋子盒子
11.1 創(chuàng)建新圖層，命名為“袋子”，用鋼筆工具（P）繪制出以下袋子的形狀，并填充顏色
11.2 袋子繪制好后接下來我們繪制盒子，首先先用矩形工具繪制出一個矩形，然后選中該矩形打開菜單欄的效果>3D>凸出和斜角，調(diào)整角度和參數(shù)，這樣一個立體的盒子形狀就出來了
11.3 確定完成后我們給它修改顏色。首先它現(xiàn)在是一個整體，我們選中這個立體的盒子打開對象>擴(kuò)展外觀，然后選中這個立方體右鍵>取消編組，然后就可以將這三個面分別填充顏色啦。
11.4 盒子繪制好后接下來我們來用鋼筆工具繪制出盒子上面的裝飾物，組合起來就完成了。
11.5 這個盒子袋子部分全部完成后，可以調(diào)整他們的位置關(guān)系，將他們按圖中位置擺放好就可以了
步驟12：繪制食物和物品
12.1 創(chuàng)建新圖層，命名為“食物”，首先我們先繪制出這個玻璃瓶，使用矩形工具（M）和多邊形工具，繪制出兩個矩形和一個三角形，將它們拼接放在一起，選中這三個圖形然后打開路線查找器點(diǎn)擊聯(lián)集，然后就變成一個瓶身的形狀了，接著我們選中這個形狀打開直接選擇工具（A）調(diào)整特點(diǎn)錨點(diǎn)，使它的邊角變得平滑圓潤一點(diǎn)
12.2 繪制糕點(diǎn)，先用橢圓工具繪制一個橢圓，然后使用鋼筆工具繪制出一個斜面的三角形，繪制完成后用直接選擇工具調(diào)整錨點(diǎn)，使側(cè)面的邊變得彎曲的弧度。接著用矩形工具繪制出一個矩形，選中右邊的兩個錨點(diǎn)向上平移就完成了。
12.3.1 繪制蛋糕，首先我們先看看蛋糕的分解圖，顏色參數(shù)如下
12.3.2 首先我們用橢圓工具畫出一個橢圓，那么蛋糕的高度怎么做呢，我們還是用到前面說過的方法。選中這個橢圓，打開菜單欄的效果>3D>凸出和斜角，調(diào)整角度和參數(shù)，這樣蛋糕的高度就出來了，做完之后記得打開對象>擴(kuò)展外觀，然后選中這個形狀右鍵>取消編組，然后就可以分別填充顏色啦。
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)四個這樣相同的圖形了
12.3.3 接下來我們要繪制蛋糕的缺口。用鋼筆工具繪制出形狀，調(diào)整一下錨點(diǎn)即可
12.4繪制面包，用橢圓工具繪制出幾個橢圓，面包上的三個橢圓使用直接選擇工具調(diào)整錨點(diǎn)
12.5 繪制水果，用橢圓工具畫出兩個圓，然后使用鋼筆工具勾勒出小葉子的形狀
12.6 繪制小餐布，使用鋼筆工具勾勒出形狀
12.7 繪制籃子，使用鋼筆工具勾勒出形狀。
步驟13：繪制人物
13.1.1 創(chuàng)建新圖層，命名為“女人”，我們先來看看這個人物造型的分解圖
13.1.2 人物部分的造型都是用鋼筆工具（P）繪制完成的，完成后組合在一起就可以了，我們主要來看看這個酒杯是怎么做的。第一步先用矩形工具畫出一個矩形，然后選中最下面的兩個錨點(diǎn)，調(diào)整圓角弧度到最大。里面的紅酒就可以將剛剛做好的杯子直接復(fù)制一個出來，然后可以按住Alt鍵中心縮小一圈，接著我們使用鋼筆工具畫出一條斜線，選中該斜線將斜線打開對象>擴(kuò)展外觀。完成之一步后，同時選中這兩個形狀，打開左側(cè)工具欄的形狀生成器點(diǎn)擊一下，可以按住Alt鍵刪除不需要的部分 ，這樣紅酒就做出來了。
13.2 創(chuàng)建新圖層，命名為“男人”，先來看看這個人物造型的分解圖，我們直接用鋼筆工具勾勒出形狀就可以了，酒杯的做法和上面的一樣這里就不再重復(fù)了。
步驟14：保存導(dǎo)出PSD格式文件
14.1 到現(xiàn)在為止我們AI部分的繪制就已經(jīng)全部完成啦，我們先來看看整體的效果
14.2 接著我們就要去PS里面完成質(zhì)感效果，在這一步之前我們要現(xiàn)在AI里完成很重要的一步。首先我們打開圖層面板，選擇圖層，打開右邊提示的這個按鈕選項(xiàng)，選擇釋放到圖層（順序），接下來每一個圖層依次安裝這個操作進(jìn)行。
14.3 等到所有圖層都完成釋放到圖層（順序）這步驟后，我們點(diǎn)擊菜單欄的文件>導(dǎo)出>導(dǎo)出為>選擇導(dǎo)出文件為PSD格式，這時會彈出一個提示框，我們選中寫入圖層和勾選最大可編輯星，現(xiàn)在優(yōu)化圖稿就點(diǎn)擊確定，這樣就可以導(dǎo)出PSD格式的文件啦。
步驟15：在PS添加噪點(diǎn)效果
15.1 接下來我們要在Adobe Photoshop打開剛剛保存的PSD文件，然后在PS里面完成噪點(diǎn)的質(zhì)感效果,那么我們的質(zhì)感效果要怎么添加呢，在這里我們簡單示范一下。我們添加的噪點(diǎn)質(zhì)感分為兩部分，一部分是暗面，一部分是亮面。我們要確定好光源位置，然后就可以區(qū)分暗面和亮面了。首先我們先選中要做效果的這個形狀的圖層，然后在該圖層上方添加新圖層“暗面”，模式改為正片疊底
15.2 接下來我們使用畫筆工具（B）選中柔邊緣，模式改為溶解，筆刷可以適當(dāng)?shù)姆糯?，降低不透明度和流量，顏色用吸管工具（I）吸一下原本形狀的顏色即可。
15.3 這樣我們暗部的噪點(diǎn)效果就會出來了
15.4 做好暗面的噪點(diǎn)之后我們再接著做亮面的噪點(diǎn)，我們在暗面圖層的上方添加新圖層“亮面面”，模式改為濾色，記得按住Ctrl鍵點(diǎn)一下下面那個需要做質(zhì)感圖層的圖層略縮圖,這樣我們畫面中就會出現(xiàn)一個選區(qū)（虛線邊框），這樣我們的做的效果就會只出現(xiàn)這里里面了，然后我們同樣是使用柔邊畫筆溶解模式下進(jìn)行涂抹就可以了
15.5 畫面里的所有形狀物體的噪點(diǎn)質(zhì)感都是上面這個方法完成的哦，這里就不展開詳說啦!我們來看看添加完噪點(diǎn)質(zhì)感最終效果圖吧。
扁平風(fēng)格當(dāng)中，除了寫實(shí)人物，最重要的一個環(huán)節(jié)，就是“抽象簡化”人物。這在扁平插畫研習(xí)社的課程里我也講過：簡化與抽象是扁平化的重心所在。目前很多看起來之所以不那么抽象的插畫，如果非要說是扁平插畫，最多只能說是和寫實(shí)風(fēng)格做了融合而已。
而這次我們的案例就是一個抽象分量比較重的人物，大家可以在操作過程中去感受抽象的精髓，注意簡單幾何的本體和變體表達(dá)。此外，還有光影的層階安排，需要對明暗保持有效把握。
靈感來源
這副插畫的靈感是來自一張攝影，但是并沒有保存，只是一閃而過。后面就想將攝影轉(zhuǎn)為抽象人物的風(fēng)格。
AI布置基礎(chǔ)形
過于抽象化的人物其實(shí)一般來說可以省略草圖部分，重要的還是從簡單幾何開始，慢慢探索形狀組合的可能性。因此在這里我們直接從AI繪制基礎(chǔ)形開始。
STEP 01
打開AI，新建一個10cm*10cm的文檔，顏色模式為CMYK，光柵效果選擇300ppi.這里沒錯，我們將要做一個可以印刷的版本。
在畫布上畫下一個圓角矩形，這就是人物的頭部，然后繼續(xù)畫出3個矩形，將一端變?yōu)閳A角，類似下圖。將這些形狀拼綴起來。分別填充的顏色色值參考如下：
STEP 02
你可以把上一步所畫的形狀看作原材料，接下就是對這些原材料的組裝，這時差不多畫好人物的頭部、頸部以及兩只上手臂。
思路解析：
請大家在組裝這一步，深刻感受所謂的“差之毫厘，謬以千里”，細(xì)節(jié)的微妙差異，都會造成最終觀感的完全不同，位置需要謹(jǐn)慎對待。由于我們接下的光影繪制都是建立在基礎(chǔ)形之上，所以基礎(chǔ)形的位置、形狀、大小就至關(guān)重要。
STEP 03
先給左邊手臂的底部增加腋窩的部分，利用圓形補(bǔ)充相同色彩的形狀。再利用鋼筆工具畫出人物的身體，先畫出由“棱”邊角描出人物上身，再將棱角轉(zhuǎn)為有弧度的圓角。色彩填充藍(lán)色。
STEP 04
再用鋼筆工具畫出頭發(fā)，頭發(fā)的部分可以自由表現(xiàn)，線條流暢，造型合理即可。色彩填充為黃色。這里的頭發(fā)可以分為三個部分，一個是大的頭發(fā)主體，還有一個是劉海，一個是零散的發(fā)束。我們可以先畫主體，再增加劉海和發(fā)束部分。
STEP 05
局部進(jìn)行調(diào)整，將肩部以下部位的形狀都往下移動，讓肩部下沉。同時，增加右邊手臂的下手臂，可以直接復(fù)制上手臂的形狀略加以旋轉(zhuǎn)。填充不同的肉粉色。再補(bǔ)充腰部的形狀。
STEP 06
給人物增加胸部的線條，利用圓形直接增加。再繼續(xù)畫出人物的短褲部分。下半身的畫法和上半身一樣，臀部短褲的部分采用鋼筆先畫出棱角，再轉(zhuǎn)為圓角弧形。
STEP 07
接下繪制人物的腿部，腿部分為兩個部分，由于我們設(shè)計的人物為跪姿，所以大腿和小腿為上下重疊，這里為了提高形體表現(xiàn)力，可以把小腿部分表現(xiàn)成大腿的一半。
STEP 08
小腿末端連接的形狀是鞋襪的部分，襪子為白色，鞋子設(shè)計為深灰色。這里注意鞋子和襪子的形狀，仍然是利用鋼筆工具起形。
到這一步為止，基礎(chǔ)形就完成了。接下開始進(jìn)一步添加細(xì)節(jié)。
添加零碎的細(xì)節(jié)
STEP 09
開始給人物繪制五官，抽象人物的五官依然要延續(xù)抽象這一風(fēng)格內(nèi)涵。將五官繪制好后，放置于人物臉部，注意人物的臉部稍微有些抬起，因此不同于正面視角，五官的位置需要稍微往上。
STEP 10
繼續(xù)為下半身的鞋襪和短褲繪制細(xì)節(jié)。
思路解析：
細(xì)節(jié)的添加可以是自由發(fā)揮，比如給短褲增加卷邊，那么這些設(shè)計都是臨時突然想到的，還有包括短褲上的心形圖案，你也可以替換為其他的樣式，比如格子或者條紋，或者給短褲設(shè)計花邊。在符合形式美的基礎(chǔ)上可以任意發(fā)揮。
這里開始我不再給出具體的顏色色值，因?yàn)榧?xì)節(jié)的設(shè)定還沒有增加光影，等到光影增加完畢，還需要根據(jù)整體做調(diào)整。因此細(xì)枝末節(jié)的設(shè)定就不需要完全和案例一致。
為人物增加光影
思路解析：
光影在這副插畫的風(fēng)格中占比很重，插畫最終的效果都是靠光影來表現(xiàn)。這部分在我們的扁平插畫研習(xí)社課程當(dāng)中講到素描三大面和五大調(diào)，對應(yīng)到插畫中就可以轉(zhuǎn)換為光影的三個層次：本色、高光、陰影。這三個層次在大部分形狀上都要有所描繪。其中高光的色彩明度最高，而陰影的明度最低。
STEP 11
我們依然從臉部細(xì)節(jié)開始，描繪出光影的層次，讓人物的面部更加立體。
STEP 12
再為臉部以及頸部增加光影關(guān)系，這里設(shè)計左上為光源發(fā)射點(diǎn)，因此左邊受光較多，慢慢逐階過渡到右下的陰影。
這里所畫光影的方法是復(fù)制基礎(chǔ)形來相加或相減，利用形狀生成器工具即可立即生成所需的形狀，不需要的部分就此刪除。
如果不熟悉形狀生成器的用法，下面這個視頻也許能幫到大家：
STEP 13
增加手臂的光影時，一定要把手臂看作一個圓柱體，心里要有立體的概念，然后再表現(xiàn)為扁平風(fēng)格。
STEP 14
身體的光影在這里是一個難點(diǎn)，特別是胸部的陰影和后背陰影的連接，在連接部位要處理得圓潤。受光部分形狀也要用鋼筆工具畫得平滑自然，這需要多花時間處理。特別要注意是腰部露出的皮膚部分的光影，也要按照上衣的光影安排。
STEP 15
短褲的光影要注意一點(diǎn)：短褲如果是布面材質(zhì)，所以不會反射出高光。所以大部分受光都是受光的單色形狀。
STEP 16
腿部的光影可以多一些層次，大腿和小腿由于是上下相疊，所以小腿的受光肯定不如大腿的部分。
STEP 17
鞋襪可以多增加細(xì)節(jié)，而細(xì)節(jié)也需要考慮光影表現(xiàn)，這時簡便的做法就是利用一整塊黑色的形狀整個將鞋襪的形狀籠罩，然后降低透明度的方式，就能讓細(xì)節(jié)也能進(jìn)入光影表現(xiàn)。
STEP 18
思路解析：
最后我們來繪制頭發(fā)的光影，頭發(fā)的光影也同樣是個難點(diǎn)，難點(diǎn)在于初學(xué)階段對頭發(fā)的概念會停留在“頭發(fā)是一縷一縷的”。其實(shí)大家可以把頭發(fā)看成是一個固體，和其他固體沒有什么區(qū)別，也一樣會有光影，起伏的表面，受光的部分就是受光面，背向光線的一面是背光面，也就是陰影。這樣就很容易去理解并描繪準(zhǔn)確。
到此，我們的光影就基本繪制完成，但是整體還需要進(jìn)一步優(yōu)化。
「背景-前景」視角
我們要學(xué)會從背景去看前景，才能得出更精準(zhǔn)的色彩表達(dá)。因?yàn)楸尘皩η熬皶幸欢ǖ挠绊?，同樣的顏色，在白色背景和有色背景下都會呈現(xiàn)出不同的表現(xiàn)，盡管大部分時候這種不同是很微妙的。
STEP 19
繪制一個大的圓環(huán)，給這個圓環(huán)填充為#FDDDA1。
STEP 20
在增加了背景的基礎(chǔ)上，繼續(xù)增加光影，首先為頭發(fā)繪制出白色的高光區(qū)域。
全局細(xì)節(jié)
STEP 21
根據(jù)全局出發(fā)，最后為人物再增加裝飾：項(xiàng)鏈和手鐲。這部分大家可以自由發(fā)揮，還可以裝飾細(xì)節(jié)有很多，比如人物的紋身或者其他小裝飾物。
STEP 22
增加白色透明的小圓點(diǎn)，將小圓點(diǎn)散放在受光的部分，這樣會增加人物的亮色。再根據(jù)背景將小圓點(diǎn)和背景圓環(huán)做一些互動裝飾。
最終完成效果：
結(jié)尾：不是萬能的紋理
很多小伙伴在畫插畫時，尤其利用矢量工具畫出的插畫，看起來太過平淡，也是由于沒有安排好光影以及形狀。所以這時所能想到的補(bǔ)救措施就是增加顆粒紋理。雖說增加紋理的確有增加畫面質(zhì)感的作用，但是我一直強(qiáng)調(diào)過，紋理，只是一種錦上添花，如果沒有優(yōu)秀的形狀，紋理的作用很微小。
類似這個案例的插畫其實(shí)已經(jīng)利用小圓點(diǎn)強(qiáng)化了畫面，就不需要紋理再進(jìn)一步鋪滿畫面。我們就到這一步為止，接下如果可以，拿到PS里再進(jìn)一步調(diào)色即可。
這個案例的難點(diǎn)是在身體以及頭發(fā)的部分，而能夠自由發(fā)揮的部分是裝飾以及鞋襪的部分。如果原創(chuàng)攻堅，難點(diǎn)是怎樣換種形狀去表達(dá)相同的內(nèi)容。這是原創(chuàng)訓(xùn)練需要抓住的玩法。如果還沒形成這一原創(chuàng)訓(xùn)練思維的小伙伴，不妨經(jīng)過每一次的臨摹學(xué)習(xí)來逐步進(jìn)階~希望大家都能抓住青春的小尾巴，繼續(xù)成長~
原文鏈接：ifeiwu
]]>