教學目標與成果預覽

純代碼/濾鏡管線生成程序化六邊形背景虛化效果，無需外掛插件或素材圖片。核心技法：矢量形狀定義筆刷 → 筆刷引擎動態參數 → 圖層混合模式疊加 → 智能濾鏡非破壞迭代。適合網頁背景、UI 裝飾、動態圖形素材生成。

完整製作管線 16 步詳解

步驟 1：畫布與基底色

新建 2560×1440 像素（適配 2K 壁紙），背景填充深灰 #181818。

步驟 2：漸層色彩氛圍層

新建圖層，線性漸層（角度 30°）：暗黃 → 紅 → 藍 → 混合模式「疊加」，注入色彩靈魂。

步驟 3：雲彩濾鏡 + 高斯模糊 + 色彩減淡 = 基礎光粒

新建圖層 → 前景白/背景黑 →「濾鏡」→「渲染」→「雲彩」 →「高斯模糊」（70-100px） → 混合模式「顏色減淡」 → 獲得柔和發光噪點基底。

步驟 4：六邊形矢量筆刷定義

1. 「多邊形工具」（邊數 6）繪製黑色正六邊形
2. 圖層樣式「描邊」：7px、內部、混合選項「自定」→ 填充不透明度 50%
3. Ctrl+點擊圖層縮圖載入選區 →「編輯」→「定義筆刷預設」命名「Hexagon」

步驟 5：筆刷引擎動態參數配置（關鍵！）

開啟「筆刷」面板（F5）：

• 形狀動態：大小抖動 40%，其他默認
• 散佈：雙軸散佈 700%，數量 1，數量抖動 0%
• 傳輸：不透明度抖動 40%，流量抖動 0%
• 其餘類別（筆觸動態、紋理、雙重筆刷、顏色動態等）全部關閉

步驟 6-8：三層疊加構建景深

1. 第一層（銳利層）：新建組「Group 1」，混合模式「顏色減淡」。組內新建圖層，白色筆刷繪製六邊形 →「高斯模糊」2.0px
2. 第二層（柔和層）：複製第一層組 → 模糊半徑 5px → 填充不透明度 60% → 橡皮擦擦除過亮區域
3. 第三層（大面積氛圍）：新建組「Group 2」，混合模式「顏色減淡」，大柔邊白筆刷繪製大範圍光暈

步驟 9：群組蒙版雲彩控制顯隱

為「Group 1」添加圖層蒙版 →「濾鏡」→「渲染」→「雲彩」 →「高斯模糊」20px → 雲彩亮暗隨機控制六邊形顯隱，打破規律感。

步驟 10：條紋圖案疊加紋理

1. 新建 100×10px 文件，填充上半部黑/下半部白 →「編輯」→「定義圖案」
2. 主文件新建圖層 → 油漆桶工具選「圖案填充」 → 旋轉 30° → 複製鋪滿 → 合併圖層
3. 混合模式「疊加」 → 添加蒙版 → 套用步驟 9 同款模糊雲彩蒙版

步驟 11-13：角度漸層光暈與中心強化

1. 新建組「Group 3」，混合模式「顏色減淡」
2. 組內新建圖層，柔邊白筆刷點繪光暈
3. 組內再新建圖層，「漸層工具」選「角度漸層」，類型「雜色」、平滑度 100%、勾選「限制顏色」「增加透明度」 → 填充
4. 角度漸層圖層 →「高斯模糊」10px → 中心再添一光暈點綴

步驟 14：暗角邊緣營造聚焦

頂層新建圖層填充黑色 → 大柔邊橡皮擦擦除中心 → 邊緣變暗，引導視線聚焦中心。

步驟 15-16：最終疊加銳化輸出

1. 全選圖層 → 複製 → 合併複製層（Ctrl+E） →「高斯模糊」15px
2. 複製模糊層 → 第 1 層：混合模式「疊加」、不透明度 40% → 第 2 層：置頂、混合模式「濾色」、不透明度 30%
3. 最終效果：對比度提升、高光煥發、邊緣暗角、六邊形虛化層次豐富

參數調整速查表：快速變體生成

目標變化	調整參數
六邊形更大/更小	步驟 4 繪製六邊形時尺寸、或筆刷面板「大小」基礎值
六邊形密度更高/低	筆刷「散佈」百分比、繪製時筆觸間距
色彩風格切換	步驟 2 漸層色標、步驟 10 圖案顏色、步驟 12 角度漸層色標
更銳利/更柔和	步驟 8 模糊半徑、步驟 15 最終模糊半徑
動態動畫素材	錄製動作：步驟 5 筆刷「角度抖動」設為「方向」/「初始方向」，步驟 6-8 記錄繪製路徑為視頻圖層關鍵幀