像素級精確控制，打造可無限平鋪、多風格變體的菱形織物紋理

無縫紋理是介面設計、3D 貼圖、印刷花紋的基礎資產。本教程演示如何在 Photoshop 中從 210×414px 微畫布起步，以像素為單位精確構建菱形編織單元，再通過定義圖案、顏色查找(LUT)生成多風格變體，全流程非破壞、參數可追溯、極易擴展。

基礎紋理與變體效果

像素級構建流程 (210×414px 畫布，800% 放大操作)

1. 建立單元格：矩形選框工具，位置 (99,0) 到 (108,3)，填充 #92c6de(淺藍)。
2. 鋸齒線生成：選區右移 3px、上移 6px 重複填充，得單條鋸齒線（圖示）。
3. 鏡像疊加：複製鋸齒線水平翻轉拼合 → 合併 → 複製垂直翻轉拼合 → 合併得完整菱形網格（圖示）。
4. 填充菱形內部：套索工具選取菱形內部 → 填充 #92c6de → 重命名圖層「菱形」（圖示）。
5. 擴展為無縫單元：複製「菱形」層置於右下對應位置 → 再複製兩層置左下/右上並填充 #5b6589(深藍)構成交錯色序（圖示）。
6. 編織線條細節：3200% 放大，1px 鉛筆工具繪製 #5a7d9b 斜向線條單元 → 載入選區右移 3px/上移 6px 重複填充 → 複製鏡像拼合 → 合併線條層（圖示）。
7. 添加背景色：底層新建填充 #373f64(深藍灰)（圖示）。
8. 織物紋理賦質：新建 3×3px 文檔，鉛筆工具 1px 繪製隨機灰度噪點(#cccccc/#b8b8b8/#9c9c9c/#c4c4c4/#e2e2e2/#b5b5b5/#dbdbdb) → 編輯→定義圖案 → 返回主文檔頂層新建圖層 → 圖層樣式→圖案疊加選擇該圖案 → 混合模式「劃分」 模擬織物微觀起伏（圖示）。
9. 定義最終無縫圖案：編輯→定義圖案，命名「菱形編織」（圖示）。

大畫布驗證與多風格變體

利用調整圖層→顏色查找(Color Lookup)載入內置/第三方 3D LUT，秒級生成多風格變體：

核心技法遷移指南

• 像素級精確：所有移動/複製均以像素為單位(3px/6px 位移)，保證數學級無縫。
• 圖層結構清晰：背景色層/菱形色塊組/編織線條組/織物紋理層/調整層，各司其職。
• 「劃分」混合模式妙用：織物紋理層用「劃分」模式疊加，比「疊加/柔光」更能模擬織物微觀凹凸的明暗關係。
• 顏色查找 = 風格引擎：一套基礎紋理 + N 個 LUT = N 種風格變體，極大提升資產復用率。
• 擴展方向：將菱形單元替換為六邊形/三角形/波浪線，同邏輯生成全新紋理族群。

此流程展示了「參數化構建→非破壞疊加→LUT 風格引擎」的現代紋理制作範式，適用於 UI 介面背景、3D PBR 材質基礎色、印刷花紋設計、動態圖形紋理等多元場景。