極簡幾何風壁紙近年大熱，但手繪對齊極耗時。本教學揭示「雲彩濾鏡 + 馬賽克像素化 + 自由變換扭曲 + 漸變映射」的程序化生成流程：無需繪圖技巧，純濾鏡邏輯 3 分鐘產出無限變體，色彩完全可控，極適合 UI 背景、演示文稿、桌面壁紙批量產出。

核心流程圖解

新建畫布 → 設前景/背景色 → 雲彩濾鏡 → 馬賽克像素化 
→ 複製圖層旋轉 90° → 自由變換斜切/縮放 → 疊加模式融合
→ 裁剪邊緣 → 漸變調整圖層（顏色模式）上色

詳細步驟與參數解析

1. 畫布與基礎色彩設定

• 新建文件：2000×2000 px / 72 dpi / RGB（正方形畫布確保後續旋轉對稱）。
• 前景色：#2c3e50（深藍灰），背景色：#ecf0f1（淺灰白）。技巧：前景/背景色直接決定雲彩濾鏡輸出色域，此處冷暖對比為後續馬賽克提供豐富灰階。

畫布設置

前景色設置

背景色設置

2. 程序化紋理生成

1. 新建圖層 1 → 濾鏡 > 渲染 > 雲彩：獲得柔和隨機灰階分佈。
2. 濾鏡 > 像素化 > 馬賽克：單元大小 40-60 px（視畫布解析度），得到規則方塊網格。


雲彩濾鏡效果



馬賽克像素化效果

3. 幾何變換打破規則感

3. 複製馬賽克圖層（圖層 2） → Ctrl+T 旋轉 90°（打破水平垂直對稱單調感）。
4. 圖層 2 混合模式改為 疊加，與底層融合產生豐富中間調。
5. 圖層 1（底層）Ctrl+T → 水平斜切 30°，水平縮放 115%。
6. 圖層 2（頂層）Ctrl+T → 水平斜切 -30°，水平縮放 115%（對稱斜切產生動態菱形網格）。

複製圖層旋轉 90°

頂層自由變換：斜切 30° + 縮放 115%

頂層混合模式：疊加

底層自由變換：斜切 -30° + 縮放 115%

4. 裁剪與色彩映射

7. 裁剪工具移除邊緣不完整菱形，保留中心完整區域。
8. 新建「漸變調整圖層」（而非漸變填充），選擇/自定義漸變預設（推薦 3-5 色停點，如 #ff6b6b→#feca57→#48dbfb→#ff9ff3→#54a0ff）。
9. 漸變調整圖層混合模式改為 顏色 → 僅著色不改明度，馬賽克明暗結構完整保留。

裁剪邊緣

漸變調整圖層參數

最終效果：炫彩馬賽克幾何背景

變體擴展玩法

• 動態漸變：漸變調整圖層雙擊編輯 → 角度改為 45°/90°/徑向，瞬間改變色彩流向。
• 馬賽克尺寸變量：步驟 2 中單元大小 20px（精細）vs 100px（粗獷），風格截然不同。
• 斜切角度組合：±15°（緻密菱形）、±45°（極端菱形）、單層不斜切（純網格）。
• 混合模式實驗：頂層試「柔光」、「強光」、「差值」，獲得意想不到的幾何干涉圖案。
• 智能物件封裝：將馬賽克圖層組轉為智能物件，濾鏡參數隨時可回調，實現真正的參數化設計。

配色靈感獲取技巧

不擅長配色？參考教程推薦：《配色弱有救了！教你利用圖片創建獨有的色彩方案！》——用吸管工具從優秀攝影作品/電影截幀/品牌 VI 中提取 5 色調色板，直接導入漸變編輯器，零成本獲得專業級配色。

此流程最大價值在於「確定性隨機」：雲彩濾鏡提供不可預測的有機灰階分佈，馬賽克與幾何變換賦予秩序感，漸變映射賦予情緒色彩。三者結合，既保證每次輸出獨一無二，又完全在可控參數空間內——這正是程序化設計的迷人之處。