教學特色

不同於簡單濾鏡馬賽克，本教學採用「參考線精密定位 + 圖層複製變換 + 圖層樣式立體化」的專業工作流，打造真實物理拼圖質感，每個拼圖塊獨立可控，適合高精度商業設計。

效果與原圖

▲ 最終效果：精密對齊、立體質感、可互換拼圖塊

▲ 原始素材圖

拼圖基礎單元精密構建 (步驟 1-8)

1. 基礎畫布與參考線系統

新建 200×200px 畫布 → 新建圖層 1 → 矩形選框工具「固定大小」設定 → 左上角填充黑色方塊 → 視圖 > 新建參考線：縱橫各兩條（1.765cm、3.53cm），構建 3×3 九宮格定位系統。

2. 圓形凸耳/凹槽精密繪製

橢圓選框工具「固定大小」 → 放大畫布 → Alt+Shift 在參考線交點 畫正圓（Alt 從中心擴展，Shift 正圓約束） → Delete 刪除/填充黑色 → 完成右側凸耳、底部凸耳。關鍵：必須精準對準參考線交點，否則拼圖無法無縫對接。

3. 鏡像複製構建完整單元

圖層 1 複製 → 編輯 > 變換 > 垂直翻轉 + 水平翻轉 → 移動工具 + 方向鍵精準對齊參考線 → 橡皮擦工具（硬邊 40px）在對應位置擦除/補齊凸耳凹槽 → Ctrl+E 向下合併 → 再複製 → 旋轉 90° → 移至右下 → 重複擦除/補齊 → 合併得標準拼圖單元。

雙套拼圖圖案定義與應用 (步驟 9-14)

4. 定義兩組互補拼圖圖案

隱藏背景/特定圖層 → 編輯 > 定義圖案（圖案 1） → 切換圖層可見性 → 定義圖案（圖案 2）。兩組圖案凸耳凹槽互補，疊加後無縫銜接。

5. 應用至目標照片

新建 1000×800px 畫布（尺寸需為整數倍，如 600×400、800×600）→ 放入素材照片 → 新建兩圖層分別填充圖案 1/2 → 文字工具添加簽名 → 文字圖層栅格化 → 載入選區 → 漸變填充 → 添加「斜面與浮雕」樣式（枕狀浮雕）→ 合併文字圖層。

拼圖塊分離與立體化 (步驟 15-完結)

6. 複製拼圖塊圖層並佈局

圖層 1/2 各複製一份 → 移動工具佈局位置（錯位排列） → 不同顏色標識區分（僅為教學演示）。

7. 邊緣修整：補凹削凸

隱藏特定圖層 → 畫筆（黑）補齊凹槽、橡皮擦削除凸耳 → 逐層處理四組圖層 → 確保邊緒完美咬合。

8. 剪切拼圖塊並賦予立體樣式

• Ctrl+點擊圖層縮圖載入選區 → Ctrl+Shift+J 剪切到新圖層（四組各自剪切）
• 刪除臨時圖層，新建黑色背景層
• 矩形選框逐一切出拼圖塊 → Ctrl+Shift+J 分離
• 添加「斜面與浮雕」（預設參數）→ 自由變換微調位置角度
• 魔棒選取黑色縫隙 → 新圖層填充淺黃 → 內陰影樣式
• 最上層拼圖塊添加「投影」樣式 → 自由變換最終佈局

專業工作流總結

1. 參考線系統：建立精密幾何基準，保證拼圖單元幾何精度
2. Alt+Shift 圓心定位：從中心畫正圓，配合參考線交點，零誤差
3. 鏡像+旋轉複製：利用對稱性高效構建完整單元
4. 雙套互補圖案：解決單一圖案平鋪邊緣不全問題
5. Ctrl+Shift+J 剪切分層：將整體拼圖分解為獨立可控塊
6. 圖層樣式非破壞立體化：斜面浮雕+投影+內陰影，參數可隨時調整

「真正的拼圖效果，是每個碎片都有獨立厚度、陰影、邊緣磨損感。」