利用三層圓角矩形疊加(底層陰影、中層主體、頂層漸層高光),無需 3D 工具即可繪製具立體質感的圓角矩形,適用於按鈕、卡片、標籤等 UI 元素設計。
三層結構製作
- 主體層:插入「圓角矩形」→ 填充主色(如藍色)→ 右鍵「設定物件格式」→「線條」→ 顏色白色、寬度 2 磅(外框高光)。
- 陰影層:Ctrl+拖曳複製主體層 → 填充灰色、透明度 30%、無線條 → 右鍵「排序」→「下移一層」置於主體下方 → 微調位置向右下偏移 2-3 點,形成投影效果。
- 高光層:再複製一層 → 「填充」→「漸層」→ 設定「雙色漸層」(如白色 0% 透明度 → 白色 100% 透明度,角度 90°)→ 無線條 → 置於最上層,大小略小於主體(縮放 90%),形成頂部高光帶。
群組與復用
- 選取三層 → 右鍵「群組」→「群組」成單一物件。
- 複製群組可快速產出同風格按鈕/卡片,修改主體填充色即可換色系。
技巧:調整陰影偏移與模糊(透明度)、高光漸層角度與透明度停駐點,可模擬不同光源方向與材質(塑膠、金屬、玻璃感)。