您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

AI教程!手把手教你繪制扁平化的線性圖標

線性風格一向是許多頁面和插畫師的最愛,在這篇教程里,我們將教大家繪制一組造型明朗,線條干凈且風格簡潔的線性圖標(潔面乳、指甲油、眼影、口紅和香水),趕快來練手!

一、觀察和草圖

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

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

觀察物品的時候要學會化繁為簡,把最本質(zhì)的造型線條給體現(xiàn)出來。

二、繪制第一個圖標

STEP 01

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

STEP 02

你可以打開網(wǎng)格,在網(wǎng)格的輔助下進行繪制,或者也可以打開智能參考線??傊偃缒闶浅鯇W者,最好能有一個輔助的工具對繪制的對象有所控制。

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

許多人很好奇,AI既然是矢量軟件應該就不會有大小之別,由于它可以任意縮放的啊。的確,這是一個值得說明的題目,但比例上你照舊遵守肯定的秩序,否則你做出的圖標在比例上的失衡會影響團體的美觀。

STEP 05

第一個所繪制的對象是潔面乳。雖然我們說是用線條來體現(xiàn),但是現(xiàn)實繪制中我們并不會直接用到直線工具,而是在繪制中凸起體現(xiàn)線條。線條所起的是視覺上的強調(diào)作用。

了解這一點后,讓我們開始畫一個瓶身,瓶身用矩形來體現(xiàn)。假如你的AI不是舊版本,那應該就會知道直角的矩形可以直接可以拖動角內(nèi)的圓點變?yōu)橐粋€圓角矩形。假如是舊的版本那就必要運用圓角工具來處理。

矩形的描邊設置為4pt,描邊為黑色,添補為白色。這一步并不必要考慮色彩。

為了方便你隨時縮放圖形大小時,描邊大小都保持不變,請進入【編輯>首選項>常規(guī)】,去掉“縮放描邊和結果”這一欄的勾選。

STEP 06

接下再運用矩形畫上瓶身的上部,這些矩形都要居中對齊。在瓶身的上部,因為并不是一個幾何圖形,因此你必要運用不同的幾何圖形進行相互合并或增減。比如梯形是調(diào)整了矩形下方兩個錨點的位置后得到的,能得到最終的圖形的方法有許多,你可以嘗試出最適合本身的體例。

STEP 07

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

STEP 08

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

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

筆墨應該選用線性無襯線字體,線條粗細都能盡量靠近圖形自己的線條粗細。

三、其他幾個圖標的畫法

STEP 09

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

STEP 10

眼影盒的結構比較簡單,但必要細致的地方是矩形間的間隔盡量保持同等,如許從視覺上看起來結果更好。

矩形間的間隔也不應該太緊密,否則當圖標縮小時就會“連成一片”

STEP 11

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

STEP 13

最后我們畫出香水的圖標,基本上繪制這類圖標有種組合外形的樂趣,因此怎樣將外形通過增減拼湊進行組合也是值得往下鉆的題目,我的畫法可供大家參考如下

先畫好基礎外形,再增加裝飾細節(jié)

我們的基礎形狀繪制完成。

四、色彩

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

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

STEP 14

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

此外細致冷暖色彩的搭配。

STEP 15

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

STEP 16

指甲油的包裝部分,其中瓶身的設想是一個玻璃,因此保持白色添補。一個圖標最好不要超過三種顏色。

STEP 17

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

STEP 18

口紅填色相對很簡單,紅色的唇膏體部分我們直接選用色板里的顏色。

STEP 19

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

填色的部分完成后,我們可以說團體的繪制就結束了。

后記

矢量的繪制是很正確的,因此對錨點的處理最緊張在于精簡,懂得控制錨點來塑形,恐怕這其中還需多加實踐才能漸漸體會。頁面插畫可能和書籍、海報的插畫有所不同就在于,它必要更加簡潔的情勢來削減加載時間,因此,選用最為簡潔的線條來表達物體自己,這必要結合日常的觀察力和自身對生活的領會和領悟。

原文地址:

ifeiwu


[教程作者:互聯(lián)網(wǎng)]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/di3978.html
頂尖設計師保舉小米MIX2 的設計師菲利浦 · 斯塔克
2015年,有哪20家大公司換了新LOGO?附背后設計故事
圖趣網(wǎng)微信
建議反饋
×