教程軟件：Adobe illustrator

教程難度：簡單

教程 & 步驟

Step 1.

打開Adobe Illustrator后，創建一個寬度和高度均為850像素的新文檔(文件 > 新建)。

點擊橢圓工具(L)，添加幾個任意形狀的橢圓。確保填充色是R=229, G=217, B=180。這些形狀將會變成你(設計的)大陸。

Step 2.

使用變形工具(Shift-R)，然后根據需要拖動和拉伸這些橢圓。只要記住選擇要變形的對象，否則會使周圍的對象變形。

變形工具(Shift-R)的選項在這里并不重要，但是如果你不喜歡你現在的選項(例如拉伸筆刷的直徑太大或太小)，你可以雙擊這個工具，將會出現一個新的對話窗口，也就是變形工具選項窗口。在該對話窗口上，那里你可以改變全局畫筆的尺寸和強度，并勾選“顯示筆刷的大小”。

Step 3.

如果你想讓你的大陸的形狀更真實，你可以通過應用效果>扭曲和變換>粗糙化來實現。在新的對話框窗口中，您可以改變選項來實現您想要的結果。如果勾選了“預覽”選項，就可以實時看到在畫板上的所有更改。你可以一個一個地處理，也可以一起處理。當你對它們的外觀滿意時，點擊OK按鈕。

擴展所有的陸地形狀(對象>擴展外觀)。

Step 4.

選擇所有的大陸形狀，然后選擇對象>路徑>偏移路徑…在新的對話框窗口中，輸入大約10像素的偏移量，但這取決于你畫得大陸形狀的大小。點擊OK按鈕。一塊新的大陸將均勻地出現在每一塊大陸上。將這塊新大陸形狀的填充色改為R=234, G=224, B=195。

再次為你的大陸創建一個新的陸地(對象>路徑>偏移路徑…)，使用一個稍微淺的填充色(R=234, G=224, B=195)。在我們的地圖上，在顏色較淺的陸地的部分，我們試著表示陸地表面下降到海里的樣子。

Step 5.

使用橢圓工具(L)，在各大陸上繪制更多的橢圓，填充色R=232, G=221, B=190。在較大的橢圓上添加較小的橢圓，并改變它們的填充色為(R=235, G=226, B=199)。

Step 6.

想要變形這些新的橢圓，你有兩種選擇來實現:使用變形工具(Shift-R)或者選擇效果>扭曲和變換>粗糙化…選擇任意一個，然后擴展這些形狀(對象>展開外觀)。

Step 7.

我們最后要增加到大陸上的是湖泊。在你想要湖泊出現的位置畫一些淺藍色的橢圓(R=167, G=214, B=210)。然后使用變形工具(Shift-R)進行變形。記得在變形前選擇每個對象。

在較大顏色較淺的橢圓上添加較小顏色較深的橢圓(R=150, G=204, B=200)。使用變形工具(Shift-R)扭曲它們。

在較大顏色較淺的橢圓上添加更小顏更深的橢圓(R=141, G=198, B=195)。使用變形工具(Shift-R)扭曲它們。

2.如何在卡通地圖上繪制海洋

Step 1.

使用矩形工具(M)并單擊畫板。在新的對話框窗口中，輸入寬度和高度均為850像素，然后點擊OK按鈕。一個大的正方形會出現在你的畫板上，也就是我們地圖上的水或海洋。確保水域保持在畫板的中間，并改變它的填充顏色為R=141, G=198, B=195。

Step 2.

選擇其中一個大陸顏色最淺的邊界，并在其后面拷貝一個副本(Control-C, Control-B)。把它擴大一點，并把填充色改為R=167 G=214 B=210。選中這個副本，使用變形工具(Shift-R)對其進行變形。對每個大洲都重復這種操作。

Step 3.

選擇環繞大陸的淺藍色形狀，并在后面創建一個副本(Control-C, Control-B)。把它擴大一點，并把填充色改為R=150 G=204 B=200。選擇這個副本，使用變形工具(Shift-R)對其進行變形。對每個大洲都重復這種操作。

Step 4.

刪除填充色，并將描邊顏色設置為R=167, G=214, B=210。使用鉛筆工具(N)，在描邊面板(窗口>描邊)上，選擇圓頭端點和圓角連接。

現在開始有趣的部分:在整個海洋中繪制波浪。如果您發現描邊太細，請在描邊面板上增加描邊的重量(窗口>描邊)。

3. 如何在卡通地圖上繪制陸標物體

Step 1.

讓我們從樹開始繪制。因為我們的地圖是卡通風格的，所以的樹（的形狀）會非常簡單，對于繪制部分也是如此。用矩形工具(M)畫一個長矩形，填充色為R=191, G=157, B=106。然后在其上方添加一些橢圓當作樹葉(填充顏色R=193, G=191, B=111)。將整個樹分組(右擊>編組)。

復制一些你剛剛創建的不同大小的樹，并把它們分散到各個大陸上。

Step 2.

要繪制云杉，再次從一個矩形開始(填充顏色R=162, G=124, B=102)。

使用多邊形工具并繪制一個三角形。默認情況下它有六個邊。如果你有AI的新版本，當你的多邊形被選中時，在選擇的右邊你會看到一個很小的菱形。如果你逆時針拖動這個小菱形，多邊形的邊數就會變少，如果你順時針拖動它，多邊形就會增加邊數。所以通過逆時針拖動小菱形，從多邊形中創建一個三角形。

如果你的AI的版本不是很新，選擇多邊形工具，點擊你的畫板。在新的對話框窗口中，輸入任意半徑，邊數3，并單擊OK。這就用來做云杉的三角形。

創建兩個綠色三角形的副本(填充色是R=168, G=168, B=108)，并將它們相互重疊，從而形成云杉。將整個云杉編組(右擊>編組)。

復制幾棵云杉，把它們鋪遍所有的大陸。

Step 3.

現在，讓我們添加一些山脈。創建三個不同大小的棕色三角形(R=162, G=124, B=102)。它們必須重疊，它們的底線必須在同一個水平上。進入路徑查找器面板(窗口>路徑查找器)，選中所有三角形，點擊合并按鈕。

然后，創建更多的白色三角形，并將它們倒置。我們正在山上繪制雪。添加與棕色三角形重疊的白色三角形，如下所示。白色三角形也應該相互重疊。選擇所有白色三角形，點擊路徑查找器中的合并按鈕(窗口>路徑查找器)。

接下來，再次選擇棕色三角形(現在它們應該是一個形狀)，并在其前面創建一個新的副本(Control-C, Control-F)。選中這個副本，并在按住Shift按鈕的同時，選擇白色三角形(它們也應該作為一個形狀連接在一起)。最后，按下路徑查找器中的相交按鈕。你應該得到一座雪山。一定要將其編組。

創建更多的山脈副本，并將它們分散到各大陸上。

Step 4.

到目前為止，我們一直在創造大自然（的物體），現在我們需要更多人類居住的跡象，所以我們需要房子。從一個沒有邊框顏色(它的存在只是為了更好地顯示)的白色矩形開始(使用矩形工具(M))。

添加一個小的灰色矩形(填充色為R=168, G=193, B=192)作為窗戶。當按住Shift和Alt鍵時，將這個小的灰色矩形向右移動。Shift鍵允許您直接移動它，Alt鍵創建一個副本。

選擇這兩個小的灰色矩形，當按住Shift和Alt按鈕時，將它們向下移動?，F在應該有四個窗口了。多次按下Control-D鍵，你就可以讓你的房子在垂直方向充滿窗戶。Control-D組合允許你重復最后一個動作。

讓我們添加地下室:這將是房子底部的一個藍灰色矩形。

每個房子需要的最后一個部分就是屋頂。在屋頂上創建一個長、水平的紅色矩形(R=219, G=134, B=97)，然后再添加一個應該更窄更高的矩形。選中最后創建的那個紅色矩形，選擇效果>變形>膨脹。在新的對話框窗口中，輸入如下所示的選項。第一所房子準備好了!

以下是膨脹效果的選項:

確保你的房子是編組的，復制幾份，然后分散開來。

Step 5

如果有不止一種類型的房子就好了，所以讓我們再創建一種。從一個沒有邊框的白色矩形開始。然后繪制一個與前一個房子填充顏色相同的窗口。選中這個窗口，轉到效果>變形>上弧形，在新的對話框窗口中，輸入如下所示的選項。

現在創建幾個窗口。我們使用與之前相同的方法來增加窗口。

然后加上地下室和屋頂。填充你想要的顏色(你想要之前的房子紅色填充色)，使用滴管工具(I)。

選中屋頂，進入效果>變形>弧形，并輸入如下選項。第二所房子建好了!

以下是上弧形效果的選項:

下面是弧形效果的選項:

確保第二宮是編組的，復制幾份，然后分散在各大陸上。

Step 6.

為了增加更多類型的建筑，我決定添加一座教堂。它是可選的，所以你自己決定是否添加。我認為現在你知道如何建造這樣的房子了，所以你可以嘗試自己建造。

把教堂放在你想去的大陸上。

Step 7.

我們最后想要的是一艘船。從一個沒有邊框顏色的白色矩形開始。添加一個小的灰色圓圈(所有房子的窗戶都使用相同的填充色)。按住Shift和Alt鍵的同時，再創建幾個窗口。

在船的頂部添加一根長管子，上面用長方形標出兩條紅色條紋。

接下來，繼續按照下圖創建小船。

最后，如果你想要扭曲船的底部，使用直接選擇工具(A)并移動紅色矩形上方錨點。將繪制好的船編組。

制作幾艘船的復制品，并把它們放在大海上。

來源：design.tutsplus.com 作者：Nataliya Dolotko

關于教程

用圖形加噪點的方式，你也可以設計出一幅迷人的郊野風光~

教程效果圖

教程步驟

步驟1：新建文檔

打開Adobe Illustrator，點擊文件 – >新建( 快捷鍵Ctrl+N )，創建一個新文件，參數設置如下：

步驟2：創建背景

找到AI的圖層面板，雙擊圖層名稱處，將名稱修改為“背景-河”： 選中“背景-河”圖層，使用矩形工具（快捷鍵M），待鼠標變為十字形后，在畫板中間點擊一下，如下圖，輸入數值，繪制一個1600x1200px的矩形，顏色填充為#4086C6。

步驟3：繪制沙灘

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

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

3.3 使用用鋼筆工具（P）繪制好形狀后,可以用直接選擇工具（A）調整錨點

步驟4：繪制草叢

4.1 建立新圖層命名為“草叢，使用橢圓工具（L），繪制4個橢圓，并打開路徑查找器，選中四個圓形點擊聯集選項，如圖

4.2 使用矩形工具（M），繪制1個矩形，打開路徑查找器，選中剛剛做好的圖形和矩形點擊減去頂層選項，如圖

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

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

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

步驟5：繪制河邊景物

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

5.2 繪制完成并填充顏色，參數如下

步驟6：繪制小房子

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

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

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

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

6.5 剩下的幾個小房子做法和上面一樣，顏色參數如下，沒有標明顏色參數的表示顏色參數相同

步驟7：繪制小植物

7.1 因為這些小植物和小房子之間有互相遮擋的關系，所有所有的小植物都在“小房子”圖層進行繪制，先用鋼筆工具（P）繪制以下不規則的形狀，并填充相應的顏色

7.2 用繪制草叢的方法繪制以下相對規則的圖形，參考如下：

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

7.4 現在小植物已經全部繪制好了，將這些小植物結合小房子的遮擋關系可以隨意調整形圖層的順序（右鍵>排列>置于頂層/底層），排列如下：

步驟8：繪制河邊小草

8.1 創建新圖層，命名為“河邊草”，并用鋼筆工具（P）繪制出圖案，并填充相應的顏色

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

步驟9：繪制樹木

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

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

9.3 完成后填充好相應的顏色，參數如下

9.4 第三步，用鋼筆工具（P）繪制出小樹枝，并填充顏色#933932

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

9.6 現在“樹木”圖層所有的繪制已經完成，下面按照圖片的位置擺放好這些圖形

步驟10：繪制餐布

10.1 創建新圖層，命名為“餐布”，用鋼筆工具（P）繪制出餐布的形狀，并填充顏色# EC432C

步驟11：繪制袋子盒子

11.1 創建新圖層，命名為“袋子”，用鋼筆工具（P）繪制出以下袋子的形狀，并填充顏色

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

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

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

11.5 這個盒子袋子部分全部完成后，可以調整他們的位置關系，將他們按圖中位置擺放好就可以了

步驟12：繪制食物和物品

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

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

12.3.1 繪制蛋糕，首先我們先看看蛋糕的分解圖，顏色參數如下

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

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

12.3.3 接下來我們要繪制蛋糕的缺口。用鋼筆工具繪制出形狀，調整一下錨點即可

12.4繪制面包，用橢圓工具繪制出幾個橢圓，面包上的三個橢圓使用直接選擇工具調整錨點

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

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

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

步驟13：繪制人物

13.1.1 創建新圖層，命名為“女人”，我們先來看看這個人物造型的分解圖

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

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

步驟14：保存導出PSD格式文件

14.1 到現在為止我們AI部分的繪制就已經全部完成啦，我們先來看看整體的效果

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

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

步驟15：在PS添加噪點效果

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

15.2 接下來我們使用畫筆工具（B）選中柔邊緣，模式改為溶解，筆刷可以適當的放大，降低不透明度和流量，顏色用吸管工具（I）吸一下原本形狀的顏色即可。

15.3 這樣我們暗部的噪點效果就會出來了

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

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

設計師以圖文結合的方式，每一期分享一個簡單又實用的設計技巧，從2020年3月23日的第一期開始，至今已經更新到了第40期。(注：由于臺灣版本的AI界面文字翻譯與大陸不同，因此需自行對照軟件界面學習）

例如第一期分享的「拒絕再畫傻瓜雙框線」，這是不少設計師常常會犯的小錯誤，但實際上要在AI畫一個正確的雙框線并不難。

拒絕再畫傻瓜雙框線

選取欲制作物件，點擊上方物件→路徑→位移復制，設定負值位移，按下確定，完成（點擊可查看大圖）

是不是一看即懂而又非常的實用呢？當然類似的小教程還有非常多，在這里再給大家列舉一部分：

巧用自動計算

大部分軟件中都帶有自動計算功能，當你需要設定尺寸或者旋轉角度的時候，就可以讓軟件直接幫你算，在數值上直接輸入加減乘除（+-*/）即可：

快速微調字距與行距：

按住option+鍵盤左右鍵即可微調字距；按住option+鍵盤上下鍵即可微調行距

超實用配色技巧：秒配出延伸系列色

將配好的顏色區域全選，選擇編輯→編輯色彩→重新上色圖稿；切換為「編輯」；鎖住右下角的連結；接著旋轉色環中任一色標，其他色標就會跟著轉動；配色完成

想在AI畫一塊立體蛋糕？沒問題：

拉出蛋糕的斷面，將圖形們群組；使用效果→3D →回轉；調整旋轉數值、回轉角度(蛋糕大小) ；點開「更多選項」，調整環境光、光源、漸層階數，按下確定；完成

AI雖然作為一款矢量軟件，卻可以做出不少立體效果，比如最近非?；鸬模?/p>

如何做出黑洞效果？

拉出矩形與文字轉90度重復排列整齊；從視窗中叫出符號，把排列好的圖形制作成符號；用鋼筆工具拉出一個弧形，使用效果→ 3D →回轉；輸入旋轉數值、自右側回轉、按下「對應線條圖」；從符號中叫出剛剛的圖形；使用「縮放以符合」、勾選「隱藏幾何」，按下確定；使用矩形工具拉出一個矩形放置最上方，圈選兩者按下滑鼠右鍵「制作剪裁遮色片」，完成

#p#副標題#e#

如何做出立體環形文字？

從「視窗」中找到「符號」，將文字拖曳至符號視窗并按下確定；接著畫個圓形，使用效果→ 3D →突出與斜角，設定突出深度，按下「對應線條圖」；進入對應線條圖視窗，找到「側邊的表面3/3」，從左上方符號欄叫出剛剛的文字；將文字縮放成適合的大小，最后務必勾選「隱藏幾何」，按下確定，完成

如何畫出一本翻頁的書？

拉出數條路徑，使用鏡射工具具完成另外一半，調細筆畫寬度、將顏色改為白色；圈選所有路徑按右鍵群組；使用效果→3D →突出與斜角；調整旋轉數值、設定突出深度；點開「更多選項」，調整環境光、漸層階數，按下確定；完成

先畫出1個基本形，復制另外2個置于左右，并以中線裁切；將完成的圖形新增并制作為圖樣筆刷；拉出圓形路徑、套用剛剛制作的筆刷，完成

#p#副標題#e#

如何做出上平下凹的拱形效果？

使用效果→彎曲→下弧形；進入視窗點選「水平」，「彎曲」設為負值，按下確定，完成

如何制作管狀字？

繪制兩個漸層填色的圓形；選取這兩個圓使用物件→漸變→制作；雙撃漸變工具，在漸變選項中設定「指定距離」、輸入數值；使用鋼筆工具畫出想要的路徑；同時選取制作成漸變的圓形與這個路徑，使用物件→漸變→取代旋轉，完成

最后，如何5分鐘畫繩結：

先畫出3個長條矩形，選取它們并制作成圖樣筆刷；用鋼筆工具拉出彎曲路徑并使用鏡射工具拷貝另一側；套用剛剛制作的圖樣筆刷；使用物件→擴充外觀；圈選擴充外觀后的圖形，使用「形狀建立程式工具」；先按住option鍵，游標順著想刪除的區域滑過，即可刪除不需要的區域；以此類推完成其他部分；完成

還有更多實用小技巧可前往設計師instagram主頁查看

圖文載自「instagram.com/bohanshih」，僅供分享交流，版權歸原作者所有。

您可以在Illustrator中使用等距網格創建等距圖形(如下圖所示)。這將幫助您根據網格創建等距形狀。

這是今天要繪制的人物插畫(如下圖所示)。

1. 創建人物的頭部

步驟1

選擇橢圓工具 (L) 并創建一個圓。按住鍵盤上的 Shift 鍵, 同時用鼠標單擊和拖動, 以創建一個完美的正圓。對于膚色, 我們將使用下面的設置, 但您可以自由地為您的項目選擇自己喜歡的顏色。R:194 G:119 B:112

步驟2

選擇直接選擇工具 (A) 并選擇圓。這樣你就能看見形狀的定位點, 并且您能夠使用該工具對其進行調整。

步驟3

使用直接選擇工具 (A) 選擇底部錨點, 并將其移動到一側, 以創建角色的下巴。

步驟4

使用橢圓工具創建另一個完美的圓, 這次為你的角色的頭發選擇一種顏色。R: 45 G: 42 B: 69

步驟5

要創建耳朵, 請使用圓角矩形工具。使用與頭部相同的膚色繪制一個小膠囊形狀, 并將其移動到位。

步驟6

使用圓角矩形工具創建一個更大的膠囊。使用與頭發相同的顏色, 并以一定角度稍微旋轉頭發。

步驟7

使用選擇工具 (V) 將形狀放在頭部前面。

步驟8

復制膠囊形狀, 方法是復制它 (Ctrl-C) 并粘貼它 (Ctrl-V)。將新膠囊放在頭部上方, 讓人物的額頭有一些額外的頭發體積面。

步驟9

右鍵單擊耳朵的矢量形狀, 然后選擇 “排列” > “置于頂層”。

步驟10

這樣就能讓耳朵露出來啦

步驟11

創建兩個很小的膠囊, 并使用選擇工具 (V) 旋轉它們, 并將它們移動到位

步驟12

創建一個膠囊來作為頸部, 并將其移動到頭部下方。對皮膚使用稍微深一點的顏色。R: 165 G: 89 B: 89

步驟13

為背景創建新圖層。

步驟14

在新圖層上, 使用矩形工具創建新背景并選擇合適的顏色:R: 186 G: 227 B: 254

2.創建人物的身體

步驟1

使用矩形工具, 并大致繪制出一個很長的白色矩形。使用直接選擇工具 (A) 將頂部的兩個錨點相互移動, 以創建一個梯形。確保所有四個實時圓角小部件都可見 (如果沒有, 你可以換AIcc以上版本或者在效果里面使用圓角效果)。選擇小部件并將所有四個角拖動到中心以使四個角是圓的。

步驟2

確保已選擇身體（長白圓角矩形），轉到 “效果” > 3D > “旋轉”。

步驟3

在彈出框中, 請確保選擇以下內容:

位置: 等角-右方

表面: 無底紋

步驟4

這將使身體出現等距形狀。請注意, 您仍然是可以編輯形狀, 因為它是2D的, 這將會實時調整。（所以你的電腦配置得高點，不然東西做多了會卡）

步驟5

確保已選擇主體。轉到效果 > 3D > 凸出與斜角。

步驟6

在彈出框中, 請確保選擇以下內容:

位置: 離軸-前方

凹凸厚度:50

斜面: 圓角

高度: 4

表面: 無底紋

步驟7

這將創建一個等距3D對象, 我們可以將其用于人物的主體。

步驟8

使用選擇工具 (V) 將頭部移動到身體頂部的位置。

3.創建人物的腿

步驟1

使用圓角矩形工具創建人物的臀部。選擇要用于腿部的新顏色:R: 100 G: 118 B: 202

步驟2

確保已選擇臀部。轉到 “效果” > 3D > “旋轉”。在彈出框中, 請確保選擇以下內容:

位置: 等角-右方

表面: 無底紋

步驟3

確保髖關節仍處于選中狀態。轉到效果 > 3D > 拉伸和斜面。在彈出框中, 請確保選擇以下內容:

位置: 離軸-前方

凹凸厚度:50

斜面: 圓角

高度: 4

表面: 無底紋

步驟4

將形狀放置在身體下方和后面。您可以通過右鍵單擊形狀并選擇 “排列-置于底層” 來執行此操作。

步驟5

選擇鋼筆工具 (P) 并把粗細設置為21pt。

步驟6

使用鋼筆工具 (P) 通過按住鍵盤上的 Shift 鍵繪制一條直線。復制或繪制兩條腿, 并將它們放在臀部下方。

4.創建人物的手臂

步驟1

使用圓角矩形工具創建一個白色膠囊來作為襯衫的袖子。使用選擇工具 (V) 以輕微角度旋轉。

步驟2

將膠囊放在角色的肩膀上。

步驟3

復制形狀并將其放到左邊的肩膀位置。接下來, 您需要翻轉形狀 (右鍵單擊 > 變換 > 對稱 > 垂直), 然后將其縮短并放置在肩膀上。

步驟4

選擇鋼筆工具 (P) 并調整描邊設置, 使顏色與角色的膚色相匹配:

粗細:11 pt

端點: 圓角

步驟5

使用鋼筆工具 (P) 繪制一個稍微彎曲的手臂, 并將其放置在白色膠囊下方。

步驟6

復制手臂復制 (Ctrl-C) 并粘貼它 (Ctrl-V)。

步驟7

右鍵單擊手臂并選擇 “變換” >”對稱”> “垂直”。

步驟8

使用選擇工具 (V) 將手臂放到背部, 并將其放置在第二個白色膠囊下方。

步驟9

使用選擇工具 (V) 移動形狀, 并對等距的人物各部分進行最終的微調整。（細心的朋友應該早發現脖子的地方有個橢圓的小細節了把，如果你看教程到這里還沒有發現我就只能emmmm）

5.創建人物的裙子

步驟1

現在我們已經創建了第一個人物, 現在可以進行一些輕微的調整來創建第二個人物。使用選擇工具 (V) 選擇整個人物并對其進行復制。在第二個人物上, 使用直接選擇工具 (A) 刪除頭發。

步驟2

選擇兩條腿并更改筆畫屬性, 以使顏色與人物的膚色相匹配。稍微減輕腿部的粗細:

粗細:15 pt

圓角: 圓角

步驟3

要創建裙子, 請選擇構成人物臀部的等距形狀。然后使用選擇工具 (V) 并向下拉形狀以達到調整長度的作用。

步驟4

使用直接選擇工具 (A) 調整實時圓角的小部件, 使邊角再次變得銳利。這將使你更容易調整裙子的形狀, 通過互相的移動底部錨點。一旦你對裙子的一般形狀感到滿意, 你可以再次使用直接選擇工具 (A) 來使用實時圓角小工具來再次進行圓角。

6. 創建女人的頭發

步驟1

要創建第二個人物的頭發, 請使用橢圓工具 (L) 并創建一個完美的圓。使用選擇工具 (V) 將其放置在正確的位置, 并將其放到頭部的后面 (右鍵單擊 > “排列” 置于底層 “)。接下來, 創建一個較小的圓, 并將其放置在耳朵后面。

步驟2

創建另一個圓, 并將其放置在角色的前額前面。使用直接選擇工具 (V) 來降低圓的高度。

7. 創建女人的胸部

步驟1

使用橢圓工具 (L) 創建一個小的白色圓形形狀, 并將其放置在人物的胸部區域的頂部。

步驟2

復制形狀, 并將其放置在胸部的另一側。

步驟3

將這兩個形狀組合在一起 (Ctrl-G), 并復制他得到一個新的組。如何按住ctrl-shift-v，這將在上一個組的頂部粘貼復制的新組。我們將把這個新的小組稱為 “影子小組”。然后選擇一個稍暗的顏色填充他。

步驟4

將陰影組移動到兩個白色圓形形狀的后面, 并使用鍵盤上的箭頭鍵以增量方式向下移動, 以便出現一個小的、有厚度的陰影。

步驟5

通過用形狀覆蓋來刪除任何多余的陰影區域(這可以用鋼筆工具完成)。選擇陰影形狀和新形狀 (以紅色顯示), 然后使用 “減去頂層” 模式刪除多余的陰影。

步驟6

將陰影放置在白色橢圓下方。

恭喜你，完成了今天的教程！

原文地址：tutsplus

譯文地址：UI中國

作者：Jonathan Lam

譯者：米夏小雨

用AI繪制質插畫（筆刷制作）

在開始繪制前，我們還是老規矩，創建四個圖層文件夾來管理我們的圖層！

1. 如何創建背景

一旦我們完成了文檔的分層，就可以開始繪制實際的插畫了，我們將通過創建背景來執行此操作。因此，請確保您已定位在第一個圖層文件夾了，讓我們直接進入它把！

步驟 1.1

使用鋼筆工具 （P），在將填充顏色設置為#7AC6F4后，使用參考圖像作為主參考，仔細繪制底部背景的主形狀。

步驟 1.2

再選擇筆工具 （P），快速繪制較小的背景圖形，而位置大小等可以參考下圖。

步驟 1.3

繪制完背景后，我們可以開始處理前景的云，我們將使用一些大小不同的圓創建前景的云。將它們放置在底部形狀的兩側，使用#F0FBFF著色前面的云，使用#D4F7FF著色后面的云。

步驟 1.4

由于我們希望云是藏在背景里面的，所以我們要對云（Ctrl-G） 進行打組，然后使用要粘貼在前面（Ctrl-F）快捷方式把背景復制一份。然后，選擇復制的背景和打組的云后，只需右鍵單擊”創建剪切蒙版”即可。完成后，不要忘記使用 Ctrl-G 鍵盤快捷鍵來把所有的形狀打組。

步驟 1.5

移動到較小的背景上，然后使用 112 x 112 px 的圓 （#FFCF83） 創建發光光暈，然后再創建兩個較小的圓 （#FFCF83），每個比上次小 12 px，從而開始處理太陽。將它們堆疊在一起，確保將其不透明度降低到 16%。完成后，使用 40 x 40 px 的圓圈（#FFCF83）添加實際太陽，確保使用 Ctrl-G 鍵盤快捷鍵選擇所有四個形狀并將其打組在一起。

步驟 1.6

完成創建太陽后，用上面云一樣的處理方式處理太陽即可。

步驟 1.7

通過創建三個不同形狀的橢圓（#FFFFFF）來繪制較小的浮動云。使它們重疊 ，然后首先使用錨點工具 （Shift-C）擠壓其側錨點來調整它們。若想繼續調整其形狀，使用直接選擇工具 （A） 單獨選擇其較低的錨點就行，然后把不要的部分刪除，但是記得要封閉路勁哦，錨點不好使，請用路徑查找器來繪制把！最后請記得打組哦！

步驟 1.8

位置的話可以參考下圖，然后我們就做好了本次插畫的背景了。

2. 如何創建熱氣球

現在，我們已經完成了背景工作，我們可以鎖定它的圖層，然后移動到下一個圖層文件夾，我們將花一些時間來創建我們的熱氣球。

步驟 2.1

首先，使用 48 x 12px 的矩形為吊艙創建主形狀，我們將使用#664240進行著色，然后在較大的背景上放置它，距離其左邊緣 288 px，距頂部 208 px。

步驟 2.2

通過打開”變換”面板，調整我們剛剛創建的形狀，然后將其底部的角的半徑從矩形屬性內設置為8px。

步驟 2.3

使用8個 2 x 2 px的矩形（#F7C263） 水平間隔 2 px 來作為窗戶，我們將對窗戶進行打組（Ctrl-G），然后放置的位置可以參考圖像中所示。

步驟 2.4

通過創建 400 x 112 px 橢圓我們開始處理氣球部分，我們將使用#F99178進行著色，然后放置在吊廂頂部，使其最終重疊。

步驟 2.5

使用移動工具（右鍵單擊 – 變換- 移動 -水平- -32 px），調整我們剛剛創建的形狀，將其中心錨點向左推 32 px（右鍵單擊 – 變換-移動 – 水平- -32 px），然后將右錨點的控點縮短 15 px，以便將其尾巴變薄變尖。

步驟 2.6

通過復制結果形狀（Ctrl-C + Ctrl-F），添加氣球底部較暗的部分，我們將通過選擇并刪除其頂部錨點來調整該部分。使用#C15142為新形狀著色。

步驟 2.7

使用較大氣球作為第二個副本（Ctrl-C）來作為高光部分，我們將將其粘貼在前面（Ctrl-F）。將其顏色更改為#EA7B65，然后單獨選擇并將其頂部和底部錨點推到內部，大約16 px左右（右鍵單擊 變換里面可以用數值控制，具體取決于您從哪個錨點開始，反方向就用負數）。

步驟 2.8

使用得到結果形狀復制（Ctrl-C + Ctrl-F）出來創建較暗的下半部分，我們將通過首先將其顏色更改為#D86552，然后移除其頂部錨點，然后使用 Ctrl-J 鍵盤快捷鍵關閉路徑來進行調整。完成后，請確保在繼續執行下一步之前，選擇它并打組（Ctrl-G）氣球的所有合成形狀。

步驟 2.9

使用 8 x 112 px 的矩形來添加氣球的嘴巴，我們將使用#664240進行著色，然后居中對齊到氣球的左邊緣，隨后使用較大的基礎形狀的副本（Ctrl-C + Ctrl-F）將其屏蔽（右鍵單擊 + 制作剪切蒙版）。

步驟 2.10

使用 12 x 4px 矩形 （#664240） 創建鼻錐，我們將通過使用方向鍵單獨選擇它然后將左錨點推到內側大約1px 來進行調整，然后讓它與較大的氣球重疊 2Px。

步驟 2.11

使用 40 x 32 px 矩形 （#D86552） 添加機翼的主形狀，我們將通過調整左上角的半徑為32px來改變形狀。具體數值看圖把！

步驟 2.12

使用 8 x 32 px 矩形 （#664240）來作為較暗的部分，我們將使用基礎形狀的副本進行剪切蒙版，然后使用8 x 8px的圓圈（#664240）裝飾它，我們將其放置再如圖所示的位置。完成后，請確保在繼續執行下一步之前，選擇并打組（Ctrl-G） 所有形狀。

步驟 2.13

使用我們剛剛完成的圖形然后創建副本（Ctrl-C + Ctrl-F）添加到底部，我們將水平翻轉它，然后放置于氣球的底部。完成后，請確保將它們發送到所有其他形狀下方。

步驟 2.14

使用40 x 8px 橢圓 （#664240）創建面對我們的機翼，我們將通過選擇并將其錨點向左推 4 px 來進行調整，將得到形狀從氣球的末端前挪動16px。

步驟 2.15

使用四組每組3個 4 x 2 px 的橢圓（#664240）添加細節，請參考下圖來放置這些圓把！

步驟 2.16

使用12 x 8px 橢圓 （#664240）添加側引擎蓋，我們將通過選擇內部錨點向左推 2 px 來調整。按參考圖像所示放置生成的形狀。完成后，你就把這些東西打組。

步驟 2.17

一旦我們完成了對熱氣球的繪制工作，我們可以使用三個1 px 圓角矩形 （#FFFFFF） 來表現熱氣球速度感或者是尾氣把，我們將在飛船周圍以 8 px 的距離放置這些矩形。

步驟 2.18

通過添加幾個浮動的云（#FFFFFF）來完成最終的插畫，遵循用于創建背景云相同方法。完成后，不要忘記使用 Ctrl-G 鍵盤快捷鍵選擇和打組所有形狀。

3. 如何創建漸變疊加

在我們鎖定當前圖層并移動到下一個圖層之前（這將是第三個圖層），我們需要將背景的兩個組和熱氣球的主體創建新的副本 （Ctrl-C） 并且添加到剪貼板中，因為我們將使用它們來創建疊加。

步驟 3.1

首先，我們希望使用 Ctrl-F 鍵盤快捷方式將剛剛添加到剪貼板的副本粘貼到當前圖層上。

步驟 3.2

接下來，我們需要通過將形狀轉換為復合形狀來使形狀是單個較大的形狀。首先選擇它們，然后打開路徑查找器面板，然后在高級菜單里面找到并點擊”制作復合形狀”。

步驟 3.3

創建復合形狀后，我們可以打開漸變面板，并使用左#662D91右#FBB03B來創建線性漸變。

步驟 3.4

我們現在打開不透明度面板，并將漸變的混合模式設置為”顏色加深”，確保將其不透明度降低到僅為30%。

4. 如何添加紋理

添加漸變疊加后，我們可以鎖定當前圖層，然后向上移動到最后一個圖層（這將是第四個圖層），我們將通過添加漂亮的雜質來完成我們的小插畫。

步驟 4.1

我們首先需要復制 （Ctrl-C），然后粘貼 （Ctrl-V） 自定義紋理到當前圖層，確保調整其大小，使其最終覆蓋整個畫板。

步驟 4.2

一旦我們的紋理到位，我們要做的就是剪切它（右鍵點擊 + 使剪切蒙版）怎么操作前面也講了很多此，不再重復了，然后確保將其不透明度降低到 60% 。

原文地址：youku

作者：Andrew Stefan

譯文地址：UI中國

譯者：米夏小雨

AI插畫教程：街頭風格超級獅子

首先我們現在網絡上找一張感染力比較強的獅子照片，然后我們再用ai里的畫筆工具進行繪制出外觀。

再用鋼筆工具仔細勾勒出獅子的外形，注意擴展的時候封閉路徑。

鋼筆勾勒出形狀之后，我們可以看出毛發部分太過于繁密復雜，所以要簡化復雜部分。

前后的對比，可以看出比之前的簡化了一些，提升了獅子的張力，使人印象更加深刻。

線稿確定好了之后，我們就要考慮面的關系，在以前的教程中，我們學習了一些關于光影的基礎，讓我們再來熟悉一下光影關系。（拿一個球舉例）我們假設光是從右上方來，那么哪些地方該加陰影，哪些地方該加高光呢？

這里我們用個球來表示，用簡單的幾個色塊表示球的光影關系。

畫面中出現的光影關系如下，分別有亮、灰、暗三個面，以及高光、反光和投影，這六個就是這類型插畫的六大關系，也可以叫三大面五大調子的閹割版。

完整的三大面五大調子還會有明暗交界線和中間調這兩個，但做這類型的插畫很少用到。感興趣的可以自己去了解一下。

在此類型的插畫中，暗面和投影可以直接用線稿的黑色來代替，形成另一種風格。

了解這些美術基礎后我們就可以在填色稿的基礎上繪制光影關系了。

有許多同學可能想知道這個部分的毛發是怎么做的，其實就是用混合工具

使用鋼筆工具繪制出兩條線，然后選中之后快捷鍵Ctrl Alt b就可以繪制出許多線

最后我們再用直接選擇工具調整毛發的疏密關系，提升毛發的質感。可能還是有些同學覺得不太好理解，可以看一下這篇文章里有具體怎么使用混合工具。——《一組案例帶你看高級混合的妙用！》

好，我們可以看出，分析獅子毛發的前后遮擋關系之后繪制投影以及高光，使我們的插畫風logo更加的立體化，不再單薄。

最后再選擇搭配的字體，進行最后的調整，這樣一個插畫風的logo就制作完成啦。

作者：大貓Sunjay，微信號：大貓設計

本教程主要講述了多漸變色風格的創作思路和主要操作，適合有一定基礎的設計師學習。下面讓我們正式進入這篇教程吧。

先看看效果圖

教程步驟

01. 尋找參考圖

02. 草稿繪制

03. 基本圖形繪制及簡單上色

04. 多漸變色上色

05. 給多漸變色加入透明度

06. 紋理添加

07. 背景上多漸變色

08. 添加細節

09. 添加顆粒及文字

最終完成效果

一直研究線條，就會發現，線條除了表現我們普通日常所見的圖標化的個體以外，還可以表現更大更復雜的風景。但是后者會有一定難度，如果線條比較粗的情況下，尤其無法更好去展示細節（比如要表現云朵或者空中漂浮的柳絮等）。當時我的有點卡在這個思路上沒有進展。

過兩天，我突然憑空有了靈感，想到了“簡化”這一條路。嘗試用簡化的方法，雖然看起來粗糙，但又進入到新的層面。我想我們不是要單單造景，而是要傳遞景色。因此，景色用線和色塊的組合，就這樣一步步展開。

靈感來源：

于是我有了這一組作品大千之鏡，這一組作品就是基于粗線+景色的方式來創作，其中重點的表現是“色”（漸變組合）。

提示：

本操作注重設計思維的過程，不涉及到軟件的具體詳細操作，如果對軟件操作生疏的小伙伴，可以移步到這里看看這個簡單的快速上手AI的操作視頻。

得到形狀的四種方法：拼、減、裁、畫

參考照片不等于臨摹照片

外景的繪制，需要非常概括化。由于這里我們的規劃是把景物畫在一個小圓矩形的框內，其實空間是很有限的。因此線條的設置也就要趨于簡單。

簡化是一個非常重要的思路，你可以用照片開始研究。當然，我在創作的時候，不止借鑒了一張照片，而是把多張照片進行結合參考。

參考照片里的布局、構圖、透視……然后提煉最基本的形狀。

如果有興趣你可以看下面這支視頻：

靈感怎么來？參考照片的幾點技巧

構建基礎線條

如果在細節并不累贅的情況下，簡化的圖案可以采用網格來幫助表達。當然這取決于你的習慣。

STEP 01

打開AI，新建一個1600*1600px的文檔。在這個文檔中畫出一個圓角矩形，然后在這個圓角矩形當中謀篇布局。首先用幾個線條把最大的基礎形勾勒出來。外框線條采用30px，而內部的線條可以稍微減小，變為25px，再細可以變為20px。

線條的粗細設置原則就是讓其遵循一定的韻律感，比如都是5的倍數。

圖案猶如搭積木那樣建立起整個畫面。

STEP 02

繼續以搭積木的邏輯來填滿左邊建筑群的畫面。這時我們要學會跳出「技」的思維層面，這在我的授課經驗當中也反復和學生強調：我們并不是在學會如何畫這個對象，比如這里我們在繪制小鎮風景。我們學會的是背后的創作思維。

這里我引用一段豐子愷在《認識繪畫》這本書里的原話：

“圖畫就同數學和體育一樣。人生不一定要畫蘋果、香蕉、花瓶、茶壺。原不過是借這種研究來訓練人的眼睛，使眼睛正確而又敏感，真而又美。”

用在這里，就是通過畫小鎮、建筑的過程來訓練自己對線條造型的能力。而這個能力表現出來就是既符合建筑的外形，又能讓它看起來美觀自然。

STEP 03

繼續往下，就是把我們的形狀再一次優化。優化形狀有兩個層面需要注意：

1）形狀銜接是否閉合

2）整體的形狀是否均勻

這是宏觀和微觀的兩個方向。然后再適當調整增刪形狀。

STEP 04

增加細節一般來說是最后一步的框架工作。這時我們又要切換一個角度：剛開始我們把線的作用看作是建立輪廓，這時，需要拿線來當作細節的描繪擔當。比如下面用一個蘋果作例子，你就能理解了。線的兩個作用：勾勒和描繪，在這里就能體現出來。

因此這里增加的細節（窗戶、門、波浪、海鳥等）都是發揮線的描繪作用。

到這一步我們的輪廓線就完成了。這時可以將它們擴展外觀。

在很多LOGO設計當中，到這一步其實就可以告一段落了，因為大部分扁平風格的LOGO都只需要一個輪廓，色彩可以是一個隨機的單色。

色彩框架

建立色彩框架，其實就是找到一種觀察色彩的角度。利用兩個色彩間的關系演化成一個色彩陣列。在下面這個視頻中，你可以了解更多關于色彩陣列。

色彩陣列：給初學者的色彩框架圖

STEP 05

依據上面的理論，我獲得了這個色彩陣列。我們的色彩就從這里開始。主色確定為藍色（這從我們的照片里獲得了靈感），次色為粉色和薄荷綠。

STEP 06

當然，色彩陣列的作用并不是要讓我們用上所有的色彩，仍然根據實際的情況去繁化簡。在關鍵的色彩上進行不斷的嘗試，找到最好的組合。

運用形狀生成器工具來進行上色，把主色進行分布。

STEP 07

繼續運用上次色薄荷綠，這時大家要注意色彩的微妙變化，在單一色彩出現的時候，看起來一切都很完美，一旦加入了第二種顏色情況就開始變復雜了。

這也和我們平時生活是一樣的，一個人的時候什么都好，兩個人就會出現人際關系。復雜的讓人頭疼也讓人歡喜的關系，就帶來了更多的生機和起伏。

我們看到雖然我們運用次色，但也在部分色塊上帶來了更多的色彩上的變化，這也是有了色彩陣列后可以輕易做到的。

STEP 08

第三種色彩是紅色，我們可以繼續運用在圖形中。

STEP 09

主要的色彩控制在三種，剩下的色彩可以繼續在現有色彩基礎上再微調，比如調整色彩的明度或者飽和度來獲取更為細膩的變化。

注意在這里的白色的運用。

光影漸變

由于有光，我們才得已看見不同的色彩。根據這個真理，如果要想獲得更為豐富的光感，漸變也是一個非常重要的上色要素。

STEP 10

在運用漸變前，我的建議就是先做好平涂的工作。平涂是建立整體的色彩均衡，然后再根據光線的情況進行微調。

而且對于漸變，我們需要加以克制，只需要選取其中一種色彩，然后在這個色彩比較窄的范圍內進行微調。比如在這里我們將紅色用上漸變，使紅色產生一些微妙的變化。

STEP 12

然后給建筑補上陰影，陰影的出現根據“美且真”的原則來安排。這里可能很多人會問什么是“美且真”原則，下面同樣是出自豐子愷的《認識繪畫》的一段描述：

圖畫兼有欣賞與實用兩種效果。欣賞是美的，實用是真的，故圖畫練習必須兼顧“真”和“美”這兩個條件。具體地說：譬如描一瓶花，要仔細觀察花、葉、瓶的形狀、大小、方向、色彩，不使描錯。這是“真”方面的功夫。同時又須巧妙地配合，巧妙地布置，使它妥帖。這時“美”方面的功夫。

了解了這個原則，就在練習中去試探畫面這兩個要素的平衡。

陰影的制作需要注意的是三點：

1）找到光源

2）陰影顏色的配置

3）不必完全寫實

這三點可以通過下面這個視頻中詳細給大家演示：

線條插畫中增加陰影的三步技法

完成后的效果如下：

點狀高光

創作最后一步，這里我們增加了一個小細節，也是突然想到的點睛之筆，給畫面增加點狀高光。

STEP 13

在平面構成中，一個點可以是一個圓點，也可以是一個小方塊。在這個畫面當中，我們就利用白色的小方塊來制造畫面的高光部分。

增加了點狀高光的畫面，就會讓畫面更加活潑。

最終效果：

后記：背后的思路

寫這篇文章我整理出了三段視頻，通過視頻也許會給初學者更多啟發。我之前一直糾結在是做視頻還是寫文章兩條路子，本來想文章+視頻是最好的方式，各取所需。但是后來操作過程發現兩條路沒辦法并行。只能在文章當中，穿插更多我認為值得展開的部分。

視頻作為文章的補充，而文章又作為視頻的補充。雖然現在大家都說沒時間看文字，視頻也更加直接，但是我始終覺得潛心學習的東西，用文字是更易于查詢和記錄的。視頻和文章都無法取代彼此。

希望我們可以繼續以這樣的方式交流下去。

原文鏈接：飛屋設計

線是最基本的平面元素之一，在平面設計中，如果運用線體插畫，能和字體很好的形成融合效果，因為字體本身也是線條。今天我們就來一起探索關于線體插畫，運用AI來繪制一枚多肉植物的線體插畫。

創作要點

學習插畫的過程，其實根本是學習如何構圖和配色。在平面設計中構圖和配色是視覺元素的重點，練習插畫是一個很好的訓練方向。在本次的小練習中，你可以把關注點放在以下幾個方面：

1、多肉植物的造型組合（所運用的是什么形狀？這些形狀的線條是如何表現的？）

2、配色方案的選擇（注意色彩的明暗層次、色域使用的范圍）

3、如何創造畫面的點睛之筆（運用對比色創造焦點）

警語

本文對所涉及的AI軟件基礎工具不多做特別詳細的解釋，如果對工具仍然不熟悉的小伙伴，可以先移步軟件的基礎操作再進行實例練習，本文更多提供的是一種創作的思維過程和方法。

用線構形

我們在繪制任何畫面之前需謹記：從大到小，從整體到局部。所以，我們要從基礎的大形開始畫起。但是在這幅畫中，由于線條的造型相對簡單，所以細節的部分是集中在色彩的處理上。

STEP 01

打開AI，新建一個1600px*1600px的文檔（這個尺寸是我常用的），色彩模式為RGB。然后把線條的填充關閉，開啟描邊，描邊的大小設置為20pt。

然后繪制出一個橢圓，將這個圓調整為一個尖頭橢圓，把它作為多肉植物的第一片葉子。調整的工具可以采用【錨點工具】。多肉的造型一般來說都是圓圓胖胖的，所以線條也是盡量看起來飽滿一點為佳。顏色讓它保持黑色就好，目前不需要考慮色彩。

當做出第一片葉子以后，就能繼續畫出其他的葉子。在這里，我們的多肉植物造型是不對稱的樣式。

STEP 02

我們繼續增加葉片的造型，每一個葉子的造型都是橢圓，但又都和原始的橢圓形狀有別。這樣保持錯落有致的整體視覺。

STEP 03

這時大家也許發現線條比較凌亂，因為包含了不同的重疊關系。這時就需要采用【形狀生成器工具】將多余的遮擋住的線條進行刪減。因此在處理前大家就需要弄清楚葉片之間的前后空間關系，按照前面遮擋住后面的原則，就能確定應該刪減哪一條線。

STEP 04

最后增加一個小葉片，也同樣刪減遮擋的線條。通過這樣的方式可以繼續增加葉子，我在這里不做過多的演示，你自己畫的時候可以根據需要增加葉子。

STEP 05

往上繼續增加植物的造型，在這里我做了兩個不同的往上伸的莖干作為補充，讓畫面更豐富。

在這類LINE ART的創作中，線的表現是非常重要的，所以在造型時首先就要考慮線的表現，比如左邊是采用直上的線，右邊就采用彎曲的線，一直一彎造型形成一種對比效果。

STEP 06

給右邊的莖干上增加小葉片的組合。這里由于小葉片的造型要小一點，更細節一點，所以線條的粗細可以設置為18pt。

STEP 07

最后給下方增加一個花盆的造型，花盆的外觀可以是圓角矩形。這里的線條粗細設置回之前所用的20pt。圓角矩形的下面圓角的弧度要大一些。

到這一步，所有的線條部分就完成了。

階段小結

線條是一種很有表情的語言，線條的粗細、長短、曲直，都對整個造型起著關鍵的作用。因此對線的把握，尤其是扁平化風格當中，線條維持平滑感非常重要。

你在這副畫中所做出的每一個形狀，都要讓線保持這種平滑感，而不要扭曲。

為形體賦色

配色對很多人來說都是難點，因為顏色不僅對我們普通人，即使是對一些資深的設計師也好，都未必清楚色彩真正的本質。我們這篇文章不會去刨根問底，但是可以觸及一些關于色彩的探討。

之所以要平時做臨摹練習，也是為了拓寬自己對色彩的敏感性，增加自己和色彩單獨相處的機會，從而會更有利于日常工作當中對配色的駕馭。

STEP 08

在上色之前，我習慣先將所有的線條編組然后備份放到一邊，這是為了方便日后修改。然后把其中的拷貝的線條全部進行擴展外觀，轉為形狀。轉為形狀后會更容易在AI中進行上色。

STEP 09

首先為線條上色，在這里，線條安排成一種比較帶藍色的深黑色。由于線條要著重表現，所以線條的顏色也需要更突出一點。

STEP 10

然后接下打開拾色器，選擇5種不同的綠色。為什么要選取這么多種類的綠？這里我們可以普及一個小常識，大家平時在配色的時候，如果說選擇運用綠色或者紅色（也就是單一的色系時）很容易局限于某一個色值上，如果擴寬一下思路，大家可以說葉子也有很多種不同的綠色，其實真實的自然界也是由多種多樣的綠色所構成的：藍綠、淺綠、深綠、檸檬綠等等，所以我們在選擇色彩的時候，盡量也是往多樣化的色彩方向去走。這樣會讓色彩看起來更自然。

并且在選擇色彩的同時，也要注意在明度和飽和度上也要有所對比，尤其是明度的對比會為整個畫面增加更多自然光的效果。

同時我也增加了藍色的表現，這是為了強化陰影當中的冷調。讓畫面有冷暖的搭配。

STEP 11

然后我們先選定“湖水藍”，然后再選定【實時上色工具】，在你認為應該運用這個色彩的位置上進行單擊，就可以實現部分的上色。

STEP 12

我們再繼續選定“森林綠”和“樹葉綠”，這是兩種不同的綠色，但是森林綠的明度略低。雖然是兩種綠色，但這是不同感覺的綠色。

STEP 13

在運用“薄荷綠”的地方，其實是相對來說更“亮”一點的區域，受光更多。所以我們要尋找合適的地方進行上色。

STEP 14

最后運用的綠色是“蘋果綠”，這個綠色是受光最多的地方。這時的葉片部分的上色就完成了。

可以看到，運用不同層次的綠色，會比用同樣顏色的綠色來得更生動。

STEP 15

將花盆也填充一種灰色，這種灰色會略偏向綠色。

光影造型

繼續為畫面增加光影表現，在這里，其實最重要是增加陰影。陰影的表現其實可以比較隨意，確定好光源點，通過之前色彩的深淺分布，可以判斷我們畫面中光源點出現在右上方。因此，陰影也都可以跟隨這個虛擬的光源出發來安排。

STEP 16

把剛剛做好的整個對象進行“擴展”（運用了實時上色工具后，需要擴展才能進一步取出某一個形狀，留作下一步之用），擴展完成后再取消編組。這時我們就能單獨拿出非線條以外填色部分的形狀，然后在這些形狀上增加陰影。

陰影的顏色選擇和線條的深藍色同色，把透明度降低至18%。陰影的形狀依然是我們關注的重點，需要從整體來觀察整體的美感度和協調程度。

STEP 17

然后把全部的陰影都畫出來，包括花盆部分的陰影。

陰影的設置跟隨一定的光影原理，但是也不用完全再現現實物理條件的光照。主要還是要照顧到最終整體的視覺效果。

STEP 18

增加高亮的部分，運用白色的小圓點，添加到受光比較多的位置。同樣需要適當降低每個小反光點的透明度。

點睛之筆

大家可以發現在整個畫面中，我們只是運用藍綠色系，畫面的色彩是偏冷的。如果想要畫面的效果更飽滿，更具有張力，就需要增加暖色。

在多肉這個主體當中，我們可以運用葉片的尖端位置增加和綠色剛好處于對比色的紅色，然后運用漸變的效果做出紅綠對比，增加對比就增加了戲劇感，從而也就讓畫面顯得更具有感染力了。

此外需要注意的是，我們的畫面焦點部分才需要這樣的戲劇沖突，因為焦點不可太多，所以不用每個葉片都這樣操作。

STEP 19

先安排好這個漸變色的色板：從粉紅色到白色的過渡，白色一端的透明度降低為0。然后繪制出一個新的形狀，這個形狀剛好覆蓋過我們的葉片尖端，然后把漸變色運用在此。

STEP 20

在運用“薄荷綠”的兩個葉片上增加這樣的粉紅色漸變。

這樣的冷暖互動就能把畫面的靈動感拉高一個層次，這也為大家提供一個配色思路：當全部為冷色的畫面中增加暖色，或者暖色中增加冷色對比，都能讓對比發生一定的戲劇效果。

最終效果

最后，讓我們為整體的插畫增加一個背景，END!

插畫應用

一個插畫畫出來了以后，可以靈活運用到平面設計當中的多個地方，例如在UI設計中，我們可以把它作為Banner，或者介紹配圖。除此而外，還能作為圖標、LOGO設計而使用。

后記：學習插畫的時候我們在學什么

當我們在學習插畫的時候，真的是在學怎么畫一盆植物嗎？這是我最想問的問題?；氐轿易類壑v的印象派，大概在中學時代第一次見到莫奈的印象日出，立刻就動手模仿了好幾幅。當時還不知道這叫印象派，但是直覺告訴我，這種表現形式是誠意十足的。

后來看了很多印象派的資料，最讓我著迷的就是他們對“光”的敬畏和喜愛，大家都應該知道光線造就了顏色，所以，色彩就是光的語言。我講過好幾次關于色彩的課，也自己深挖過一些色彩理論，色彩構成，總的來說，我覺得沒有用眼睛去看，自己動手去畫，理論都是很蒼白的。

所以，對于開頭問題的答案就是：我們其實就是在學習色彩，學習構圖。而這都是平面視覺的核心，甚至不能說是核心，而是形與色本身就是平面視覺。有小伙伴困惑配色怎么破的時候，其實根本沒有捷徑，倒是有很多偽裝成捷徑的彎路，初學者選擇彎路也沒關系，只是時間會耗得更長而已。唯一的捷徑大概就是多畫、多觀察，手上練習，心里總結規律。心、手、腦并用，效果就自然來了。話不多說，找個空閑時間練起來。

原文鏈接：ifeiwu

這里涉及到的第一個知識點就是畫圓點虛線，在 Ai里畫圓點虛線的方法有好幾個，這里給大家分享一個最簡單的。

第一步：用鋼筆工具隨意畫一條線，在描邊面板中把描邊的粗細數值設為5；

第二步：把描邊的端點改成圓角；

第三步：勾選虛線選項，然后把虛線數值改為0，間隙數值設為6，圓點虛線就做好了。

效果如下：

原理：線是由無數個點沿著一條路徑排列而成的，當把畫筆的端點設置成圓角時，就代表這條直線是由圓點組成的，只是因為每個圓點挨的非常近，所以看起來就像一條線。而勾選虛線選項就是為了使這些圓點分開，虛線的數值表示虛線的長度，我們只需要維持圓點本身的狀態，所以這里的數值要設置成0。畫筆的粗細值就是圓點的直徑，而間隙就是指相連兩個圓點的圓心之間的距離，當間隙的距離等于圓點的直徑時，這兩個圓點正好想切。所以間隙距離必須大于圓點的直徑才能成為真正的虛線。

第二個知識點就是混合工具，這個大家應該都有所了解，我就簡單的說一下。

第一步：在畫板里畫一個圓圈，然后在它的外圍畫兩個扭扭曲曲的線框，如下圖，（其實只要兩個對象就能就能做混合效果，不過對象越多變化會越豐富，當然也更難控制）：

第二步：同時選中這三個圖形，然后在菜單欄的對象中選擇混合-建立，就得到了如下效果。

提示：我們還可以雙擊工具欄中的混合工具，在間距選項中點選“指定步數”選項來修改步數。

搞清楚了圓點虛線和混合工具后，前面所說的那張海報就水到渠成了，我們只需在把已經畫好的輪廓圖形的描邊參數改成如下就好了。首先我們來設置最里面的圓圈的參數，虛線數值為0，間隙為5。

然后再來設置外圍兩個線框的參數，中間線框的間隙參數設為7，最外線框的間隙參數設為9，這么做是為了虛線的間隙從里往外變得越來越大。

調整好參數后就得到了如下效果，如果對輪廓的形狀不滿意，還可以用直接選擇工具，拖動外輪廓上的錨點和手柄來調節形狀。

調整后大致效果如下，中間部分變化比較小，外圍部分變化比較豐富。

調整好后把圖形復制到Ps中填充顏色，具體顏色大家可以自由發揮。

最后再把圖形周圍用蒙板擦一下，使其融進背景里，搭配一點文字就完成了，最終效果和原圖會有所差別，但方法就是這樣。

第二個我要分享的技巧是如何做出用圖形組成的球體效果，如下圖。

很多人可能會以為這個需要3Ｄ軟件才能完成，其實通過Ai就能很快做出來，操作方法如下。

第一步：排列一組圓點。

第二步：從窗口菜單欄中打開符號面板，選中排好的圓點，然后在符號面板的底部點擊新建符號圖標，于是我們就把這組圓點設置成了符號，創建這個符號是為了后面貼圖用。

第三步：用圖形工具畫一個圓，填充一個顏色，然后刪除最左邊的錨點，這樣我們就得到了一個沒有封閉的半圓。

第四步：選中圖形，在效果菜單欄中找到3Ｄ效果，選擇繞轉，然后我們就打開了3Ｄ繞轉選項的面板。

第五步：在3D面板中保留默認參數，然后勾選左下角的預覽，我們就可以看到剛剛創建的那個半圓已經變成了一個球體。

第六步：點擊預覽旁邊的貼圖選項進入貼圖面板，然后在面板頂部的符號欄中選擇剛剛創建好的圓點符號。

第七步：點擊面板左下角的“縮放以合適”按鈕，再點擊右下角的“確定”，這時我們可以看到圓點已經附在了球體表面。

第八步：回到“3Ｄ繞轉選項”面板后，把透視參數改到80左右，這時球體上圓點大小的對比就變得更強烈了。

然后我們可以把鼠標移到左上角的立方體處，拖動立方體以調整預覽圖的角度，完成這波操作后就有了如下效果。

通過創建不同的貼圖符號，我們可以做出很多類似的效果。

第九步：把球體圖形擴展后，取消群組、釋放剪切蒙板，我們就可以把附在球體表面的圓點貼圖單獨拿出來了。

同樣，其他的圖形也可以拿出來，這種形式我們也能在海報設計中常?？吹剑胍玫角懊嫣岬降男Ч?，我們還需要填充顏色，以及重新添加一個圓底。

第十步：畫一個與圖形同樣大小的圓，填充好漸變色（用漸變網格工具效果更佳）。圖形也可以填充一個類似的顏色，然后疊印在剛剛畫的圓上就可以了。

不同的貼圖和顏色搭配可以得到不同的效果。

總結

設計技巧雖然不是設計最本質的東西，但它是可以使設計變得更好看、更新穎、更具視覺沖擊力的有效手段，并且它可以大大提高工作效率，所以也很值得我們學習和研究，希望這篇文章對你有用。

作者：蔥爺
ID:congyenanian