用矩形工具、路徑布爾運算（減去/相交）、圖層樣式（描邊、投影、倒角浮雕）純向量繪製帶倒角立體感的相框，全程可編輯、可縮放、可復用，無需柵格化。適合 UI 圖示、相框模板、裝飾邊框批量生產。

最終效果

逐步構建

a. 新建畫布與基礎矩形

• 新建 568×300 px 畫布。
• 矩形工具 (U) 點擊畫布 → 輸入 426×226 px → 置中（對齊面板水平/垂直置中）。

b. 建立內框（倒角基準）

• 複製矩形圖層 (Ctrl+J) → 屬性面板修改寬 406px、高 206px → 填充藍色（或任意色） → 置中 → 隱藏此圖層眼睛（暫作參考）。

c. 繪製倒角三角形（路徑布爾運算核心）

• 外框矩形圖層複製一份 → 改填灰色（相框主體色）。
• 再複製一份（共兩個灰色矩形）。
• 選取「鋼筆添加錨點工具」在右下角區域添加兩點，與原右下角構成三角形區域。
• 選取「鋼筆減去錨點工具」刪除多餘錨點，再用「轉換點工具」將曲線點轉為直角點，得到標準直角三角形路徑。
• 填充白色（高光面），這將成為倒角的「受光面」。

d. 倒角立體效果：投影 + 描邊

• 三角形圖層添加 投影：混合模式「正片疊底」，顏色深灰，角度 120°，距離 3px，大小 5px，噪點 0%。
• 外框最大矩形 (第一個) 添加 描邊：大小 2px，位置「內部」，顏色深灰，模擬相框邊緣厚度線。

e. 組裝與修正陰影溢出

• 顯示藍色內框圖層，移至三角形下方、灰色矩形上方（順序：外框灰 → 藍內框 → 三角形高光）。
• 複製三角形 → Ctrl+T 右鍵「水平翻轉」 → 移至左下角對稱位置。
• 發現左側三角形投影溢出外框邊緣 → 解決：兩三角形圖層右鍵「轉換為智能物件」 → Ctrl 點擊外框矩形縮略圖載入選區 → 選中左三角形智能物件 → 點擊「添加圖層蒙版」→ 同法處理右三角形。蒙版自動裁切溢出陰影。

f. 文字與最終效果

• 畫布中央輸入文字，添加圖層樣式（倒角浮雕、描邊、投影等）融入相框質感。
• 全程向量圖層，隨時可修改尺寸、顏色、倒角大小、文字內容。

關鍵技法總結

技法	作用	優勢
矩形工具數值輸入	精確尺寸控制	參數化，隨時修改屬性面板數值即時更新
路徑布爾運算(減去/添加錨點)	從矩形「挖出」倒角三角形	非破壞，路徑可編輯，避免柵格化失真
智能物件+蒙版裁切投影	解決倒角陰影溢出外框	保留投影樣式可編輯，蒙版自動適應外框變化
圖層樣式疊加(投影+描邊+倒角浮雕)	構建立體質感	參數化，一鍵複製樣式到其他相框

延伸應用

• 將相框圖層組另存為 圖層樣式庫 或 CC 庫資產，團隊共用。
• 結合「變數數據集」，批量生成不同尺寸/比例/顏色的相框模板。
• 同邏輯可構建「立體按鈕、卡片邊框、標籤倒角、窗框」等所有倒角立體元件。