UI設計：AI教程｜小鳥圖標繪製

來自專欄 UI設計

利用矩形和圓形工具繪製小鳥圖標//

偶然看到這個小鳥圖標， 就試著用AI繪製出來，寫了這篇教程。

觀察一下這個圖標，其實用到的圖形並不多，簡單地只有圓形與矩形。

成品圖：

步驟1. 新建文檔。

打開AI，新建一個800像素x800像素的文檔。設置如圖：

步驟2. 繪製小鳥的身體。

1）利用矩形工具（M）和圓形工具（L）繪製出如下圖形。畫圓形的時候要注意讓它的邊落在矩形的邊上，畫完第一個圓形之後crtl+c，ctrl+f複製一個圓在原位然後往下移動。

2）利用剪刀工具（C）在以下四處位置上剪一下。

3）將不需要的部分刪去，得到如下圖形。

4）選中以上路徑，找到路徑查找器，選擇「聯集」，去除多餘的圓形，完成身體輪廓的製作。

步驟3. 製作小鳥的翅膀。

複製小鳥的身體crtl+c，ctrl+f複製一個在原位，然後移動和旋轉到適當的位置。

步驟4. 製作小鳥的嘴巴。

用圓形工具（L）畫一個圓，再用矩形工具（M）畫兩個矩形，擋掉不要的部分。然後在路徑查找器中選擇「減去頂層」，得到嘴巴。

步驟5. 製作小鳥的下顎和尾巴。

1）製作下顎。選中嘴巴路徑，crtl+c，ctrl+f複製一個在原位後，利用「對象-變換-對稱-水平對稱」得到下顎，縮小到適合的大小。

2）製作尾巴。選中嘴巴路徑，crtl+c，ctrl+f複製一個在原位後，利用「對象-變換-旋轉-旋轉180度」得到尾巴，移動並縮小到適合的位置和大小。

步驟6. 製作小鳥的眼睛。

這時小鳥的輪廓已經大致出來了~再來繪製小鳥的眼睛。利用圓形工具（L）畫一個圓。選中該圓選擇「對象-路徑-偏移路徑」，位移填5px。可以得到一個外圓。

步驟7. 填充顏色。

可以選擇一些好的配色去填充，先以原版的顏色上一個色看看效果~

填充顏色：選擇某個路徑，在色板處選擇自己要的顏色就好了~

填充好顏色後把所有的描邊顏色都去掉。

還不錯，不過還少一些立體感。

步驟8. 畫一些陰影。

1）下顎處陰影。用鋼筆工具描一個三角形，並填一個比較深的黃色。不要描邊。

2）翅膀的陰影。選中翅膀crtl+c，ctrl+f 複製一個翅膀在原處，填充深一點的藍色，並讓其在現有翅膀的下方，「對象-排列-後移一層」。並往左下方旋轉一些~

複製小鳥的身體，crtl+c，ctrl+f 複製一個身體在原處。選擇做陰影的翅膀和剛複製的身體，在路徑查找器中選擇「交集」。便得到陰影。

基本步驟完畢！

到這裡鳥兒就差不多可以了，我覺得它有點肥，後面給它瘦了一下身體。也複製了一個身體放在底層，填上灰色，看起來像它的肚子。

可以自己給小鳥換其他配色試試。

還可以加一些文字，排一下版。