AI教程！手把手教你繪制扁平化的線(xiàn)性圖標(biāo)

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

一、觀察和草圖

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

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

觀察物品的時(shí)候要學(xué)會(huì)化繁為簡(jiǎn)，把最本質(zhì)的造型線(xiàn)條給體現(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)智能參考線(xiàn)。總之假如你是初學(xué)者，最好能有一個(gè)輔助的工具對(duì)繪制的對(duì)象有所控制。

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

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

STEP 05

第一個(gè)所繪制的對(duì)象是潔面乳。雖然我們說(shuō)是用線(xiàn)條來(lái)體現(xiàn)，但是現(xiàn)實(shí)繪制中我們并不會(huì)直接用到直線(xiàn)工具，而是在繪制中凸起體現(xiàn)線(xiàn)條。線(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，描邊為黑色，添補(bǔ)為白色。這一步并不必要考慮色彩。

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

STEP 06

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

STEP 07

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

STEP 08

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

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

筆墨應(yīng)該選用線(xiàn)性無(wú)襯線(xiàn)字體，線(xiàn)條粗細(xì)都能盡量靠近圖形自己的線(xiàn)條粗細(xì)。

三、其他幾個(gè)圖標(biāo)的畫(huà)法

STEP 09

按照我們上一步對(duì)瓶身的外形組合，指甲油的瓶身是很容易做到的事。關(guān)鍵是對(duì)包裝的裝飾細(xì)節(jié)上的考慮，作為一個(gè)圖標(biāo)，你沒(méi)有辦法去窮盡所有的細(xì)節(jié)，因此必要抽取更多裝飾的特性。最好的方法，是把本身當(dāng)作一個(gè)包裝設(shè)計(jì)師，并搭配著一整套圖標(biāo)的風(fēng)格特性進(jìn)行思考。

STEP 10

眼影盒的結(jié)構(gòu)比較簡(jiǎn)單，但必要細(xì)致的地方是矩形間的間隔盡量保持同等，如許從視覺(jué)上看起來(lái)結(jié)果更好。

矩形間的間隔也不應(yīng)該太緊密，否則當(dāng)圖標(biāo)縮小時(shí)就會(huì)“連成一片”

STEP 11

口紅的畫(huà)法更簡(jiǎn)單，構(gòu)建基本的造型即可。但必要細(xì)致一點(diǎn)就是口紅的涂抹的部分帶著圓角，且有傾斜，當(dāng)我們要處理傾斜的外形時(shí)，直角是比圓角更容易處理的。因此，即使要轉(zhuǎn)為圓角，也先安排好傾斜的外形再轉(zhuǎn)為圓角。

STEP 13

最后我們畫(huà)出香水的圖標(biāo)，基本上繪制這類(lèi)圖標(biāo)有種組合外形的樂(lè)趣，因此怎樣將外形通過(guò)增減拼湊進(jìn)行組合也是值得往下鉆的題目，我的畫(huà)法可供大家參考如下

先畫(huà)好基礎(chǔ)外形，再增加裝飾細(xì)節(jié)

我們的基礎(chǔ)形狀繪制完成。

四、色彩

在我們對(duì)這組圖標(biāo)上色前，我們必要有一個(gè)總體規(guī)劃，這里的意思就是說(shuō)有個(gè)方向，比如我們可以給大致的色彩基調(diào)定一個(gè)方向，即以白色為主，搭配一些清新的色調(diào)。

我們做的線(xiàn)性圖標(biāo)中的線(xiàn)條是保持為黑色，因此填色的部分只是內(nèi)部添補(bǔ)，外形里的描邊并不必要改變。

STEP 14

你可以先做一組色板，如許可以讓整個(gè)圖標(biāo)保持色彩風(fēng)格上的同一。但請(qǐng)細(xì)致，這個(gè)色板只是參考，由于涉及到詳細(xì)的物品里的某一種特定的色彩選擇保持原來(lái)色調(diào)為好，比如，口紅的顏色必然是紅色較好，如許能表現(xiàn)出圖標(biāo)的“共性”概括的特性。即使你的色板中沒(méi)有紅色，也無(wú)需肯定要偏執(zhí)某一個(gè)特定的色彩。

此外細(xì)致冷暖色彩的搭配。

STEP 15

潔面乳的部分，由于瓶身大量使用冷色，因此行使紅色來(lái)平衡視覺(jué)。瓶身所使用的兩類(lèi)色彩差別并不大，表現(xiàn)清爽之感。

STEP 16

指甲油的包裝部分，其中瓶身的設(shè)想是一個(gè)玻璃，因此保持白色添補(bǔ)。一個(gè)圖標(biāo)最好不要超過(guò)三種顏色。

STEP 17

眼影的畫(huà)法，由于眼影自己就有很多不同的色彩，但其實(shí)只要圍繞一個(gè)色彩做一些分外臨近的轉(zhuǎn)變即可。

STEP 18

口紅填色相對(duì)很簡(jiǎn)單，紅色的唇膏體部分我們直接選用色板里的顏色。

STEP 19

香水的瓶身和指甲油一樣為玻璃特質(zhì)，因此保留白色，甚至讓它有透明感，即留一條線(xiàn)條壓過(guò)自己的香水液體的部分。

填色的部分完成后，我們可以說(shuō)團(tuán)體的繪制就結(jié)束了。

后記

矢量的繪制是很正確的，因此對(duì)錨點(diǎn)的處理最緊張?jiān)谟诰?jiǎn)，懂得控制錨點(diǎn)來(lái)塑形，恐怕這其中還需多加實(shí)踐才能漸漸體會(huì)。頁(yè)面插畫(huà)可能和書(shū)籍、海報(bào)的插畫(huà)有所不同就在于，它必要更加簡(jiǎn)潔的情勢(shì)來(lái)削減加載時(shí)間，因此，選用最為簡(jiǎn)潔的線(xiàn)條來(lái)表達(dá)物體自己，這必要結(jié)合日常的觀察力和自身對(duì)生活的領(lǐng)會(huì)和領(lǐng)悟。

原文地址：

ifeiwu