直接平鋪素材圖片會在邊緣產生明顯接縫，破壞視覺連續性。Photoshop 內建的「偏移」濾鏡是製作無縫拼接圖案的關鍵利器。本教學以草地紋理為例，示範從裁切、偏移、修復接縫到驗證平鋪的完整流程，掌握後可應用於任何有機紋理（木紋、石材、布料、水面等）。

為何直接平鋪會失敗？

素材邊緣的亮度、色相、紋理方向差異，平鋪時會形成明顯的十字分割線，如同草地上凹陷的坑洞，極度破壞沉浸感。

製作流程

步驟 1：裁切均勻區域

1. 開啟素材圖，選取「裁切工具」（C），設定寬高皆為 200 px（正方形）。
2. 將裁切框移動至畫面色彩、紋理最均勻的中央區域，避開四角陰暗處。確認裁切。

步驟 2：偏移濾鏡將邊緣移至中心

1. 執行「濾鏡 > 其他 > 偏移」。
2. 水平/垂直均輸入 100 px（圖寬高的一半）。
3. 未定義區域選「環繞」。
4. 原本的四邊邊緣現位於畫面中心，形成十字接縫。

步驟 3：修復畫筆消除接縫

1. 放大至 100-200%，選取「修復畫筆工具」（J），畫筆直徑約 20 px，硬度 0%。
2. 按 Alt 取樣接縫附近紋理，沿著水平、垂直接縫輕輕塗抹，直到接縫在視覺上消失。
3. 此步驟最考驗耐心與觀察力，目標是「看不出曾經有接縫」。

步驟 4：驗證平鋪效果

1. 「檔案 > 存儲為 Web 所用格式」，JPEG 品質 80% 輸出。
2. 新建大尺寸文件（如 2000×2000 px），新增填充圖層 > 圖案，選擇剛輸出的圖案，縮放 100%。
3. 檢視全畫面，確認無可見重複單元邊界。

核心邏輯解析

「偏移」濾鏡將圖像邊緣平移至中心，將「邊緣不連續」問題轉化為「中心可見接縫」問題。修復畫筆利用鄰近像素採樣融合，解決中心接縫後，圖像四邊自然實現無縫銜接。此技法為程序化紋理製作、遊戲貼圖、3D 材質、網頁背景的基礎核心技能。

進階應用與避坑指南

• 材質尺寸權衡：較大單元（512px+）減少重複感，但增加頁面載入體積；Web 建議 200-300px 平衡。
• 色彩一致性：裁切前先用「濾鏡 > Camera Raw 濾鏡」統一全圖白平衡與曝光，減少修復時的色差。
• 複雜紋理輔助：若修復畫筆難以處理強方向性紋理（如木紋），可結合「內容感知填充」或「仿製圖章工具」輔助。
• 多尺寸輸出：同一素材可輸出 100px/200px/400px 三種尺寸，配合 CSS `background-size` 或媒體查詢響應式載入。

總結

「偏移 → 修復」是 Photoshop 製作無縫圖案的黃金雙招。熟練後幾分鐘即可將任意攝影素材轉為專業級平鋪圖案，是網頁設計師、3D 藝術家、遊戲美術必備的基本功之一。