最終效果與變體展示

核心邏輯：最小重複單元精確構建 → 紋理疊加真實感 → 定義圖案無縫鋪滿

Step 1：建立精確畫布與參考線

1. 新建 210×414 px (寬高比 1:1.97，菱形幾何決定)。
2. Ctrl+R 顯示標尺 → 右鍵標尺選「像素」單位。
3. 視圖 → 新建參考線：垂直 99px、108px (菱形寬 9px)；水平按 6px 間距建立網格。

Step 2：像素級構建單菱形單元

1. 放大至 800% 以上，矩形選框工具 (固定大小 9×3px) 在 (99,0) 畫選區 → 填充 #92c6de (淺藍)。
2. 選區右移 3px、上移 6px (鍵盤方向鍵精確移動) → 填充同色 → 重複形成鋸齒邊緣。
3. 複製鋸齒線 → Ctrl+T 水平翻轉 → 對齊參考線合併 → 獲得完整菱形輪廓。
4. 複製菱形輪廓 → 垂直翻轉 → 對齊底部 → 合併 → 套索工具選取菱形內部 → 填充 #92c6de → 重命名圖層「菱形」。

Step 3：構建 2×2 無縫重複單元

1. 複製「菱形」 → 移至右下對角位置 (參考線對齊)。
2. 再複製兩層 → 分別置於左下、右上 → 填充色改 #5b6589 (深藍灰)，形成交錯色序。

Step 4：針織紋理線條 (關鍵細節)

1. 放大 3200%，鉛筆工具 (1px) 顏色 #5a7d9b 繪製「V 字形」微小線條 (模擬針織線圈)。
2. 載入線條選區 → 右移 3px、上移 6px 重複填充 → 形成連續線條紋理。
3. 複製線條層 → 水平翻轉 → 對齊 → 合併所有線條圖層。

Step 5：背景色與織物紋理疊加

1. 新建圖層置底 → 填充深藍 #373f64。
2. 製作織物紋理圖案：新建小文件 (如 50×50px) → 鉛筆 1px 多灰階隨機點繪 (#cccccc/#b8b8b8/#9c9c9c...) → 編輯 → 定義圖案 命名「Knit_Texture」。
3. 回主文件 → 新建圖層置頂 → 雙擊開啟圖層樣式 → 圖案疊加 選「Knit_Texture」 → 混合模式劃分 (Divide)，不透明度 100%。
4. 神奇時刻：「劃分」模式將織物紋理以數學除法融合到底層色彩，完美模擬針織表面微細起伏對光線的散射，單一圖層瞬間擁有真實織物質感。

Step 6：定義圖案與驗證

1. 編輯 → 定義圖案 命名「Diamond_Knit」。
2. 新建大文件 (2000×2000px) → 新建圖層 → 圖層樣式 → 圖案疊加選「Diamond_Knit」 → 縮放 100% → 邊緣無縫完美鋪滿。

Step 7：顏色查找 (LUT) 快速生成配色變體

在驗證文件頂層新建顏色查找調整圖層，瀏覽內建/第三方 LUT：

• Fujifilm F125 Kodak 2395 → 復古胶片感
• Kodak 5205 Fuji 3510 → 电影色調
• LateSunset → 晚霞暖調
• NightFromDay → 夜景偽裝
• TealOrangePlusContrast → 商業大片風
• 自定 .cube/.3dl LUT → 品牌專屬色彩

知識點總結

關鍵技術	作用	避坑提示
像素級參考線 + 方向鍵移動選區	保證幾何單元數學級精確對齊	放大倍數不夠會導致 1px 偏移累積破壞無縫
鉛筆工具 1px 繪製線條	邊緣絕對銳利，無抗鋸齒模糊	筆刷工具會產生半透明邊緣，破壞像素對齊
圖案疊加 + 劃分模式	無需手動疊加紋理圖層，自動適配任意底色	僅 PS CC 2015+ 支援劃分模式，舊版用「疊加/柔光」近似
顏色查找 (LUT) 批量變體	非破壞、一鍵切換、專業級色彩科學	LUT 品質參差不齊，建議收藏驗證過的高質量庫

應用場景延伸

• UI 設計：按鈕背景、卡片填充、分隔線紋理。
• 3D 貼圖：低模物件 UV 映射，無縫無拉伸。
• 印刷花紋：織物、壁紙、包裝紙無縫拼版。
• 動態設計：After Effects 中作為圖案圖層添加位移動畫，製造針織呼吸感。