今天給大家介紹幾個 Illustrator 殺手級功能，分享一下如何讓圖檔盡量小，可反復(fù)修改且不會破壞對象的作圖小技巧，再配合一通行云流水的快捷鍵操作，你就是高手中的高手啦。

往期回顧：

• 《從零開始學(xué)！B 端產(chǎn)品圖標(biāo)繪制指南（創(chuàng)意篇）》
• 《從零開始學(xué)！B 端產(chǎn)品圖標(biāo)繪制指南（細(xì)節(jié)篇）》

知識點

今天重點介紹外觀屬性和幾個相關(guān)的知識點。為什么外觀屬性很重要？有以下三點原因：

• 利用外觀屬性能夠「無損」作圖，即不破壞對象本身；
• 可快速選擇具有相同外觀屬性的對象；
• 可批量修改、增加、刪除具有相同外觀屬性對象的屬性參數(shù)。

1. 外觀屬性和外觀面板

首先了解下什么是外觀屬性，以及如何在外觀面板中查看外觀屬性：

外觀屬性是一組在不改變對象基礎(chǔ)結(jié)構(gòu)的前提下影響對象外觀的屬性。外觀屬性包括填色、描邊、透明度和效果。如果把一個外觀屬性應(yīng)用于某對象而后又編輯或刪除這個屬性，該基本對象以及任何應(yīng)用于該對象的其他屬性都不會改變。──Adobe Illustrator 用戶指南

△ 圖1.1-1 使用外觀面板查看外觀屬性內(nèi)容。

您可以在圖層層次結(jié)構(gòu)的任意層級設(shè)置外觀屬性。例如，如果您對一個圖層應(yīng)用投影效果，則該圖層中的所有對象都將應(yīng)用此投影效果。但是，如果您將其中的一個對象移出該圖層，則此對象將不再具有投影效果，因為投影效果屬于圖層，而不屬于圖層內(nèi)的每個對象。──Adobe Illustrator 用戶指南

△ 圖1.1-2 點擊圖層右側(cè)圓點可查看圖層外觀面板，「圓角」效果應(yīng)用于圖層一。

△ 圖1.1-3 路徑3（黃色）從圖層1挪至圖層2之后，不再具有「圓角」效果。

您可以使用「外觀」面板（「窗口」>「外觀」）來查看和調(diào)整對象、組或圖層的外觀屬性。填充和描邊將按堆棧順序列出；面板中從上到下的順序?qū)?yīng)于圖稿中從前到后的順序。各種效果按其在圖稿中的應(yīng)用順序從上到下排列。──Adobe Illustrator 用戶指南

△ 圖1.1-4 面板順序和效果呈現(xiàn)。

△ 圖1.1-5 一個對象可添加多重描邊、多重填色、多重效果。

2. 偏移路徑 VS 位移路徑

偏移路徑：選擇對象執(zhí)行「對象」>「路徑」>「偏移路徑」，根據(jù)位移值的正負(fù)，會外擴或內(nèi)縮出一條新的路徑，本質(zhì)上是復(fù)制。

位移路徑：選擇對象執(zhí)行「效果」>「路徑」>「位移路徑」，根據(jù)位移值的正負(fù)，原路徑外擴或內(nèi)縮，只是外觀產(chǎn)生變化，沒有產(chǎn)生新的路徑，之后還可以在外觀面板里修改屬性參數(shù)。

3. 擴展 VS 擴展外觀

兩者的區(qū)別在于是否應(yīng)用了外觀屬性。

擴展對象可用來將單一對象分割為若干個對象，這些對象共同組成其外觀。例如，如果擴展一個簡單對象，例如一個具有實色填色和描邊的圓，那么，填色和描邊就會變?yōu)殡x散的對象。如果擴展更加復(fù)雜的圖稿，例如具有圖案填充的對象，則圖案會被分割為各種截然不同的路徑，而所有這些路徑組合在一起，就是創(chuàng)建這一填充圖案的路徑。

如果對象應(yīng)用了外觀屬性，則「對象」>「擴展」命令將變暗。在這種情況下，請選擇「對象」>「擴展外觀」，然后再選擇「對象」>「擴展」。

──Adobe Illustrator 用戶指南

無損畫圖技巧

1. 矢量效果（即Illustrator效果）

矢量效果可以往宏觀說可以用在對象、編組、圖層上，往微觀說可以用在矢量圖形的描邊或填色上，例如圖1.1-2中「圓角」效果用在圖層上、圖1.1-4中「圓角」效果用在描邊或填色上。通過「外觀」面板編輯、移動、復(fù)制、刪除該效果，還可將效果存儲為圖形樣式的一部分（更多內(nèi)容請查看章節(jié)4.2 圖形樣式）。

△ 圖2.1-1 矢量效果菜單。

位移路徑（「效果」>「路徑」>「位移路徑」）

不規(guī)則的矢量圖形等比縮放后，路徑間距寬窄不均。使用位移路徑，可以確保邊距寬窄一致。如果對路徑形狀進(jìn)行調(diào)整，位移路徑的形狀也會自動隨之變化，無需手動調(diào)整。

△ 圖2.1-2 使用位移路徑制作填色內(nèi)縮效果。

△ 圖2.1-3 根據(jù)設(shè)計規(guī)范，圖標(biāo)的前景和背景間距須保持一致，如圖紅點標(biāo)記位置。

△ 圖2.1-4 統(tǒng)一將前景的填色使用位移路徑效果。然后對前景「對象」>「擴展外觀」，將白色填色獨立出來，作為背景對象裁剪路徑的基準(zhǔn)（裁剪時，剪刀工具會自動捕捉到路徑）。

變換效果（「效果」>「扭曲和變換」>「變換」）

變換效果可以說是寶藏效果，大家嘗試隨便畫一個點，一條線，通過調(diào)試面板參數(shù)來感受下魔術(shù)般神奇的效果。

△ 圖2.1-5 使用變換的旋轉(zhuǎn)設(shè)置來繪制雪花圖標(biāo)。

波紋效果（「效果」>「扭曲和變換」>「波紋效果」）

使用波紋效果制作波浪線，基本對象依舊是直線，擴展外觀之前都可以反復(fù)調(diào)整波浪起伏大小和波浪數(shù)。

△ 圖2.1-6 制作紙張波浪線裁切效果。

2. 混合工具

混合工具的優(yōu)勢是，對象混合后，混合選項可繼續(xù)編輯，被混合的對象也可單獨調(diào)整。

將混合后的對象「對象」>「擴展」，中間過渡的矢量圖形就被路徑化了，可被選中并編輯。

△ 圖2.2-1 使用混合工具制作同心圓。

△ 圖2.2-2 使用混合工具制作漸變波浪線，上面的線條包含「波紋」效果。

3. 剪切蒙版

「對象」>「剪切蒙版」>「建立」，快捷鍵ctrl+7/cmd+7。下面的案例利用剪切蒙版繪制WiFi圖標(biāo)：

• 使用混合工具繪制同心圓，繪制蒙版。
• 創(chuàng)建剪切蒙版。
• 旋轉(zhuǎn)，完成。

△ 圖2.3-1 利用剪切蒙版繪制WiFi圖標(biāo)。

注：此時WiFi圖標(biāo)的各部分沒有被路徑化。若想將其徹底路徑化，需要先擴展同心圓，再使用路徑查找器，利用剪切蒙版對擴展后的同心圓進(jìn)行分隔。

快速選擇目標(biāo)

1. 按特征選擇對象

若要選擇具有相同屬性的所有對象，請選擇一個具有您所需屬性的對象，然后選擇「選擇」>「相同」，之后再從列表（混合模式、填色和描邊、填充顏色、不透明度、描邊顏色、描邊粗細(xì)、樣式、符號實例和鏈接塊系列）中選擇一種屬性。──Adobe Illustrator 用戶指南

△ 圖3.1-1 可選特征類型。

△ 圖3.1-2 選中一個黃色對象，「選擇」>「相同」>「填充顏色」，即可選中所有黃色對象。

△ 圖3.1-3 選中具有相同外觀屬性的對象（即位移路徑2px）。

注意：如果將工具欄的「比例縮放工具」面板中「比例縮放描邊和效果」勾選，單個對象在縮放過程中描邊粗細(xì)和效果參數(shù)（如圓角半徑、路徑位移距離、模糊大小等）也等比縮放，那么按照特征批量選擇時，「選擇相同描邊」或「選擇相同外觀」就無法將其選中。

△ 圖3.1-4 描邊粗細(xì)和效果參數(shù)等比縮放。

△ 圖3.1-5 建議取消勾選「比例縮放描邊和效果」，避免微調(diào)過程中對象特征不統(tǒng)一，無法批量選擇。

2. 編組和隔離對象

隔離模式自動鎖定其他所有對象，因此您所做的編輯只會影響處于隔離模式的對象 — 您不需要關(guān)心對象在哪個圖層上，也不需要手動鎖定或隱藏不應(yīng)受所做編輯影響的對象。
當(dāng)隔離模式處于現(xiàn)用狀態(tài)時，隔離的對象以全色顯示，而圖稿的其余部分則會變暗。geli（有時稱為「面包屑」）顯示在隔離模式邊框中，而「圖層」面板則僅僅顯示隔離子圖層或組中的圖稿。當(dāng)退出隔離模式時，其他圖層和組將重新顯示在「圖層」面板中。──Adobe Illustrator 用戶指南

將需要批量操作的對象編組，進(jìn)入隔離模式后（使用選擇工具雙擊路徑或組，按 Esc 鍵退出）編輯對象，隔離部分以外的內(nèi)容不會被選中。

△ 圖3.2-1 隔離對象后，選擇相同描邊粗細(xì)或描邊顏色，隔離部分以外的內(nèi)容不會被選中。

3. 巧用圖層

創(chuàng)作者要在作圖一開始就對圖層內(nèi)容有所規(guī)劃，避免將所有內(nèi)容都放在一個圖層內(nèi)，否則到后面選擇目標(biāo)時會一團(tuán)亂麻。

△ 圖3.3-1把圖標(biāo)的描邊和填色分置兩個圖層，便于單獨調(diào)整。

批量修改外觀

1. 復(fù)制外觀

在對象間復(fù)制外觀屬性有兩種方法：

拖動：將對象A的「外觀」面板縮略圖拖動到對象B，即可將對象A外觀復(fù)制到對象B。

△ 圖4.1-1 拖動外觀面板縮略圖，復(fù)制外觀。

使用吸管工具：選中對象B，用「吸管」工具點擊對象A，即可將對象A外觀復(fù)制到對象B。

△ 圖4.1-2 使用「吸管」工具復(fù)制外觀記得要勾選「外觀」選項。

2. 圖形樣式

可以將某對象的外觀屬性創(chuàng)建為圖形樣式，再把圖形樣式應(yīng)用其他對象上，即可復(fù)制成功。

△ 圖4.2-1 創(chuàng)建圖形樣式，把對象拖進(jìn)圖形樣式面板就可以了。

△ 圖4.2-2 應(yīng)用圖形樣式，可以選中對象后點擊圖形樣式，或者直接將圖形樣式拖到對象上。

3. 符號實例

Illustrator中的「符號」和Sketch中的「組件」如出一轍，可以顯著降低圖檔大小，提高修改效率。假如有天領(lǐng)導(dǎo)想讓你把設(shè)計圖里幾百個按鈕的顏色換一換，圓角調(diào)一調(diào)啥的，如果你把所有按鈕都應(yīng)用了「符號實例」，那這個功能就派上大用場了。

符號是在文檔中可重復(fù)使用的圖稿對象。例如，如果您根據(jù)鮮花創(chuàng)建符號，可將該符號的實例多次添加到您的圖稿，而無須實際多次添加復(fù)雜圖稿。每個符號實例都鏈接到「符號」面板中的符號或符號庫。使用符號可節(jié)省您的時間并顯著減小文件大小。

也可以在 Illustrator 中指定 9 格切片縮放，以便符號在用于用戶界面組件時能夠適當(dāng)?shù)乜s放。

──Adobe Illustrator 用戶指南

「符號實例」和「圖形樣式」有點類似，差異點在于，對符號的外觀屬性進(jìn)行修改，那么所有關(guān)聯(lián)的符號實例的外觀屬性一起改變，關(guān)聯(lián)不斷開；而對應(yīng)用了圖形樣式的對象的外觀屬性進(jìn)行修改，不影響此圖形樣式，對象和圖形樣式的關(guān)聯(lián)斷開。

Last But Not Least

1. 少用鋼筆，多使用路徑查找器

使用路徑查找器考驗的是設(shè)計師對圖形特征進(jìn)行提取和運算的能力，深思熟慮后往往能找到的最快作圖方案，如果一開始就盲目使用鋼筆，有可能應(yīng)了那句話：

我趕時間，所以我走了遠(yuǎn)路。──《認(rèn)知與設(shè)計》

2. 檢查圖檔內(nèi)有沒有以下內(nèi)容

游離點。

「選擇」>「對象」>「游離點」，選中后刪除。

多余錨點。

就是那種看起來是一個錨點，放大發(fā)現(xiàn)是兩個錨點離得很近，或者是重疊起來的兩個錨點，需要將多余錨點刪除。這種多余錨點的產(chǎn)生經(jīng)常是在幾個對象未對齊的情況下使用路徑查找器導(dǎo)致的。所以不要憑感覺對齊，而是使用對齊工具或者開啟智能參考線（便于捕捉路徑）。

描邊和填色都為空的路徑。

在預(yù)覽模式下這種路徑是看不見的，我的辦法是，畫一個描邊和填色都為空的路徑，「選擇」>「相同」>「外觀」，選中所有這樣的路徑后刪除。這種路徑產(chǎn)生的原因往往是忘記清除已經(jīng)釋放的剪切蒙版。

△ 圖5.2-1 利用「選擇相同外觀」選中不可見的路徑。

未閉合的路徑。

導(dǎo)出SVG格式圖標(biāo)需要路徑完全封閉，否則可導(dǎo)致填色溢出。

注：以上操作需要解鎖和顯示所有對象。

3. 文字轉(zhuǎn)曲、擴展、擴展外觀之前先備份

如果不備份，后面可能會哭吧。

歡迎關(guān)注作者的微信公眾號：「能呆書房一整天」