使用AI設計一款鉛筆圖標

　　時至今日，圖標已經隨處可見，從游戲界面到網站頁面。圖標變得越來越流行，並充當了越來越重要的角色，特別是在用戶界面領域。然而，由於圖標設計的資源少之又少，所以在我們開始制作圖標的時候，一個好的開始是相當困難的。

　　由於這方面的比較深入的教程或者書籍很少，所以我們都喜歡分享一些(希望是有用的)制作一些簡單圖標的小竅門。我們的這個教程並不會告訴你制作圖標的方方面面，但是我們希望你看了以後會讓你有所收益，特別是如果你是剛開始學習圖標制作，或者想要學習到更多關於圖標設計的知識。

　　幾周之前，我們發布了這一套陽光系圖標(見上圖所示)，你可以從我們的網站上免費下載。這篇教程闡述了這套圖表中的鉛筆圖標的制作過程。這篇教程很深入，很細致，我們想你應該可以毫無障礙的一步一步跟著做下去。

　　雖然我們認為這篇教程中的示例很基礎，使用到的概念，理念，技術在一般的圖標設計中也很適用，我們使用的工具也很簡單，也很好操作，但是，你也必須對AI軟件相當的熟悉。

　　以下就是我們這篇教程的最終成果，你可以從這下載源文件。

　　我們怎麼開始呢?通常在開始之前，我們先會去網上收集一些鉛筆的圖片，觀察它們的細節和特征，然後把他們溶合成一種風格，創造一些全新的鉛筆圖標。我們一般從手繪開始。

　　1.鉛筆圖標的特征。

　　繪制一個圖標意味著描繪一個物體的最具代表性的特點，這樣它就可以說明這個圖標的功能，或者闡述這個圖標的概念。

　　你應該知道，一般說來，有以下三種鉛筆：

　　1. 多邊形柱體，表面塗有一層反光漆;

　　2. 多邊形柱體，筆身上還用一個白色的金屬圈固定著一個橡皮頭;

　　3. 圓柱形筆身，沒有橡皮擦。

　　我們選擇第二類作為圖標設計的原型，因為所有必要的元素他都具備，這樣對於觀者來說，具有很高的可識別性。在試著按照第二種類型手繪一些草圖以後，已經有和我們腦海中的風格設定相匹配的草圖了。

　　我們一般喜歡用10%，30%，50%灰度的Copic馬克筆和圓珠筆來繪制草圖。關於圖標設計，還有以下幾條是相當重要的：

　　當你在繪制一個大圖標時，你需要特別注意那些細節，特別要提醒的是你必須用兩點透視。但是在這篇教程中，因為這套圖標是在小尺寸(64×64像素和48×48像素下文中像素用px代替)下輸出的，所以應該盡量簡化，而且用一點透視即可。

　　這套圖標中的光線必須一致。

　　整套圖標透視必須一致，這樣所有的圖標看起來才像一個系列。

　　風格是比較陽剛的。

　　主色調是綠色。

　　由於這套圖標存儲為EPS8文件，所以只能使用漸變，而且所有的路徑必須是閉合的(沒有開放路徑)。同時要注意，沒有透明效果和柵格化圖像。

　　好了，現在要正式開始了。

　　2.草圖

　　在我們的圖標設計中草圖總是第一步

　　然後我們會把這些草圖掃描置入到AI中。

　　3.基本輪廓線

　　3.1筆身

　　1.新建一個64 x 64px文檔。將草圖拖拽到新文檔的畫板中。在透明調板中把圖像的不透明度設置為50.鎖定圖層，存儲文檔。新建一個圖層開始繪制輪廓線。

　　2.使用圓角矩形工具新建一個圓角矩形，然後點擊畫板，設置圓角半徑為10px，點擊確定。

　　使用選擇工具(快捷鍵V，下文中中直接使用雙括號與英文字母表示)，點擊圓角矩形的邊緣，然後把他拉伸與草圖對齊，如下圖所示。

　　* 選擇圓角矩形，把填色設為無。

　　* 由於橡皮擦看起來要比筆身小，所以需要變動一下。有很多方法重新繪制橡皮擦，比如說用鋼筆工具，但是，按照我的經驗，這樣的結果並不盡如人意。

　　選擇圓角矩形路徑。雙擊比例縮放工具，在對話框中選擇等比縮放。把比例縮放值設置為96%。按照下圖執行復制黏貼(我覺得應該事先復制以前的圓角矩形然後再執行比例縮放)

　　使用矩形工具在橡皮差的位置繪制一個新的矩形，在圓角矩形路徑上層。

　　選擇添加錨點工具(+)然後在矩形路徑的中點位置添加錨點(在第五步中繪制)，然後，選擇刪除錨點工具刪除那兩個頂點錨點。

　　選擇橢圓工具繪制下圖所示橢圓。

　　選擇較大的圓角矩形路徑和橢圓路徑。點擊路徑查找器中的分割圖標。圖層面板中出現了一個新的組。分割後的路徑屬於這個組別。

　　在圖層面板中選擇這個新組下的兩個路徑，敲擊Command/Ctrl + G對它們進行編組組中並鎖定這個組。這樣做是為了能更方便的刪掉沒用的路徑。

　　選擇分割路徑的那個組，在右鍵菜單中選擇取消編組。

　　刪掉沒用的路徑，得到下圖所示效果。

　　3.2金屬環

　　就像做橡皮擦那樣，這個路徑我們將會用到一個比較大的橢圓路徑，然後分割筆身路徑，把金屬環路徑從筆身上分離出來。

　　現在鉛筆的大致形狀已經出來了，我想從這一步開始我們要調整細節了，我們要做的就是細化這只鉛筆。

　　4.細節

　　使用圓角矩形工具和路徑查找器面板繪制有筆尖的鉛筆外輪廓線，我們這樣處理路徑是為了讓筆身呈現為稜柱，看起來有稜有角。

　　使用圓角矩形工具繪制一個圓角半徑為4pt的圓角矩形。(像步驟2b那樣)

　　使用“貼在前面”命令(Command/Ctrl + F)復制一個圓角矩形，把路徑副本移動到右側。

　　選擇這兩個圓角矩形路徑和筆身路徑，然後點擊路徑查找器中的分割命令。

　　選擇分割後的組，取消編組，刪掉沒用的路徑，得到下圖所示效果。

　　繼續使用圓角矩形工具繪制一個新的圓角矩形，然後在筆身的中間位置使用分割命令，這樣就得到了一個清晰地稜柱。

　　現在解鎖圖層2中的所有路徑，然後給他們命名，如下圖：

　　5.樹立風格

　　現在我們要讓這個圖標變得更加的迷人，步驟如下：

　　5.1添加漸變

　　選擇所有的路徑然後使用漸變工具，然後去色板中選擇一個從黑到灰到白的徑向漸變。

　　選擇每一個路徑，使用漸變工具(G)在其中拖動，直至達到下圖所示效果.

　　把所有的路徑的描邊都設為無，這樣做是為了預覽鉛筆的大致效果。

　　呃...筆身的光影效果還不錯，但是筆尖和金屬環似乎還需要調整一下。