教學目標與應用場景

掌握「白紙翹邊立體陰影」的專業製作流程，此效果廣泛應用於網頁卡片設計、海報排版、UI 組件陰影系統，能賦予扁平元素真實的物理厚度與空間感。

最終效果：右下角翹邊投影的白紙卡片

完整製作流程

階段一：基礎環境與紙張質感

1. 新建文檔：640×480 像素，白色背景
2. 背景紋理層：新建圖層「bg」，填充 #e2e2e2 → 右鍵「轉換為智能物件」 →「濾鏡」→「雜色」→「添加雜色」（數量 3%、高斯分佈、單色）

添加雜色參數

階段二：白紙主體與邊框樣式

1. 新建圖層「box」，「矩形工具」繪製 500×120px 白色（#ffffff）矩形
2. 套用圖層樣式「描邊」：大小 1px、位置「內部」、顏色 #f2f2f2，模擬紙張邊緣細微反光

圖層樣式與效果預覽

階段三：右側翹邊陰影構建（核心技法）

1. 建立陰影基礎形狀：新建圖層「shadow-right」，矩形工具繪製 200×50px 黑色（#000000）矩形
2. 精準定位：同時選取「box」與「shadow-right」圖層，移動工具選項欄點擊「底部對齊」+「右側對齊」，陰影精準貼合卡片右下角
3. 矢量蒙版編輯翹邊形狀：選取「shadow-right」矢量蒙版縮圖 →「直接選擇工具」（A）點擊右下角錨點 → 向下移動 7px → 框選右上/右下錨點 → 向左移動 3px → 形成梯形翹邊輪廓
4. 圖層順序調整：將「shadow-right」拖至「box」圖層下方

陰影初始定位

矢量蒙版縮圖選取

編輯錨點後的翹邊形狀

階段四：陰影真實感渲染（智能濾鏡+蒙版漸變）

1. 智能物件化：右鍵「shadow-right」→「轉換為智能物件」（保護後續濾鏡可編輯）
2. 高斯模糊：半徑 8px，模擬陰影擴散柔化
3. 添加圖層蒙版：為陰影圖層添加蒙版
4. 水平漸變蒙版：漸層工具（G），黑→透明，按住 Shift 從右向左水平拖曳，使陰影遠離翹邊處自然消失
5. 不透明度微調：圖層不透明度設 30%

高斯模糊參數

蒙版漸變效果

右側翹邊陰影完成效果

左右對稱擴展：左側翹邊陰影

複製「shadow-right」圖層組 → 重命名「shadow-left」 → 水平翻轉（Ctrl+T → 右鍵「水平翻轉」）→ 移動至左下角對齊 → 微調蒙版漸變方向（從左向右），即可獲得對稱雙側翹邊效果。

進階變體：四角翹邊、單邊翹邊、捲角效果

• 四角翹邊：建立四個陰影圖層，各自矢量蒙版編輯對應角落錨點
• 捲角效果：陰影形狀改為弧線（鋼筆工具繪製曲線路徑 → 轉選區 → 填充黑色 → 同樣流程）
• 陰影顏色採樣：實際專案中，陰影色應採樣背景色加深（而非純黑），混合模式「正片疊底」，更自然融入背景

核心技法總結

1. 矢量蒙版編輯形狀：比像素選區更精確、可隨時修改、不損失銳度
2. 智能物件+智能濾鏡：模糊半徑隨時可調，適應不同尺寸/解析度輸出
3. 蒙版漸變控制衰減：比單純降低不透明度更符合物理光學規律
4. 對齊工具精準定位：移動工具選項欄對齊按鈕，像素級精準，無需手動微調