針對草地、石頭等不規則素材,利用偏移濾鏡將邊緣移至中心,再用修復畫筆消除接縫,快速產出可平鋪的無縫背景圖,是網頁設計必備技能。
為什麼需要無縫拼接?
直接平鋪普通圖片會產生明顯邊框與色差(如草地出現「坑洞」),破壞視覺連貫性,必須經過無縫處理才能完美鋪滿畫面。



操作步驟
- 裁切均勻區域:開啟素材,裁切工具設 200×200px,框選色彩均勻的中央區域,避開暗角。
- 偏移濾鏡:濾鏡 > 其他 > 偏移,水平/垂直各設 100px(圖寬高一半),勾選環繞,將四邊移至中心形成十字接縫。
- 修復接縫:放大畫面,用修復畫筆工具(約 20px)沿水平垂直接縫塗抹,直到痕跡不明顯。
- 存儲測試:檔案 > 存儲為 Web 所用格式,JPEG 80% 品質。在網頁中平鋪測試,確認無縫。






總結
偏移濾鏡是關鍵,配合修復畫筆即可快速製出各類無縫背景,極大提升網頁設計效率。