AI繪制圖標小技巧
后來在項目中不斷摸索,總結了幾個小技巧,讓我的繪制效率提升至少50%以上。今天和大家分享一下其中常用的四個小技巧,它們分別是:圖形與描邊、轉角工具、形狀生成工具和路徑偏移。文中使用的軟件是AI工具,作個劇透下期講 Ps、AI、XD、畫圖標分別有什么優(yōu)劣勢。
01. 技能:巧用圖形與描邊
舉個“吸鐵石”圖標的例子,我們先拆解圖標,可以看成是一個“拱門”圖形添加描邊的效果,再加上兩條小短線。
首先我們需要繪制“拱門”圖形,這個形狀是不是特別像一半的圓角矩形,可以先畫一個圓角矩形。然后通過AI直接選擇工具(快捷鍵A),
激活圓角矩形的描點,將下面多余的描點選中(黑色的圈),(刪除),然后調(diào)整剩余圓角矩形的高度。
通過 +X 快捷鍵(轉成描邊快捷鍵)將圖形變成描邊,改變描邊的粗細,這步?jīng)Q定了圖標的形狀。
這個時候我們就得到了“拱門”圖形,接下去只要對“拱門”進行描邊處理就可以了,但是我們發(fā)現(xiàn)“拱門”圖形已經(jīng)是描邊了,無法在描邊上繼續(xù)添加描邊,就要用到AI里面的“擴展”功能,目的是將描邊變成圖形。
再通過一次 +X 快捷鍵(轉成描邊快捷鍵)將圖形變成描邊,最后調(diào)整描邊粗細,底部的圓角,再加上兩條小短線,就可以得到這個“吸鐵石”圖形。
也許會有人問了,為什么不使用兩個半圓相減呢?
其實在這里也是可以的,因為“吸鐵石”是相對比較規(guī)整的圖標,但是當我們遇到以下這種圖標時,兩個圖形相減并不是那么方便了。
使用圖形和描邊轉化的方式就非常簡單,只要將之前一半的圓角矩形,多刪除一個描點,
然后通過 +X 快捷鍵,變成描邊,然后重復“吸鐵石”的步驟即可。
使用場景:適合描邊的圖標,用基本形狀拼出想要的圖標,然后通過 +X 幾次轉化后得到最終的結果。
02. 技能:使用轉角工具
舉個“圖片”圖標的例子,它是由三個部分組成,圓角矩形,小圓和一條波浪線組成。
圓角矩形和圓都是我們比較容易得到的圖形,但是怎么樣才能得到這條不規(guī)則的波浪線呢?之前我都是用鋼筆去畫圓角,這樣并不規(guī)范,然且銜接處不自然。
我們可以先用鋼筆工具畫一條帶折角的線,然后通過Ai直接選擇工具(快捷鍵A)選中三個圓角,
使用Ai自帶的圓角轉換調(diào)整工具,將直角調(diào)整到圓角8px的弧度。
使用場景:適合帶有圓角的圖標,先畫出直角,然后通過直接選擇工具選中描點,激活邊角(圓角)功能,調(diào)整到合適的數(shù)值,這樣處理的圖形過渡圓滑自然。
03. 技能:使用形狀生成工具
在畫圖標的時候,我們只知道用兩個形狀去做加、減、交叉集合,這里要給大家介紹形狀生成工具,它的優(yōu)點
(1)可以使用線去和形狀做交集;
(2)方便形狀增大,減少和分割。
還是以上面的“圖片”圖標為例子,這時我們需要面形圖標,將圓角矩形和波浪線做組合,
將波浪線和圓角矩形(線與圖形)做組合,選擇形狀生成工具。
圖標的各個邊都被選中了,并且鼠標靠近的時候,會顯示“+”號,按住alt鍵會顯示“-”號,這里我們只要下面實心部分,所以按住alt鍵,將上面部分減去。
減去后可以得到想要的形狀,將顏色填充為橘色。
然后和圓角矩形,小圓組成新的“圖片”圖標。
再給大家舉個圖形增加和分割的例子
圖中是一個三元環(huán),通過形狀生成工具,我將中間三個“花瓣”交叉的地方合并了,增加了一個新的圖形,如果是使用路徑查找器里面的“聯(lián)集”(加法),得到的是全部合并,而不是單獨部分的,如下圖:
而且通過形狀生成工具生成的圖形可以拆分,重新組合,
使用場景:適合相交,有集合的圖標,可以通過圖形與圖形,線與圖形,線與線等各種形式得到想要的形狀,靈活度高,操作性高。
04. 技能:認識偏移路徑
以我們最經(jīng)常使用的微信圖標為例,由兩個形狀一致的對話框,通過對稱縮放疊加得到。
但是仔細看,兩個對話框之間有幾個像素的間距,在畫圖標的時候我們是不是經(jīng)常用圖標縮放相減的方式得到描邊,但是縮小后我們發(fā)現(xiàn),描邊的間距并不是一樣的,尖角那里明顯小一些。
雖然也能得到微信里的這那條白色間距,但是這種方式也是不夠規(guī)范的,這時候就可以使用AI里面的偏移路徑功能。
我們可以通過位移數(shù)值來調(diào)整白色間距的粗細。這樣得到的圖標我們可以看到一圈的間距都是相等的。
使用場景:適合一些帶尖角類型的圖標,不能通過放大縮小得到。通過設置偏移數(shù)值,作出相對正確的圖形。
05. 總結
很多時候,多練習固然很重要,但是好方法比盲目的練習更加重要。就拿圖標繪制來說,以前我只知道用圖形相切和鋼筆勾線這兩種方法。規(guī)則的圖形使用路徑查找器繪制,不規(guī)則的圖形只能使用鋼筆勾勒,經(jīng)常需要花費大量的時間去修正。
通過這次的學習,讓我提升了效率,減少至少50%以上的時間。現(xiàn)在再畫上面的這四類圖標都不會超過5分鐘了,希望你們也能從中獲得一些感悟。歡迎交流學習以及指正。