快速生成極具設計感的幾何碎片背景

不規則方塊背景廣泛應用於海報版式、網頁英雄區、演示文檔封面等場景。本教程展示利用 Photoshop 幾何選區、填充、圖層樣式快速批量生成的高效流程。

核心製作邏輯

方法一：矩形選框+隨機填充（適合小量級）

1. 新建圖層，矩形選框工具按 Shift 繪製多個不規則矩形選區
2. 前景色設置主色調，Alt+Delete 填充
3. 新建圖層重複操作，色相微調 ±15°，疊加 5-10 組
4. 圖層面板右鍵「合併可見圖層」，添加投影/描邊統一風格

方法二：圖案填充+濾鏡變形（適合大面積鋪滿）

1. 定義單個方塊為圖案（編輯→定義圖案）
2. 新建圖層編輯→填充→圖案，鋪滿畫布
3. 濾鏡「扭曲→玻璃」或「扭曲→波浪」打破規律性
4. 色相/飽和度調整層隨機化色彩

方法三：腳本自動化（最高效）

使用 JavaScript 腳本批量生成隨機位置/大小/顏色/旋轉角度的方塊圖層，配合圖層樣式統一風格。推薦開源腳本 RandomShapes.jsx 或自行編寫簡單邏輯。

風格變體建議

• 扁平極簡：純色填充，無描邊，大面積留白呼吸感
• 霓虹賽博：高飽和度色彩，外發光樣式，深色背景
• 質感紙藝：疊加紙紋理，投影模擬層疊厚度，暖灰色調
• 立體幾何：斜面浮雕樣式模擬 3D 厚度，單一光源統一投影

實戰應用技巧

• 將方塊組轉為智能對象，便於後期整體變換/濾鏡
• 配合蒙版製作文字/主體鏤空效果
• 導出 PNG 透明背景素材庫，跨項目複用
• 結合 CSS Grid/Clip-path 實現前端動態交互版本