前言：質感不只關乎色彩，更關乎光影邏輯

圖標設計中，「質感」往往決定專業度。本教程演示如何在 CorelDRAW 中，利用「交互式透明度工具」與「交互式陰影工具」的組合，繪製一個擁有玻璃質感、金屬邊框、內凹按鍵觸感的播放圖標。全程向量操作，無限縮放不失真。

圖 1 完成效果：質感播放圖標

構建邏輯：從幾何體到光影模型

1. 基礎幾何構建

• 繪製同心圓：外圓（外框）、中圓（玻璃面）、內圓（按鍵基座）
• 關鍵： 內圓完成後 Ctrl+D 復制一份備用（後續做高光需用），然後組合對齊
• 繪製四條線段構建播放三角形指示器 → Ctrl+Q 轉曲線 → Ctrl+Shift+Q 外框轉對象（使線條可修剪） → 修剪多餘段落 → 分別填充遠近不同寬度的顏色

圖 2-4 基礎幾何與三角形指示器構建

2. 核心質感：交互式透明度模擬玻璃/金屬

這是本教程的靈魂。選中中圓（玻璃面），啟動「交互式透明度工具」：

• 透明度類型選「徑向」
• 關鍵認知：透明度遮罩中白 = 不透明，黑 = 完全透明
• 在漸變滑塊上拖入黑、白色塊，調整位置與中間點，構建「中心透亮、邊緣深邃」的玻璃折射感
• 同法處理外框圓環，模擬金屬倒角高光/陰影帶

圖 5 透明度遮罩黑白邏輯設置

3. 疊加高光與陰影細節

• 使用備用的內圓復制品，配合交互式透明度製作頂部高光帶
• 啟用「交互式陰影工具」為三角形指示器、內凹按鍵區添加投影與內陰影
• 三角形指示器添加微小倒角高光，增強按鍵觸感

圖 6-7 高光陰影疊加細節

4. 底色與最終合成

繪製底部背景圓，填充深色漸變，將所有圖層按邏輯堆疊：背景 → 外框 → 玻璃面 → 高光 → 指示器 → 內陰影。調整整體對比度，完成輸出。

核心技巧總結

• 透明度工具的黑白邏輯 是模擬所有透光/反射材質的基礎：白保留、黑透明、灰半透。善用滑塊中間點控制過渡銳度
• 外框轉對象 (Ctrl+Shift+Q) 讓線條獲得填充與修剪能力，是複雜線條造型必經步驟
• 圖層復制備用 習慣：任何可能二次利用的基礎幾何體，操作前先 Ctrl+D 復制一份藏在旁邊
• 質感分層：基礎色 → 透明度構建材質 → 高光層 → 陰影層 → 環境光層，每層單獨可調

結語

這個圖標看似簡單，實則包含了「折射、反射、環境遮蔽、次表面散射」等 PBR 渲染核心要素的向量化簡化表達。掌握「交互式透明度 + 陰影」的組合拳，你就擁有了在純向量環境中表現玻璃、金屬、塑膠、陶瓷等各類材質的通用語言。