圓點背景看似簡單，但「定義圖案」工作流能將其變為可無限縮放、任意填充、參數可控的設計資產。本教程拆解 20×20px 微畫布構建標準圓點圖案的幾何邏輯，並展示填充、混合模式、蒙版擦除的實戰應用。

最終效果

圖案構建：幾何精確化

1. 新建 20×20px 透明畫布。
2. Ctrl+A 全選 → 「選擇 > 修改 > 邊界」寬度 1px → 獲得 1px 邊框選區。
3. Ctrl+Shift+I 反選 → 獲得中心 18×18px 區域。
4. 「選擇 > 修改 > 平滑」樣本半徑 5px → 方形變圓角矩形，逼近圓形。
5. 前景白，Alt+Delete 填充 → 「濾鏡 > 銳化 > 銳化」銳化邊緣。
6. Ctrl+D 取消選區 → 「編輯 > 定義圖案」命名保存。

實戰應用：填充與蒙版融合

打開目標圖片，新建圖層，Shift+F5 填充 → 內容選「圖案」→ 選中剛定義的圓點圖案。圖層模式改「柔光」（或「疊加」「柔光」視底圖亮度決定）。選橡皮擦工具，柔邊筆頭，擦除主體/不需圓點區域，保留背景裝飾感。

圖案參數化擴展

參數	修改位置	效果
點大小	畫布尺寸 / 邊界寬度 / 平滑半徑	10px 畫布 + 邊界 1px + 平滑 3px = 微小密集點
點間距	畫布尺寸	40×40px 畫布 = 雙倍間距
點形狀	平滑半徑 / 選區形狀	平滑 0 = 方點；橢圓選區 = 橢圓點
點顏色	填充顏色 / 圖層樣式「色彩疊加」	單色/漸變/圖案填充點內部
排列方式	定義圖案前旋轉畫布	45° 旋轉 = 菱形排列

進階應用：動態圓點

將圓點圖案填充圖層轉為智能對象 → 添加「濾鏡 > 扭曲 > 波浪/極坐標」作為智能濾鏡 → 時間軸關鍵幀動畫濾鏡參數 → 導出動態圓點背景 GIF/MP4。

這套「微畫布定義圖案 → 智能對象填充 → 參數化變換」工作流，是構建可復用紋理資產庫的標準範式，適用於點、線、面、幾何紋理的全品類生產。