線性風(fēng)格一直是很多網(wǎng)頁(yè)和插畫(huà)師的最?lèi)?ài)，在這篇教程里，我們將教大家繪制一組造型明朗，線條干凈且風(fēng)格簡(jiǎn)潔的線性圖標(biāo)，比如潔面乳、指甲油、眼影、口紅和香水等，趕緊來(lái)練手吧。

一、觀察和草圖

當(dāng)我們要將一個(gè)物體繪制成為線條的時(shí)候，我們第一件事是需要觀察物體本身。比如，在本例中運(yùn)用幾個(gè)平時(shí)日�；瘖y品作為創(chuàng)作對(duì)象，我會(huì)打開(kāi)天貓，分別在搜索框中輸入這些物品。先列出一個(gè)所繪制對(duì)象的小清單。

每個(gè)物品我們都要找到它的共同點(diǎn)，比如第一個(gè)洗面奶，其實(shí)有各種包裝樣式，但你需要從中提取出某一類(lèi)的共性，而不能以偏概全。這是觀察進(jìn)入分析的第一步，接下你需要概括這個(gè)樣式，去掉各種復(fù)雜細(xì)節(jié)，再保留那些能明顯突出物品特征的線條細(xì)節(jié)。

觀察物品的時(shí)候要學(xué)會(huì)化繁為簡(jiǎn)，把最本質(zhì)的造型線條給表現(xiàn)出來(lái)。

二、繪制第一個(gè)圖標(biāo)

STEP 01

打開(kāi)AI，新建文檔，文檔的參數(shù)可以參考下圖所示

STEP 02

你可以打開(kāi)網(wǎng)格，在網(wǎng)格的輔助下進(jìn)行繪制，或者也可以打開(kāi)智能參考線�？傊�如果你是初學(xué)者，最好能有一個(gè)輔助的工具對(duì)繪制的對(duì)象有所控制。

我的做法是做好每個(gè)圖標(biāo)的大小控制，因?yàn)槟愕膱D標(biāo)不可能制作到剛好占據(jù)整個(gè)版面，所繪制的對(duì)象到邊緣需要一個(gè)視覺(jué)緩沖。但這純屬一種心理偏好。實(shí)際操作中，也有越過(guò)參考范圍的情況也有。

很多人很好奇，AI既然是矢量軟件應(yīng)該就不會(huì)有大小之別，因?yàn)樗�可以任意縮放的啊。的確，這是一個(gè)值得說(shuō)明的問(wèn)題，但比例上你還是遵守一定的秩序，否則你做出的圖標(biāo)在比例上的失衡會(huì)影響整體的美觀。

STEP 05

第一個(gè)所繪制的對(duì)象是潔面乳。雖然我們說(shuō)是用線條來(lái)表現(xiàn)，但是實(shí)際繪制中我們并不會(huì)直接用到直線工具，而是在繪制中突出表現(xiàn)線條。線條所起的是視覺(jué)上的強(qiáng)調(diào)作用。

了解這一點(diǎn)后，讓我們開(kāi)始畫(huà)一個(gè)瓶身，瓶身用矩形來(lái)表現(xiàn)。如果你的AI不是舊版本，那應(yīng)該就會(huì)知道直角的矩形可以直接可以拖動(dòng)角內(nèi)的圓點(diǎn)變?yōu)橐粋�(gè)圓角矩形。如果是舊的版本那就需要運(yùn)用圓角工具來(lái)處理。

矩形的描邊設(shè)置為4pt，描邊為黑色，填充為白色。這一步并不需要考慮色彩。

為了方便你隨時(shí)縮放圖形大小時(shí)，描邊大小都保持不變，請(qǐng)進(jìn)入【編輯>首選項(xiàng)>常規(guī)】，去掉“縮放描邊和效果”這一欄的勾選。

STEP 06

接下再運(yùn)用矩形畫(huà)上瓶身的上部，這些矩形都要居中對(duì)齊。在瓶身的上部，由于并不是一個(gè)幾何圖形，因此你需要運(yùn)用不同的幾何圖形進(jìn)行相互合并或增減。比如梯形是調(diào)整了矩形下方兩個(gè)錨點(diǎn)的位置后得到的，能得到最終的圖形的方法有很多，你可以嘗試出最適合自己的方式。

STEP 07

再增加一些裝飾性細(xì)節(jié)，裝飾性線條與原有線條保持同樣粗細(xì)。這里是一個(gè)比較隨意的創(chuàng)作步驟，你完全可以自由發(fā)揮。

STEP 08

產(chǎn)品的初次印象是美在包裝，對(duì)包裝的裝飾需要增加一些豐富的細(xì)節(jié)，比如增加圖案和文字。你可以先畫(huà)一個(gè)圓，給這個(gè)圓增加一個(gè)瓶身的形狀作為矢量剪切蒙版。剪切蒙版的含義即用上面的“形”去顯示下面的“內(nèi)容”，根據(jù)這個(gè)原理，你只需要復(fù)制瓶身并粘貼于最上層，再選中這個(gè)復(fù)制層與你所畫(huà)的圓，進(jìn)入【對(duì)象>剪切蒙版>建立】即可。

再增加花朵的裝飾，先畫(huà)一片花瓣，再采用旋轉(zhuǎn)工具就很容易組成一朵花形。

文字應(yīng)該選用線性無(wú)襯線字體，線條粗細(xì)都能盡量靠近圖形本身的線條粗細(xì)。