效果預覽

一款擁有真實高光邊緣、立體倒角、材質感強烈的相框效果，全程使用 PS 內建工具與自製素材完成，零外掛、零3D，適合相簿排版、電商展示、海報裝飾。

素材自製：三層疊加法

相框主體由三張自製素材疊加構成，分別提供：

• 素材 1：基底結構——相框外輪廓與內窗口的基本幾何形狀（灰度圖）。
• 素材 2：高光邊緣——模擬光線擊中倒角邊緣產生的高光條（白/亮灰）。
• 素材 3：材質紋理——木紋/金屬拉絲/皮革等表面細節（灰度或彩色）。

圖層結構與混合邏輯

1. 底層：素材 1（基底），正常模式。
2. 中層：素材 3（紋理），混合模式「疊加」或「柔光」，不透明度 50-70%。
3. 上層：素材 2（高光），混合模式「螢幕」或「線性減淡(添加)」，不透明度 30-50%。
4. 最上層：照片圖層，建立剪貼蒙版限制在內窗口區域。

關鍵圖層樣式強化（可選）

為基底圖層（素材 1）添加圖層樣式進一步增強立體感：

• 斜面與浮雕：外斜面、平滑、深度 150%、大小視相框寬度而定、角度 120°、高度 30°、勾選等高線調整曲線。
• 內陰影：模擬內窗口深度，距離 3-5px、大小 5-8px。
• 投影：距離 5px、大小 10px、不透明度 30%，使相框浮於背景之上。

GIF 動態展示製作流程

教程附帶 GIF 動圖演示完整製作過程，展示圖層疊加、混合模式切換、圖層樣式調整、照片置入剪貼的即時效果變化，極具參考價值。

應用場景與延伸

• 相簿/相框牆排版：批量套用相框樣式，替換照片即可。
• 電商產品展示：為產品圖添加統一風格相框，提升專業度。
• 海報/名片裝飾：作為圖文框容器，統一視覺語言。
• 材質替換：更換素材 3 即可快速切換木質/金屬/塑膠/皮革等風格。

核心心法

「自製灰度素材 + 混合模式疊加 + 圖層樣式微調」是 PS 中零成本產出高質感 3D 效果的通用公式。這比摸索 3D 材質參數、渲染出圖快得多，且保留完全可編輯的圖層結構。下次需要相框、按鈕、卡片、面板等 UI 容器時，試試這套工作流。