本教程教您在 Photoshop 中製作可無限平鋪的圓角網格圖案，適用於背景設計、介面紋理、版式裝飾等場景，掌握「定義圖案 → 矢量蒙版填充」專業工作流。

製作步驟

1. 新建圖案基礎文檔：檔案 → 新建，尺寸設為單個網格單元大小（如 50×60px），背景透明。開啟「路徑」面板（視窗 → 路徑）。
2. 繪製圓角矩形路徑：工具箱選「圓角矩形工具」（U 鍵循環切換），選項欄設定圓角半徑（如 8px），在畫布中央繪製路徑。
3. 路徑轉選區填充黑白：路徑面板點擊「將路徑載入為選區」圖示（第三個）。Alt+Delete 填充前景色（白）→ Ctrl+Shift+I 反選 → Alt+Delete 填充背景色（黑）。得到白底黑框/黑底白框的圖案單元。
4. 定義圖案預設：編輯 → 定義圖案，命名「圓角網格」儲存。
5. 實際場景應用：目標文檔中，複製背景圖層 → 背景副本下方新建圖層 → 背景副本添加「矢量蒙版」 → 點擊蒙版縮圖 → Shift+F5 填充 → 內容選「圖案」→ 選擇剛定義的「圓角網格」→ 確定。

進階應用技巧

• 圖案縮放：填充對話框中可調整「縮放」百分比，改變網格密度。
• 顏色變化：圖案定義為灰度（黑白），應用時在矢量蒙版上方添加「純色/漸變填充圖層」剪貼蒙版，任意換色。
• 間距控制：新建文檔尺寸即控制網格間距，如需變化可定義多套不同尺寸圖案預設。
• 矢量蒙版優勢：隨時可用白/黑筆在蒙版上繪畫顯示/隱藏網格區域，或用形狀工具直接修改蒙版路徑，完全非破壞。

最終效果

完成上述步驟即可獲得清晰銳利、可任意編輯範圍與顏色的圓角網格效果，適配響應式設計與多尺寸輸出需求。