教學概覽

本教學示範如何運用 Photoshop 基礎工具與圖層樣式，快速製作具有立體質感的時尚相框廣告設計。流程精簡，適合入門至中階設計師掌握立體效果核心邏輯。

文件建立與背景佈局

步驟 1：新建畫布與漸層背景

建立 500×700 像素、72 DPI、RGB 模式新文件。選取「漸層工具」，設定線性漸層從 #0582ae 至 #0ab7db，填充背景營造科技藍氛圍。

步驟 2：置入主視覺圖片並裁切

開啟素材圖片並複製至主畫布。使用「矩形選框工具」框選保留區域，按 Ctrl+Shift+I 反選，按 Delete 刪除多餘部分，按 Ctrl+D 取消選區。

圖層樣式賦予立體質感

步驟 3：內發光與斜面浮雕雙重立體

為圖片圖層套用「圖層樣式」：

• 內發光：混合模式「正片疊底」，不透明度 50%，大小 10px，營造內陷邊緣陰影
• 斜面與浮雕：樣式「外斜面」，技法「刻畫清晰」，深度 100%，大小 13px，角度 90°/高度 30°，產生凸起立體邊框感

陰影與投影：強化空間層次

步驟 4：建立立體陰影

在圖片圖層下方新增圖層，用「多邊形套索工具」勾勒陰影形狀（模擬相框厚度投影），填充黑色。執行「濾鏡」→「模糊」→「高斯模糊」（半徑 8-10px），圖層不透明度降至 35%。

步驟 5：複製翻轉對稱陰影

按 Ctrl+J 複製陰影圖層，執行「編輯」→「變換」→「水平翻轉」，移動至相框另一側角落，形成對稱立體效果。

創意元素：絲帶標籤與文字排版

步驟 6：繪製立體絲帶標籤

新增圖層，用「鋼筆工具」繪製絲帶狀路徑（顏色 #aa2041），轉為選區填充。套用圖層樣式：

• 投影：距離 3px，大小 5px，模擬懸浮感
• 內發光：增強邊緣飽和度
• 漸層疊加：線性漸層模擬絲帶材質明暗

步驟 7：絲帶細節修飾與高光

合併絲帶相關圖層，用「多邊形套索工具」選取需刪減區域按 Delete。新增圖層，設定「筆刷工具」（65px、點光模式、曝光度 50%）繪製高光亮面；再用 10px 筆刷細化邊緣高光。

步驟 8：文字排版與複製絲帶

輸入廣告文案（白色、銳利銳化），Ctrl+T 旋轉傾斜配合絲帶角度。複製絲帶圖層置於右下角，完成對稱佈局。

最終成果

核心技巧總結

1. 選區與圖層樣式結合：內發光+斜面浮雕快速建立基礎立體
2. 手繪陰影+高斯模糊：比單純投影樣式更自然可控
3. 剪貼蒙版/剪貼圖層：限制效果範圍，保持圖層結構乾淨
4. 筆刷混合模式（點光/線性減淡）：高效繪製高光細節