水晶質感以其通透、折射、高光豐富著稱，是圖標設計中極具吸引力的視覺風格。本教程拆解一支水晶筆圖標的製作全過程，展示如何用矢量漸變、路徑操作、濾鏡效果、剪貼蒙版模擬水晶的光學特性，無需 3D 軟體即可獲得專業級渲染效果。

最終效果

核心光學特性建模策略

水晶光學特性	矢量模擬方法
體積透明度	多層疊加漸變，邊緣透明度遞減
折射邊緣高光	內側邊緣細高光線條 + 高斯模糊
內部折射條紋	不規則漸變條紋 + 透明度蒙版
頂面環境反射	高對比度高光形狀 + 螢幕混合模式
底部投影/穿透光	彩色投影 + 疊加模式

步驟拆解

筆身主體

1. 鋼筆工具繪製筆身主體路徑（筆尖至筆尾輪廓）。
2. 填充線性漸變：模擬筆身通體色彩傾向。
3. 複製路徑置上，稍微偏移，反向漸變，疊加增強體積感。
4. 套用「效果 > 風格化 > 羽化」或「柔化邊緣」，模擬邊緣折射柔光。

高光切割技法

1. 複製筆身主體路徑。
2. 使用「刀具」 (C) 切割出高光區域形狀（通常為頂部/側面窄長帶狀）。
3. 高光區塊填白/淡色，高斯模糊 1-2px，不透明度 50-80%，混合模式「螢幕」。

筆尖製作

1. 鋼筆工具繪製筆尖錐體輪廓。
2. 填充徑向漸變：尖端最亮（白/淡黃），根部融入筆身顏色。
3. 添加中心骨線：細線描邊，模擬筆尖分縫。

筆桿細節

1. 筆桿主體：矩形/圓角矩形，金屬漸變（深灰→亮銀→深灰）。
2. 中間裝飾環：橢圓環狀，金屬漸變 + 斜角高光。
3. 剪刀工具切割半圓環，漸變調整模擬彎曲面反射。

陰影系統

1. 投影：複製整體輪廓，填深灰/深藍，變形扁平，高斯模糊 5-8px，不透明度 30%。
2. 接觸陰影：筆尖觸地處細長深色橢圓，模糊 1-2px，不透明度 60%。
3. 彩色穿透光：筆身投影區域添加淡彩色橢圓（螢幕模式），模擬光線穿透水晶產生的彩色陰影。

水晶質感通用公式總結

1. 基礎體積：主體形狀 + 徑向/線性漸變建立體積轉折。
2. 疊加層次：複製主體偏移 + 反向漸變/不同透明度，疊加 2-3 層。
3. 邊緣處理：羽化/柔化邊緣 + 內側高光線條。
4. 高光系統：鏡面高光（銳利）+ 環境反光（柔和）+ 折射光斑（不規則）。
5. 陰影系統：投影（虛實）+ 接觸陰影（實）+ 彩色穿透光（特色）。
6. 色彩策略：主色調 + 環境色反射（暖燈光下加暖色高光，冷光下加藍色高光）。

效率化建議

• 將常用水晶高光、陰影、漸變存為「圖形樣式」，一鍵套用新物件。
• 建立「水晶材質」符號庫：不同形狀的高光片、反光條、折射紋理。
• 使用「外觀面板」疊加多重效果（漸變填充 + 描邊 + 效果），保持非破壞編輯。

這套「光學分析 → 分層建模 → 漸變疊加 → 蒙版精修 → 風格化輸出」的水晶質感矢量化方法論，不僅適用於筆刷圖標，更能推廣至寶石、玻璃器皿、水滴、冰晶、液態金屬等所有透明/半透明材質的圖標與插畫設計中。