教程背景

經典 Twitter 小鳥圖標繪製教程，基於 800×600px、72dpi、RGB、白背景畫布，純矢量形狀+圖層樣式構建，完全可縮放無失真，適合圖標設計入門與矢量工作流練習。

最終效果

31 步矢量構建邏輯

基礎幾何體構建（步驟 1-4）

1. 橢圓工具 Shift 繪正圓 #0099FF 作為身體基礎層；
2. Alt+Shift 複製形狀構建頭部身體疊加關係，同一圖層；
3. Ctrl+T 自由變換調整比例；
4. 直接選擇工具調整錨點，連接頭身邊緣曲線平滑過渡。

五官與特徵構建（步驟 5-13）

新層繪眼睛：垂直橢圓複製→尾羽：兩種不同大小形狀→尾巴羽毛組：圓角矩形（30px 圓角）→直接選擇工具選上三錨點→Ctrl+T→鏈接比例+水平縮放（W 鍵）縮小 60%→重複 4 次形成羽毛組→整組 Ctrl+T 調整高度→橢圓形嘴巴→編輯上下錨點修形→圓角矩形 30px 繪腳趾。

樹枝與手部系統（步驟 14-19）

鋼筆工具繪樹枝路徑（點擊拖拽控制曲線）→複製路徑→修改菜單放大 20%→調整錨點整理→鋼筆繪手部手指：圓形起形→修改錨點方向點→Alt 鍵獨立控制雙手柄創建尖角→單手 3 指→Alt+Shift 複製鏡像另一手→鋼筆繪手臂連接。

淚滴與圖層樣式質感系統（步驟 20-31）

淚滴：橢圓→拖動錨點→轉換點工具轉淚滴形。
圖層樣式構建質感（核心）：
身體：內陰影（取消全局光、-90° 產生陰面陰影）→頭髮層可見後雙擊取色邊緣精確融合→眼睛：徑向漸變（取消對齊層、縮小 50%）→漸變編輯器添加白色停靠點提銳利度→內陰影（大小 10）→內發光（邊緣）→斜角與浮雕（同色 #0099FF）→斜面浮雕產生 3D 邊緣→外發光賦塑料光澤→柔和陰影配合頸部曲線產生褶皺陰影。
虹膜：黑色內發光+正片疊底+發光中心源頭→雙尖銳黑圈。
樣式參數精確到像素級，展示專業圖標設計標準。

矢量圖標設計方法論

本教程展示純矢量形狀+圖層樣式的工業級圖標制作標準：
1. 形狀層級化：每個邏輯部件獨立形狀層；
2. 樣式參數化：所有質感通過數值可控樣式實現；
3. 路徑可編輯性：隨時可調整錨點曲線無損質量；
4. 無限縮放：適配任意尺寸輸出需求。
此為現代 UI/品牌圖標設計必備核心技能樹。