本教程演示如何純用路徑、漸變、圖層樣式、調整圖層，零畫筆手繪，完成一支具有體積感、材質感、高光陰影完整的圓珠筆渲染圖。展示「矢量思維在像素軟體中的應用」：所有形狀可無限縮放、參數可隨時修改、顏色一鍵換色。適合產品設計表現、圖標設計、矢量風格插畫入門。

最終效果

圖層與路徑架構

Pen_Grp
  Barrel_Grp
    Barrel_Base (路徑「筆桿」+ 徑向漸變 + 內陰影)
    Barrel_Highlight_Mid (路徑「筆桿中光」+ 羽化 5px + 色階調整層 Output 110)
    Barrel_Highlight_Core (路徑「筆桿高光」+ 羽化 10px + 填白)
    Barrel_Decor (路徑「筆桿裝飾」+ 灰色漸變 + 斜面浮雕-壓雕)
  Refill_Grp
    Refill_Base (路徑「筆芯」+ 白灰漸變 + 描邊 1px 淺灰)
  Clip_Grp
    Clip_Base (路徑「筆別針」+ 同筆芯漸變 + 描邊漸變 90°)
    Clip_Shadow (路徑「筆別針影」+ 填黑)
  Shadow_Grp
    Contact_Shadow (羽化筆刷黑 38% 不透明度)
    Junction_Shadow (1px 點)

分步操作要點

1. 筆桿主體：鋼筆繪「筆桿」路徑 → 新建層 → 徑向漸變（紅→白）橫向拉出 → 內陰影（不透明度 36%、角度 -30、距離 10、大小 18、取消全局光）增加厚度感。
   
2. 筆桿中光帶：路徑「筆桿中光」→ 羽化 5px → 新建調整圖層/色階 → 輸出黑點 110（提亮中間調）。
3. 筆桿核心高光：路徑「筆桿高光」→ 羽化 10px → 填白。
   
4. 裝飾環：路徑「筆桿裝飾」→ 新建頂層 → 橫向灰色漸變 → 斜面浮雕：風格「壓雕」、深度 91%、大小 1、角度 122、海拔 42。
   
5. 筆芯：路徑「筆芯」→ 筆桿層下新層 → 白灰漸變 → 描邊 1px 居中淺灰。
   
6. 別針與陰影：路徑「筆別針」→ 頂層 → 同筆芯漸變 + 描邊（1px、居中、80%不透明度、漸變填充、角度 90°）→ 複製路徑改名「筆別針影」位移修改 → 別針層下新層填黑。
   
7. 接觸陰影：底層新建「影子」→ 羽化筆刷黑色斜畫筆芯下方 → 不透明度 38% → 筆桿筆芯接合處 1px 點陰影分層。
   

多色變體一鍵生成

• 合併可見圖層 → 複製 4 份 → 圖像 > 調整 > 色相/飽和度 → 色相滑桿分別偏移 → 獲得紅/藍/綠/黑四色圓珠筆族。
  

矢量思維優勢總結

1. 無限縮放：路徑/形狀圖層不失真，適配 Retina/4K/印刷多規格輸出。
2. 參數化修改：雙擊漸變/圖層樣式/調整圖層即時預覽修改，無需重繪。
3. 顏色管理：全局色相/飽和度調整層控制整支筆換色，保證高光/陰影/倒角色彩邏輯自洽。
4. 元件復用：「筆桿」、「筆芯」、「別針」三大組件可拆解重組成鋼筆、觸控筆、手電筒等圓柱體產品。