掌握無縫平鋪圖案的製作方法,能為網頁背景、印刷紋理、3D 貼圖提供無限創意素材。本教學以 100×100 px 簡單圓形為例,詳細講解從建立基礎瓦片、偏移過濾器、定義圖案到大面積填充的完整流程。
無縫圖案的關鍵在於「瓦片」邊緣能完美銜接。利用「偏移」濾鏡將圖案邊緣移至中心,即可視覺化檢查並修正接縫。
新建 100×100 px、72 ppi、RGB、透明背景文件。按 Ctrl++ 放大 500% 便於操作。


【視圖】→【新建參考線】,水平垂直皆設 50%,形成十字中心線。




在中心點按住 Shift+Alt 向外拖曳橢圓選框工具,繪製小正圓。

黑色填充圓形,Ctrl+D 取消選區。Ctrl+J 複製圖層,圖層面板出現「圖層 1 副本」。



選取「圖層 1 副本」,執行【濾鏡】→【其他】→【偏移】,水平垂直各設 50%(文件尺寸一半),勾選「循環」。圓形瞬間移至四角,中心騰空,瓦片邊緣無縫銜接完成。



【編輯】→【定義圖案】,命名(如「圓 100×100」)。


新建 1000×1000 px 白底文件,新增圖層,Shift+F5 填充,選擇剛定義的圖案,即可無縫鋪滿全畫面。






掌握此法後,可嘗試更複雜的幾何、有機圖形,甚至手繪筆觸,構建專屬圖案庫。