自定義斜紋、抽絲、十字交織等幾何圖案，是介面設計、網頁背景、印刷紋理的基礎素材。本教程詳細展示從像素級圖案定義到圖層樣式「圖案疊加」應用的完整流程。

效果展示

詳細教程步驟

核心技法總結

1. 像素級定義：新建極小畫布（如 4×4px、8×8px），鉛筆工具 1px 繪製最小重複單元。
2. 定義圖案：Edit > Define Pattern，命名語義化（如「Diagonal_4px」「Crosshatch_8px」）。
3. 圖案疊加應用：圖層樣式 → 圖案疊加 → 選擇剛定義圖案 → 調整「縮放」「連結原點」「對齊」參數。
4. 變體創建：旋轉 45°/90° 定義新圖案、雙色像素交替定義抽絲、多圖層不同模式疊加豐富層次。

實戰應用場景

• 網頁/APP 背景紋理（CSS `background-image` 導出）。
• 按鈕/卡片邊框裝飾（描邊+圖案疊加）。
• 印刷名片/信封安全紋防偽底紋。
• 3D 模型 UV 貼圖基礎紋理。

建立個人圖案庫，設計效率大幅提升，風格統一性有保障。