將中國傳統青花瓷藝術融入介面設計，打造獨具東方韻味的 UI 按鈕。本教學透過矢量繪圖、漸層模擬釉面光澤、內陰影塑造凹凸質感、高光細節勾勒邊緣反光，逐步構建出既具陶瓷質感又符合現代介面規範的青花按鈕元件。

核心製作流程

1. 基礎按鈕造型

繪製圓角矩形作為按鈕主體，填充淺灰藍漸層（#D7DDDD 系）模擬瓷器基底色，利用鋼筆工具微調錨點製造細微不規則邊緣，增添手工感。

2. 釉面光澤與陰影塑造

• 疊加兩組「內側陰影」濾鏡：深色模擬邊緣厚釉積聚，淺色表現中心釉面凸起。
• 添加「投影」濾鏡確立按鈕懸浮感。
• 中央新增圓角矩形，填充放射狀漸層（透明→白→透明），混合模式「疊加」，強化中頂高光。

3. 邊緣高光細節

鋼筆繪製弧線描邊，套用「路徑噴槍 → 去除/添加」工具調節線寬漸變，上下翻轉複製分別置於按鈕頂底，模擬釉面邊緣反光。

4. 側面高光強化立體

左右兩側各繪製細長高光區，填充線性漸層（透明→白→透明），左右鏡像對稱，完成四面環繞的釉面光環效果。

5. 青花紋樣繪製

使用裝飾字體（如 YY Old English Dingbats）輸入花紋字符，填充「輪廓漸層」製造筆觸濃淡變化；再複製一層填實色 #7C83A7 並加高斯模糊 2px 置於底層，形成墨暈擴散的水墨質感。

6. 表面光澤封層

複製頂部高光置於最頂層，不透明度 80%，為青花紋樣鍍上一層透明釉面保護光，整體質感瞬間提升檔次。

延伸應用

掌握此核心邏輯後，可替換任意矢量紋樣、調整按鈕造型（圓形、橢圓、異形），快速衍生出完整的青花瓷系 UI 圖標套件，為產品注入獨特文化基因。